/* ==========================================================================
   Arabian Bride Abaya — Admin Theme (Black / White / Gold)
   Loaded after the base Amdash template CSS to re-skin it for this brand.
   ========================================================================== */

:root{
  --aba-black:        #0b0b0c;
  --aba-black-soft:   #161616;
  --aba-gold:         #c9a14b;
  --aba-gold-light:   #e3c982;
  --aba-gold-dark:    #9c7a2f;
  --aba-cream:        #faf8f3;
  --aba-white:        #ffffff;

  /* Re-point Bootstrap's own primary variable at our gold so every
     component that already uses var(--bs-primary) (buttons, badges,
     pagination, checkboxes, focus rings, links, datatable controls)
     picks up the brand color automatically. */
  --bs-primary: var(--aba-gold);
  --bs-primary-rgb: 201, 161, 75;
  --bs-link-color: var(--aba-gold-dark);
  --bs-link-color-rgb: 156, 122, 47;
  --bs-link-hover-color: var(--aba-black);
}

body{
  background-color: var(--aba-cream) !important;
}

/* ---------- Sidebar ---------- */
html.semi-dark .sidebar-wrapper{
  background: var(--aba-black) !important;
}
html.semi-dark .sidebar-wrapper .sidebar-header{
  background: var(--aba-black) !important;
  border-bottom: 1px solid rgba(201,161,75,.25);
  gap: 10px;
  padding: 0 12px;
}
html.semi-dark .sidebar-wrapper .sidebar-header .brand-logo-img{
  width: 34px;
  height: 34px;
  flex: 0 0 auto;
  border-radius: 50%;
  object-fit: cover;
  border: 1px solid var(--aba-gold);
  filter: none !important;
}
html.semi-dark .sidebar-wrapper .sidebar-header .logo-text{
  color: var(--aba-gold) !important;
  font-weight: 700;
  font-size: 14px;
  line-height: 1.15;
  letter-spacing: .02em;
  white-space: nowrap;
  margin: 0;
}
html.semi-dark .sidebar-wrapper .sidebar-header .logo-text .brand-line-2{
  display: block;
  font-size: 12px;
  font-weight: 500;
  color: var(--aba-gold-light);
  opacity: .85;
}
html.semi-dark .sidebar-wrapper .sidebar-header .toggle-icon{
  color: var(--aba-gold) !important;
  flex: 0 0 auto;
}
@media screen and (min-width:1025px){
  .wrapper.toggled:not(.sidebar-hovered) html.semi-dark .sidebar-wrapper .sidebar-header,
  .wrapper.toggled:not(.sidebar-hovered) .sidebar-header{
    padding: 0;
    justify-content: center;
  }
}
html.semi-dark .sidebar-wrapper .metismenu li.menu-label{
  color: var(--aba-gold-light) !important;
  opacity: .65;
  text-transform: uppercase;
  font-size: 11px;
  letter-spacing: .08em;
}
html.semi-dark .sidebar-wrapper .metismenu a{
  color: #cfcfcf;
}
html.semi-dark .sidebar-wrapper .metismenu a .parent-icon{
  color: var(--aba-gold-light);
}
html.semi-dark .sidebar-wrapper .metismenu .mm-active > a,
html.semi-dark .sidebar-wrapper .metismenu a:active,
html.semi-dark .sidebar-wrapper .metismenu a:focus,
html.semi-dark .sidebar-wrapper .metismenu a:hover{
  color: var(--aba-black) !important;
  background: var(--aba-gold) !important;
}
html.semi-dark .sidebar-wrapper .metismenu .mm-active > a .parent-icon,
html.semi-dark .sidebar-wrapper .metismenu a:hover .parent-icon{
  color: var(--aba-black) !important;
}
html.semi-dark .sidebar-wrapper .metismenu ul{
  background: rgba(201,161,75,.07);
}

/* ---------- Topbar ---------- */
.topbar{
  background: var(--aba-white) !important;
  border-bottom: 1px solid #eee2c6;
}
.topbar .search-control{
  background-color: var(--aba-cream);
  border: 1px solid #eee2c6;
}
.topbar .user-box{
  border-left: 1px solid #eee2c6;
}
.topbar .user-box .user-img{
  border: 2px solid var(--aba-gold);
}
.topbar .alert-count{
  background: var(--aba-gold) !important;
  color: var(--aba-black) !important;
}

/* ---------- Buttons / badges / links ---------- */
.btn-primary{
  background-color: var(--aba-gold) !important;
  border-color: var(--aba-gold) !important;
  color: var(--aba-black) !important;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active{
  background-color: var(--aba-gold-dark) !important;
  border-color: var(--aba-gold-dark) !important;
  color: var(--aba-white) !important;
}
.btn-outline-primary{
  color: var(--aba-gold-dark) !important;
  border-color: var(--aba-gold) !important;
}
.btn-outline-primary:hover{
  background-color: var(--aba-gold) !important;
  color: var(--aba-black) !important;
}
.btn-dark, .btn-black{
  background-color: var(--aba-black) !important;
  border-color: var(--aba-black) !important;
  color: var(--aba-gold) !important;
}
.btn-dark:hover, .btn-black:hover{
  background-color: var(--aba-black-soft) !important;
  color: var(--aba-gold-light) !important;
}
.text-primary{ color: var(--aba-gold-dark) !important; }
.bg-primary{ background-color: var(--aba-gold) !important; }
.badge.bg-primary{ color: var(--aba-black) !important; }

/* ---------- Cards / page furniture ---------- */
.card{
  border: 1px solid #f0e7cf;
}
.card .card-header{
  background-color: var(--aba-white);
  border-bottom: 1px solid #f0e7cf;
}
.page-titles{
  border-bottom: 1px solid #f0e7cf;
}
.page-titles h4{
  color: var(--aba-black);
}
.page-titles .breadcrumb-item.active{
  color: var(--aba-gold-dark);
}

/* stat / widget icons in brand gold-on-black */
.widget-icon-gold{
  background: var(--aba-black);
  color: var(--aba-gold);
}

/* table header accents */
.table thead th{
  border-bottom: 2px solid var(--aba-gold);
}

/* status badges used on the Orders screen */
.badge-status-pending{ background:#f4e3b2; color:#7a5b06; }
.badge-status-processing{ background:#cfe2ff; color:#1d3f72; }
.badge-status-completed{ background:#cdebd2; color:#1c6b34; }
.badge-status-cancelled{ background:#f4cccc; color:#8a1f1f; }

a{ color: var(--aba-gold-dark); }
a:hover{ color: var(--aba-black); }

.dropdown-item.active, .dropdown-item:active{
  background-color: var(--aba-gold) !important;
  color: var(--aba-black) !important;
}

.form-control:focus, .form-select:focus{
  border-color: var(--aba-gold);
  box-shadow: 0 0 0 .2rem rgba(201,161,75,.18);
}

.page-link{
  color: var(--aba-gold-dark);
}
.page-item.active .page-link{
  background-color: var(--aba-gold);
  border-color: var(--aba-gold);
  color: var(--aba-black);
}

/* ---------- Admin Login ---------- */
body.aba-login-page{
  background: var(--aba-black) !important;
}
.aba-login-bg{
  min-height: 100vh;
  width: 100%;
  background:
    radial-gradient(circle at 15% 20%, rgba(201,161,75,.16), transparent 45%),
    radial-gradient(circle at 85% 80%, rgba(201,161,75,.12), transparent 50%),
    linear-gradient(160deg, var(--aba-black) 0%, var(--aba-black-soft) 55%, var(--aba-black) 100%);
}
.aba-login-card{
  background: var(--aba-white);
  border: 1px solid rgba(201,161,75,.35);
  border-radius: 1.25rem;
  box-shadow: 0 20px 60px rgba(0,0,0,.35);
}
.aba-login-logo{
  width: 72px;
  height: 72px;
  border-radius: 50%;
  object-fit: cover;
  border: 2px solid var(--aba-gold);
  box-shadow: 0 0 0 6px rgba(201,161,75,.12);
}
.aba-login-card h5{
  color: var(--aba-black);
  font-weight: 700;
}
.aba-login-card .form-label{
  color: var(--aba-black);
  font-weight: 500;
  font-size: .85rem;
}
.aba-login-card .form-control{
  background: var(--aba-cream);
  border: 1px solid #e7dcc0;
}
.aba-login-card .form-control:focus{
  background: var(--aba-white);
}
.aba-login-card .btn-gold{
  background-color: var(--aba-gold);
  border-color: var(--aba-gold);
  color: var(--aba-black);
  font-weight: 600;
  letter-spacing: .03em;
}
.aba-login-card .btn-gold:hover,
.aba-login-card .btn-gold:focus{
  background-color: var(--aba-gold-dark);
  border-color: var(--aba-gold-dark);
  color: var(--aba-white);
}
.aba-login-card .form-check-input:checked{
  background-color: var(--aba-gold);
  border-color: var(--aba-gold);
}
.aba-login-card .toggle-password{
  cursor: pointer;
  color: var(--aba-gold-dark);
}
.aba-login-card .alert-danger{
  border-color: #f4cccc;
  background: #fdf3f3;
  color: #8a1f1f;
}