/* =========================================================
   ADMIN PANEL THEME (Gahoi Garjna Custom Admin)
   Website ka rang maroon/gold hai - is Admin panel ko jaan-bujh
   kar alag (navy + amber) rakha gaya hai taaki dono clearly
   alag pehchane jaayein aur wp-admin jaisa bhi na lage.
   Yeh file sabse aakhri me load hoti hai isliye purane
   style.css / style-main.css ke rangon ko override kar deti hai.
   ========================================================= */

:root{
  --admin-navy:      #7A1F2B;   /* sidebar / header base */
  --admin-navy-dark: #fff;   /* sidebar hover / darker shade */
  --admin-teal:      #F2A93C;   /* links, icons, primary buttons */
  --admin-amber:     #b08b3d;   /* active menu / highlights */
  --admin-bg:        #F2F5F9;   /* main content background */
  --admin-text-light:#E9EEF5;
}

/* ---------- Page background (dashboard / list pages) ---------- */
body{
  background-color: #7a1f2b;
}

/* ---------- Top header bar ---------- */
.header{
  background-color: var(--admin-navy) !important;
  box-shadow: 0px 2px 12px rgba(0,0,0,.25);
}
.header .toggle-sidebar-btn{
  color: var(--admin-text-light) !important;
}
.header .logo span,
.header-nav .nav-profile span{
  color: var(--admin-text-light) !important;
}
.header-nav .nav-profile i{
  color: var(--admin-text-light) !important;
}

/* ---------- Sidebar ---------- */
.sidebar{
  background-color: var(--admin-navy) !important;
}
.sidebar-nav .nav-item{
  border-bottom: 1px solid rgba(255,255,255,.08);
}
.sidebar-nav .nav-link,
.sidebar-nav .nav-link.collapsed{
  background: transparent !important;
  color: var(--admin-text-light) !important;
}
.sidebar-nav .nav-link i,
.sidebar-nav .nav-link.collapsed i{
  color: #fff!important;
}
.sidebar-nav .nav-link:hover,
.sidebar-nav .nav-link.active{
  background: var(--admin-navy-dark) !important;
  color: var(--admin-amber) !important;
}
.sidebar-nav .nav-link:hover i,
.sidebar-nav .nav-link.active i{
  color: var(--admin-amber) !important;
}
.sidebar-nav .nav-link .badge{
  background-color: var(--admin-amber) !important;
  color: var(--admin-navy) !important;
}

/* ---------- Buttons ---------- */
.btn-primary{
  background-color: var(--admin-teal) !important;
  border-color: var(--admin-teal) !important;
}
.btn-primary:hover{
  background-color: var(--admin-navy) !important;
  border-color: var(--admin-navy) !important;
}
.btn-outline-primary{
  color: var(--admin-teal) !important;
  border-color: var(--admin-teal) !important;
}
.btn-outline-primary:hover{
  background-color: var(--admin-teal) !important;
  color: #fff !important;
}

/* ---------- Dashboard stat cards ---------- */
.data_box.bg1{ background-color: var(--admin-navy) !important; }
.data_box.bg2{ background-color: var(--admin-amber) !important; }

/* ---------- Cards / tables ---------- */
.card-title{
  color: var(--admin-navy);
}
.table thead{
  background-color: var(--admin-navy);
  color: #fff;
}
.table thead th{
  color: #fff !important;
  border-color: var(--admin-navy);
}

/* ---------- Pagetitle heading ---------- */
.pagetitle h1{
  color: var(--admin-navy);
}

/* ---------- Login page ---------- */
body.main-body{
  background: #7a1f2b;
  min-height: 100vh;
}
body.main-body .login-box{
  border-top: 4px solid var(--admin-amber);
  border-radius: 10px;
}
body.main-body .btn-primary{
  background-color: var(--admin-amber) !important;
  border-color: var(--admin-amber) !important;
  color: #fff;
  font-weight: 600;
}
body.main-body .btn-primary:hover{
  background-color: var(--admin-teal) !important;
  border-color: var(--admin-teal) !important;
  color: #fff !important;
}