/* ==============================================================
   GAURI COLLECTION - ADMIN PANEL OVERRIDES
   ============================================================== 
   Sidebar: #261A08 (Rich Umber Dark)
   Cards/panels: #FAF6EE (Warm White)
   Page bg: #F2EAD8 (Cream)
   Accents: #C9A96E → #9A7040 → #6B4C1E (Gold ramp)
*/

/* --- 1. Page Background --- */
body, .main-content {
    background-color: #F2EAD8 !important;
}

/* --- 2. Sidebar --- */
.main-sidebar, .main-sidebar .sidebar-wrapper {
    background-color: #261A08 !important;
}

.main-sidebar .sidebar-menu li a {
    color: #E8D5B0 !important; /* Pale Ivory for better contrast on dark umber */
}

.main-sidebar .sidebar-menu li.active a {
    background-color: #3D2B0F !important;
    color: #C9A96E !important; /* Gold Leaf for active */
    border-left: 4px solid #C9A96E !important;
}

.main-sidebar .sidebar-menu li a:hover {
    background-color: #3D2B0F !important;
    color: #FAF6EE !important;
}

.main-sidebar .sidebar-brand a {
    color: #C9A96E !important;
    font-family: 'Cormorant Garamond', serif !important;
    letter-spacing: 1px;
}

/* --- 3. Cards & Panels --- */
.card, .modal-content, .dropdown-menu {
    background-color: #FAF6EE !important;
    border: 1px solid rgba(154, 112, 64, 0.1) !important;
    box-shadow: 0 4px 8px rgba(38, 26, 8, 0.05) !important;
}

.card .card-header {
    background-color: transparent !important;
    border-bottom: 1px solid rgba(154, 112, 64, 0.1) !important;
}

.card .card-header h4, .section-header h1 {
    color: #261A08 !important;
}

.card .card-body {
    color: #3D2B0F !important;
}

/* Tables inside cards */
.table, .table-striped tbody tr:nth-of-type(odd) {
    background-color: #FAF6EE !important;
}
.table-striped tbody tr:nth-of-type(even) {
    background-color: rgba(242, 234, 216, 0.5) !important;
}
.table th {
    color: #6B4C1E !important;
}
.table td {
    color: #3D2B0F !important;
}

/* --- 4. Accents & Primary Colors (Gold Ramp) --- */
.bg-primary {
    background-color: #6B4C1E !important;
}

.btn-primary {
    background-color: #6B4C1E !important;
    border-color: #6B4C1E !important;
    color: #FAF6EE !important;
}

.btn-primary:hover, .btn-primary:active, .btn-primary:focus {
    background-color: #3D2B0F !important;
    border-color: #3D2B0F !important;
}

.text-primary {
    color: #6B4C1E !important;
}

.navbar-bg {
    background-color: #6B4C1E !important;
}

/* --- 5. Status Pills (Muted Colors) --- */
/* Success - Muted Green */
.badge-success, .bg-success {
    background-color: #4A5D4E !important; /* Muted forest green */
    color: #FAF6EE !important;
}

/* Danger/Error - Muted Red/Rust */
.badge-danger, .bg-danger {
    background-color: #8B4A43 !important; /* Muted rust red */
    color: #FAF6EE !important;
}

/* Warning/Pending - Muted Gold/Amber */
.badge-warning, .bg-warning {
    background-color: #B58A4D !important; /* Muted amber */
    color: #FAF6EE !important;
}

/* Info - Muted Teal/Blue */
.badge-info, .bg-info {
    background-color: #4A6B70 !important; /* Muted teal */
    color: #FAF6EE !important;
}

/* Button overrides for standard Bootstrap colors */
.btn-success { background-color: #4A5D4E !important; border-color: #4A5D4E !important; }
.btn-danger { background-color: #8B4A43 !important; border-color: #8B4A43 !important; }
.btn-warning { background-color: #B58A4D !important; border-color: #B58A4D !important; }
.btn-info { background-color: #4A6B70 !important; border-color: #4A6B70 !important; }

/* Dashboard Statistic Icons Override */
.card-statistic-1 .card-icon {
    box-shadow: none !important;
}

/* Inputs and Forms */
.form-control {
    background-color: #F2EAD8 !important;
    border-color: rgba(154, 112, 64, 0.2) !important;
    color: #261A08 !important;
}
.form-control:focus {
    border-color: #C9A96E !important;
    box-shadow: 0 0 0 0.2rem rgba(201, 169, 110, 0.25) !important;
}

/* --- 6. Fix Pink Defaults (.s-divide) --- */
/* Sidebar Menu Headers ("Products", "Shop Setup") */
.main-sidebar .sidebar-menu li .s-divide {
    color: #9A7040 !important; /* Aged Brass instead of default pink */
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.1em !important;
    font-size: 11px !important;
    margin-top: 15px !important;
}

/* Sidebar Icons and Active Icon Background */
.main-sidebar .sidebar-menu li a .icon {
    background-color: transparent !important;
    box-shadow: none !important;
}

.main-sidebar .sidebar-menu li.active a i,
.main-sidebar .sidebar-menu li.active a .icon,
.main-sidebar .sidebar-menu li.active a span {
    background-color: transparent !important;
    color: #C9A96E !important; /* Match active text color */
}

/* --- 7. Fix Top Header Visibility --- */
/* Top navbar dark background with light text (based on reference) */
.main-navbar, .navbar-bg {
    background-color: #6B4C1E !important; /* Deep Gold / Brown */
}

.main-navbar .nav-link,
.main-navbar .navbar-brand {
    color: #FAF6EE !important; /* Warm White */
}

.main-navbar .nav-link:hover {
    color: #C9A96E !important; /* Gold Leaf */
}

.main-navbar .dropdown-menu {
    background-color: #FAF6EE !important;
}

.main-navbar .dropdown-item {
    color: #3D2B0F !important;
}

.main-navbar .dropdown-item:hover {
    background-color: #F2EAD8 !important;
    color: #6B4C1E !important;
}

/* --- 8. Dark Cards (Earning Section) --- */
.card-dark {
    background-color: #261A08 !important;
    border-color: #3D2B0F !important;
}

.card-dark .card-header h4 {
    color: #9A7040 !important; /* Aged brass for dark card headers */
    text-transform: uppercase !important;
    letter-spacing: 0.1em !important;
    font-size: 10px !important;
}

.card-dark .card-body {
    color: #FAF6EE !important; /* Warm white text */
}

.card-dark .card-icon {
    background-color: rgba(250, 246, 238, 0.1) !important;
    color: #C9A96E !important; /* Gold Leaf icon */
}

/* --- 9. Dashboard Statistic Cards Redesign --- */
.card-statistic-1 {
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    padding: 20px !important;
    min-height: 170px !important;
    border-radius: 8px !important;
}

.card-statistic-1 .card-icon {
    width: 45px !important;
    height: 45px !important;
    margin: 0 0 15px 0 !important;
    float: none !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 6px !important;
    font-size: 18px !important;
}

.card-statistic-1 .card-icon i {
    line-height: 1 !important;
}

.card-statistic-1 .card-wrap {
    padding: 0 !important;
    width: 100% !important;
}

.card-statistic-1 .card-header {
    padding: 0 !important;
    margin: 0 0 8px 0 !important;
    border: none !important;
}

.card-statistic-1 .card-header h4 {
    font-size: 12px !important;
    line-height: 1.4 !important;
    white-space: normal !important; /* Allow wrapping */
}

.card-statistic-1 .card-body {
    padding: 0 !important;
    font-size: 24px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
}