/* =====================================================================
   ILVARA — Admin theme override
   Brand palette: Deep Maroon #562F39  +  Gold #c9a96e
   Loaded AFTER assets/css/style.css so these rules win.
   ===================================================================== */
:root {
  --ilvara-maroon:      #562F39;
  --ilvara-maroon-dark: #3e222a;
  --ilvara-maroon-deep: #4a2831;
  --ilvara-gold:        #c9a96e;
  --ilvara-gold-light:  #dcc38f;
  --ilvara-cream:       #efe6d8;
}

/* ==============================  SIDEBAR  ============================== */
.ec-left-sidebar,
.ec-bg-sidebar,
.ec-sidebar-light .sidebar,
.sidebar,
.sidebar .sidebar-inner {
  background-color: var(--ilvara-maroon) !important;
  border-right: none !important;
}

/* Brand / logo block — transparent logo lockup centred on the maroon */
.ec-brand a {
  height: 74px !important;
  justify-content: center !important;
  padding: 0 !important;
  border-bottom: 1px solid rgba(201,169,110,0.22) !important;
}
.ec-brand .ec-brand-icon {
  width: auto !important;
  height: 52px !important;
  max-width: 190px;
  object-fit: contain !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
/* Logo already contains the ILVARA wordmark — hide the duplicate text */
.ec-brand .ec-brand-name { display: none !important; }
/* Minified sidebar: keep the compact logo centred */
.sidebar-minified .ec-left-sidebar .ec-brand .ec-brand-icon { height: 40px !important; }

/* Menu links */
.sidebar .nav > li > a,
.sidebar .sidenav-item-link,
.sidebar .nav-text,
.sidebar .caret {
  color: var(--ilvara-cream) !important;
}
.sidebar .nav > li > a i {
  color: var(--ilvara-gold) !important;
}

/* Hover + active states */
.sidebar .nav > li > a:hover,
.sidebar .sidenav-item-link:hover,
.sidebar .nav > li.active > a,
.ec-sidebar-light .sidebar .nav > li.active > a {
  color: #ffffff !important;
  background-color: rgba(0,0,0,0.20) !important;
}
.sidebar .nav > li > a:hover i,
.sidebar .nav > li.active > a i {
  color: var(--ilvara-gold-light) !important;
}
/* Gold accent bar on the active item */
.sidebar-inner > li.active > .sidenav-item-link,
.sidebar-inner > li.active > a {
  box-shadow: inset 3px 0 0 var(--ilvara-gold);
}

/* Sub-menus */
.ec-sidebar-light .sidebar .sub-menu {
  background-color: var(--ilvara-maroon-deep) !important;
}
.ec-sidebar-light .sidebar .sub-menu > li > a {
  color: rgba(239,230,216,0.82) !important;
}
.ec-sidebar-light .sidebar .sub-menu > li > a:hover,
.ec-sidebar-light .sidebar .sub-menu > li > a.active,
.ec-sidebar-light .sidebar .sub-menu > li.active > a {
  color: var(--ilvara-gold) !important;
}

/* Dividers / footer / scrollbar */
.sidebar hr,
.sidebar .separator,
.ec-sidebar-light .sidebar .separator {
  border-color: rgba(201,169,110,0.18) !important;
}
.sidebar-footer,
.ec-sidebar-light .sidebar-footer {
  background-color: var(--ilvara-maroon-dark) !important;
}
.sidebar .simplebar-scrollbar:before {
  background: var(--ilvara-gold) !important;
}

/* ==============================  HEADER  ============================== */
.ec-main-header,
.ec-header-light .ec-main-header {
  background: #ffffff !important;
  border-bottom: 1px solid #ece6df !important;
}
.ec-main-header .nav-link,
.ec-main-header .nav-link i,
.ec-header .navbar-nav .nav-link {
  color: var(--ilvara-maroon) !important;
}
.ec-main-header .nav-link:hover,
.ec-main-header .nav-link:hover i {
  color: var(--ilvara-gold) !important;
}

/* ==============================  BUTTONS  ============================= */
.btn.btn-primary,
.btn-primary {
  background-color: var(--ilvara-maroon) !important;
  border-color: var(--ilvara-maroon) !important;
  color: #ffffff !important;
}
.btn.btn-primary:hover,
.btn.btn-primary:focus,
.btn.btn-primary:active,
.btn-primary:hover,
.btn.btn-outline-primary:hover {
  background-color: var(--ilvara-maroon-dark) !important;
  border-color: var(--ilvara-maroon-dark) !important;
  color: #ffffff !important;
}
.btn.btn-outline-primary {
  color: var(--ilvara-maroon) !important;
  border-color: var(--ilvara-maroon) !important;
  background: transparent !important;
}
/* Gold accent button (opt-in via class="btn btn-gold") */
.btn.btn-gold {
  background-color: var(--ilvara-gold) !important;
  border-color: var(--ilvara-gold) !important;
  color: var(--ilvara-maroon-dark) !important;
}
.btn.btn-gold:hover {
  background-color: var(--ilvara-gold-light) !important;
  border-color: var(--ilvara-gold-light) !important;
}

/* =====================  LINKS / PRIMARY ACCENTS  ===================== */
a { color: var(--ilvara-maroon); }
a:hover { color: var(--ilvara-gold); }

.text-primary { color: var(--ilvara-maroon) !important; }
.bg-primary   { background-color: var(--ilvara-maroon) !important; }
.border-primary { border-color: var(--ilvara-maroon) !important; }

.badge.badge-primary,
.badge-primary,
.badge.bg-primary { background-color: var(--ilvara-maroon) !important; color:#fff !important; }

/* Pagination */
.page-item.active .page-link {
  background-color: var(--ilvara-maroon) !important;
  border-color: var(--ilvara-maroon) !important;
}
.page-link { color: var(--ilvara-maroon); }
.page-link:hover { color: var(--ilvara-gold); }

/* Tabs / pills / dropdown / progress */
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link { background-color: var(--ilvara-maroon) !important; }
.nav-tabs .nav-link.active { color: var(--ilvara-maroon) !important; border-bottom-color: var(--ilvara-maroon) !important; }
.dropdown-item.active, .dropdown-item:active { background-color: var(--ilvara-maroon) !important; }
.progress-bar { background-color: var(--ilvara-maroon) !important; }

/* Forms */
.form-control:focus,
.form-select:focus {
  border-color: var(--ilvara-gold) !important;
  box-shadow: 0 0 0 0.2rem rgba(86,47,57,0.15) !important;
}
.form-check-input:checked {
  background-color: var(--ilvara-maroon) !important;
  border-color: var(--ilvara-maroon) !important;
}
.form-switch .form-check-input:checked { background-color: var(--ilvara-maroon) !important; }

/* DataTables buttons/highlights */
.dataTables_wrapper .dataTables_paginate .paginate_button.current {
  background: var(--ilvara-maroon) !important;
  border-color: var(--ilvara-maroon) !important;
  color: #fff !important;
}

/* =====================  LOGIN / SIGNUP CARD  ======================== */
.sign-inup .card {
  border: none !important;
  border-radius: 14px;
  overflow: hidden;
  box-shadow: 0 12px 40px rgba(62,34,42,0.28);
}
/* Maroon header band with the transparent gold logo centred */
.sign-inup .card-header.bg-primary {
  background-color: var(--ilvara-maroon) !important;
  padding: 32px 20px !important;
  text-align: center;
  border: none !important;
}
.sign-inup .ec-brand a {
  height: auto !important;
  width: auto !important;
  line-height: normal !important;
  padding: 0 !important;
  border: none !important;
  justify-content: center !important;
}
.sign-inup .ec-brand .ec-brand-icon {
  width: auto !important;
  height: 66px !important;
  max-width: 230px;
  object-fit: contain !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
.sign-inup .ec-brand .ec-brand-name { display: none !important; }