/* ============================================================
   Bombay Jewellers — Admin Brand Theme (Maroon + Gold)
   Loaded after aiz-core.css in the admin layout.
   ============================================================ */

/* Brand palette */
:root {
    --primary: #6D0F1B;
    --hov-primary: #8a1526;
    --soft-primary: rgba(109, 15, 27, 0.12);

    --secondary-base: #B88A2E;
    --hov-secondary-base: #9c7423;
    --soft-secondary-base: rgba(184, 138, 46, 0.16);

    --brand-maroon: #6D0F1B;
    --brand-maroon-dark: #500a14;
    --brand-maroon-deep: #3f0810;
    --brand-gold: #B88A2E;
    --brand-gold-light: #e8c976;
}

/* ---------------- Sidebar ---------------- */
.aiz-sidebar.left {
    background: linear-gradient(180deg, var(--brand-maroon-dark) 0%, var(--brand-maroon-deep) 100%);
    border-right: 1px solid rgba(184, 138, 46, 0.2);
}
.aiz-side-nav-logo-wrap {
    background: rgba(0, 0, 0, 0.25);
    border-bottom: 1px solid rgba(184, 138, 46, 0.25);
}
.aiz-side-nav-logo-wrap:hover {
    background: rgba(0, 0, 0, 0.35);
}
.aiz-side-nav-wrap #menu-search {
    border: 1px solid rgba(255, 255, 255, 0.18);
    color: #fff;
}
.aiz-side-nav-wrap #menu-search::placeholder {
    color: rgba(255, 255, 255, 0.55);
}
.aiz-side-nav-wrap #menu-search:focus {
    border-color: var(--brand-gold);
}
.aiz-side-nav-list .aiz-side-nav-link:hover,
.aiz-side-nav-list .aiz-side-nav-link.level-2-active,
.aiz-side-nav-list .aiz-side-nav-link.level-3-active,
.aiz-side-nav-list .aiz-side-nav-link.active {
    color: #fff;
    background: var(--brand-gold);
}
.aiz-side-nav-list .aiz-side-nav-link:hover .aiz-side-nav-icon>svg *,
.aiz-side-nav-list .aiz-side-nav-link.level-2-active .aiz-side-nav-icon>svg *,
.aiz-side-nav-list .aiz-side-nav-link.level-3-active .aiz-side-nav-icon>svg *,
.aiz-side-nav-list .aiz-side-nav-link.active .aiz-side-nav-icon>svg * {
    fill: #fff;
}
.aiz-side-nav-list .level-2 .aiz-side-nav-link:after {
    border-color: rgba(255, 255, 255, 0.45);
}
.aiz-side-nav-list .level-2 .aiz-side-nav-link:hover:after,
.aiz-side-nav-list .level-2 .aiz-side-nav-link.active:after {
    background: #fff;
    border-color: #fff;
}
.aiz-side-nav-list .aiz-side-nav-arrow::after {
    color: rgba(255, 255, 255, 0.6);
}
.aiz-side-nav-list .badge-info {
    background: var(--brand-gold);
    color: #fff;
}

/* ---------------- Topbar ---------------- */
.aiz-topbar {
    background: #ffffff;
    border-bottom: 2px solid var(--brand-maroon);
    box-shadow: 0 2px 12px rgba(80, 10, 20, 0.06);
}
.aiz-topbar-menu.active {
    color: var(--brand-maroon);
}
.aiz-topbar-menu.active:after {
    background: var(--brand-maroon);
}
.aiz-topbar-menu:hover {
    color: var(--brand-gold);
}

/* ---------------- Footer ---------------- */
.aiz-main-content > .bg-white.text-center {
    background: #ffffff !important;
    border-top: 1px solid #efece4 !important;
    color: #6b6b6b;
}

/* ---------------- Buttons ---------------- */
.btn-primary {
    background-color: var(--brand-maroon);
    border-color: var(--brand-maroon);
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:not(:disabled):not(.disabled):active {
    background-color: var(--brand-maroon-dark);
    border-color: var(--brand-maroon-dark);
}
.btn-primary:focus {
    box-shadow: 0 0 0 0.2rem rgba(109, 15, 27, 0.35);
}
.hov-bg-primary:hover {
    background-color: var(--brand-maroon) !important;
}
.btn-soft-primary {
    color: var(--brand-maroon);
    background-color: var(--soft-primary);
}
.btn-soft-primary:hover {
    color: #fff;
    background-color: var(--brand-maroon);
}
.btn-secondary-base {
    background-color: var(--brand-gold);
    border-color: var(--brand-gold);
    color: #fff;
}
.btn-secondary-base:hover {
    background-color: var(--hov-secondary-base);
    border-color: var(--hov-secondary-base);
    color: #fff;
}
.btn-soft-secondary-base {
    color: #7a5a12;
    background-color: var(--soft-secondary-base);
}
.btn-soft-secondary-base:hover {
    color: #fff;
    background-color: var(--brand-gold);
}
.btn-soft-blue {
    color: var(--brand-maroon);
    background-color: var(--soft-primary);
}
.btn-soft-blue:hover {
    color: #fff;
    background-color: var(--brand-maroon);
}
.text-primary {
    color: var(--brand-maroon) !important;
}
.bg-primary {
    background-color: var(--brand-maroon) !important;
}
.text-secondary-base {
    color: var(--brand-gold) !important;
}

/* ---------------- Cards & panels ---------------- */
.card,
.dashboard-box {
    border: 1px solid #efece4;
    box-shadow: 0 8px 24px rgba(80, 10, 20, 0.05);
    border-radius: 12px;
}
.dashboard-box {
    background: #fff;
}

/* ---------------- Tables ---------------- */
.aiz-table thead th {
    background: #faf7f1;
    color: var(--brand-maroon-dark);
    font-weight: 700;
    text-transform: uppercase;
    font-size: 11px;
    letter-spacing: 0.4px;
    border-bottom: 2px solid var(--brand-gold);
}
.aiz-table tbody tr:nth-child(even) {
    background: #fdfbf6;
}
.table thead th {
    background: #faf7f1;
    color: var(--brand-maroon-dark);
    border-bottom: 2px solid var(--brand-gold);
}

/* ---------------- Dashboard KPI cards ---------------- */
.dashboard-box h1.fs-30.fw-600 {
    color: var(--brand-maroon) !important;
}

/* ---------------- Page header/titlebar accent ---------------- */
.aiz-main-content .page-title h1,
.aiz-main-content .page-title .fs-17 {
    color: var(--brand-maroon-dark);
}

/* ---------------- Tabs (dashboard) ---------------- */
.dashboard-tab .nav-link.active {
    border-color: var(--brand-maroon);
    color: var(--brand-maroon);
}

/* ---------------- Breadcrumb / badges ---------------- */
.badge-primary {
    background-color: var(--brand-maroon);
}
.badge-warning {
    background-color: var(--brand-gold);
}

/* ---------------- Sidebar scrollbar ---------------- */
.aiz-sidebar.left::-webkit-scrollbar-thumb {
    background: rgba(232, 201, 118, 0.4);
}