/*
 * RD Grup custom theme overrides for AdminLTE 4 / Bootstrap 5.
 * Loaded after adminlte.css so these variables win.
 */

:root,
[data-bs-theme=light] {
  /* raw palette */
  --theme-navy: #1E2B50;
  --theme-navy-dark: #131B33;
  --theme-navy-darker: #0A1124;
  --theme-gold: #C9A227;
  --theme-royal-blue: #2E5EAA;
  --theme-cream: #FFF4CF;

  /* typography */
  --theme-font-heading: "Sora", sans-serif;
  --theme-font-body: "Inter", sans-serif;
  --bs-font-sans-serif: var(--theme-font-body);

  /* Bootstrap brand colors */
  --bs-primary: var(--theme-navy);
  --bs-primary-rgb: 30, 43, 80;
  --bs-secondary: var(--theme-royal-blue);
  --bs-secondary-rgb: 46, 94, 170;

  /* body */
  --bs-body-bg: #FFFFFF;
  --bs-body-bg-rgb: 255, 255, 255;
  --bs-body-color: var(--theme-navy-dark);
  --bs-body-color-rgb: 19, 27, 51;
  --bs-emphasis-color: var(--theme-navy-dark);

  /* links */
  --bs-link-color: var(--theme-royal-blue);
  --bs-link-color-rgb: 46, 94, 170;
  --bs-link-hover-color: var(--theme-gold);
  --bs-link-hover-color-rgb: 201, 162, 39;
}

[data-bs-theme=dark] {
  --bs-link-color: var(--theme-royal-blue);
  --bs-link-hover-color: var(--theme-gold);
}

body {
  background-color: var(--bs-body-bg);
  font-family: var(--theme-font-body);
  font-weight: 400;
  line-height: 1.6;
}

/*
 * Header / navbar — navy, white text, gold on hover/active.
 */
.app-header {
  --bs-navbar-color: rgba(255, 255, 255, 0.85);
  --bs-navbar-hover-color: var(--theme-gold);
  --bs-navbar-disabled-color: rgba(255, 255, 255, 0.4);
  --bs-navbar-active-color: var(--theme-gold);
  --bs-navbar-brand-color: #FFFFFF;
  --bs-navbar-brand-hover-color: var(--theme-gold);
  --bs-navbar-toggler-border-color: rgba(255, 255, 255, 0.25);
  --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(255, 255, 255, 0.85)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
  background-color: var(--theme-navy) !important;
  border-bottom-color: var(--theme-navy-darker);
}

.app-header .dropdown-menu {
  --bs-dropdown-link-active-bg: var(--theme-navy);
  --bs-dropdown-link-active-color: #FFFFFF;
}

.app-header .dropdown-item:hover,
.app-header .dropdown-item:focus {
  color: var(--theme-royal-blue);
}

/*
 * Footer — darkest navy, white text.
 */
.app-footer {
  background-color: var(--theme-navy-darker);
  color: #FFFFFF;
}

.app-footer a {
  color: var(--theme-gold);
}

.app-footer a:hover,
.app-footer a:focus {
  color: #FFFFFF;
}

/*
 * CTA buttons — gold, navy text.
 */
.btn-primary {
  --bs-btn-bg: var(--theme-gold);
  --bs-btn-border-color: var(--theme-gold);
  --bs-btn-color: var(--theme-navy-dark);
  --bs-btn-hover-bg: #b38f22;
  --bs-btn-hover-border-color: #b38f22;
  --bs-btn-hover-color: var(--theme-navy-dark);
  --bs-btn-active-bg: #9c7c1e;
  --bs-btn-active-border-color: #9c7c1e;
  --bs-btn-active-color: var(--theme-navy-dark);
  --bs-btn-disabled-bg: var(--theme-gold);
  --bs-btn-disabled-border-color: var(--theme-gold);
}

.btn-outline-primary {
  --bs-btn-color: var(--theme-navy);
  --bs-btn-border-color: var(--theme-navy);
  --bs-btn-hover-bg: var(--theme-navy);
  --bs-btn-hover-border-color: var(--theme-navy);
  --bs-btn-active-bg: var(--theme-navy);
  --bs-btn-active-border-color: var(--theme-navy);
}

/*
 * Soft alternate section background — cream.
 */
.bg-theme-cream {
  background-color: var(--theme-cream);
}

.bg-theme-navy {
  background-color: var(--theme-navy);
  color: #FFFFFF;
}

/* Active pagination / nav state picks up the gold highlight. */
.page-item.active .page-link,
.nav-pills .nav-link.active {
  background-color: var(--theme-gold);
  border-color: var(--theme-gold);
  color: var(--theme-navy-dark);
}

/*
 * Typography — Sora for headings, Inter for everything else.
 * Font-size and spacing are left untouched; only family/weight/line-height change.
 */
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
.card-header,
.sidebar-brand .brand-link,
.brand-text {
  font-family: var(--theme-font-heading);
  line-height: 1.25;
}

h1,
h2,
h3,
h4,
.h1,
.h2,
.h3,
.h4,
.sidebar-brand .brand-link,
.brand-text {
  font-weight: 700;
}

h5,
h6,
.h5,
.h6,
.card-header {
  font-weight: 600;
}

/*
 * AdminLTE widgets use heading tags (h3) purely as big numbers, not section
 * titles, so they stay on the body font rather than inheriting Sora.
 */
.app-sidebar .nav-link,
.btn,
.table th,
.table td,
.form-label,
.form-control,
.small-box h3,
.small-box .h3,
.info-box .info-box-text,
.breadcrumb,
.breadcrumb-item {
  font-family: var(--theme-font-body);
}

.small-box h3,
.small-box .h3 {
  font-weight: 600;
}