/* ===========================================================================
   Weson Industries — portal brand overlay
   Loaded LAST so it overrides the stock DEPRIXA themes (Modernize dashboard +
   Landrick login). Pure additive override — delete this file + its <link> tags
   to fully revert. Brand: flame #EE4438 → ember #F5894C, ink #161616.
   Fonts: Oswald (display) + Inter (body), matching wesonindustries.com.
   =========================================================================== */

:root {
  --weson-flame: #EE4438;
  --weson-flame-700: #c9352b;
  --weson-ember: #F5894C;
  --weson-ink: #161616;

  /* Bootstrap 5 (dashboard theme) primary remap */
  --bs-primary: #EE4438;
  --bs-primary-rgb: 238, 68, 56;
  --bs-link-color: #EE4438;
  --bs-link-hover-color: #c9352b;
  --bs-link-color-rgb: 238, 68, 56;
}

/* ----- Typography ------------------------------------------------------- */
body,
.cover-user,
.card,
.form-control,
.btn,
.dropdown-menu,
table {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}
h1, h2, h3, h4, h5, h6,
.card-title,
.navbar-brand,
.weson-word,
.logo-text {
  font-family: 'Oswald', 'Inter', sans-serif !important;
  letter-spacing: -0.01em;
}

/* ----- Brand lockup (topbar + login) ------------------------------------ */
.weson-brand { display: inline-flex; align-items: center; gap: 9px; text-decoration: none; }
.weson-brand img { height: 32px; width: auto; display: block; }
.weson-word {
  font-weight: 700;
  text-transform: uppercase;
  font-size: 22px;
  line-height: 1;
  color: var(--weson-ink);
  letter-spacing: -0.02em;
}
.weson-word span { color: var(--weson-flame); }

/* ----- Primary color remap (both themes) -------------------------------- */
.btn-primary,
.bg-primary,
.badge-primary,
.badge.bg-primary,
.btn-info,
.bg-info {
  background-color: var(--weson-flame) !important;
  border-color: var(--weson-flame) !important;
  color: #fff !important;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-info:hover {
  background-color: var(--weson-flame-700) !important;
  border-color: var(--weson-flame-700) !important;
}
.btn-outline-primary {
  color: var(--weson-flame) !important;
  border-color: var(--weson-flame) !important;
}
.btn-outline-primary:hover {
  background-color: var(--weson-flame) !important;
  color: #fff !important;
}
.text-primary,
.text-info { color: var(--weson-flame) !important; }
a { color: var(--weson-flame); }
a:hover { color: var(--weson-flame-700); }

/* Gradient buttons used on the login/auth screens */
.btn-grad,
.btn-gradient,
button.btn-grad {
  background-image: linear-gradient(135deg, var(--weson-flame) 0%, var(--weson-ember) 100%) !important;
  border: none !important;
  color: #fff !important;
  font-weight: 600;
  letter-spacing: 0.02em;
}
.btn-grad:hover { filter: brightness(0.95); color: #fff !important; }

/* Focus ring */
.form-control:focus,
.form-select:focus {
  border-color: var(--weson-flame) !important;
  box-shadow: 0 0 0 0.18rem rgba(238, 68, 56, 0.18) !important;
}

/* ----- Dashboard sidebar (Modernize) active state ----------------------- */
.sidebar-link.active,
.sidebar-item.selected > .sidebar-link,
.sidebar-link:hover {
  color: var(--weson-flame) !important;
}
.sidebar-link.active {
  background: rgba(238, 68, 56, 0.10) !important;
  border-radius: 8px;
}
.sidebar-link.active i,
.sidebar-link.active .icon { color: var(--weson-flame) !important; }

/* Pagination (was the stock blue in custom.css) */
.pagination li.active a,
.pagination li.active a.page-link,
.page-item.active .page-link {
  background: var(--weson-flame) !important;
  border-color: var(--weson-flame) !important;
  color: #fff !important;
}
.page-link { color: var(--weson-flame); }

/* ----- Surface polish (subtle, matches landing) ------------------------- */
.card {
  border: 1px solid #ececee;
  border-radius: 14px;
  box-shadow: 0 1px 2px rgba(22, 22, 22, 0.04), 0 8px 24px rgba(22, 22, 22, 0.04);
}
.btn { border-radius: 10px; }
.form-control, .form-select { border-radius: 10px; }

/* Login hero accent + back-to-home button */
.cover-user .back-to-home .btn-primary,
.back-to-home .btn-icon {
  background: var(--weson-flame) !important;
  border-color: var(--weson-flame) !important;
}
.login-page .card-title h4 { color: var(--weson-ink); }

/* Small "main site" link in the topbar */
.weson-mainsite {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 13px;
  font-weight: 600;
  color: var(--weson-flame);
  text-decoration: none;
  padding: 6px 12px;
  border: 1px solid rgba(238, 68, 56, 0.35);
  border-radius: 999px;
  white-space: nowrap;
}
.weson-mainsite:hover { background: rgba(238, 68, 56, 0.08); color: var(--weson-flame-700); }