/* ==========================================================================
   POLYMERS BAZAR — BRAND THEME OVERRIDE (Admin + Seller)
   Primary: #1e40af  |  Dark: #1e3a8a  |  Light: #3b82f6
   Pale:    #dbeafe  |  Accent: #93c5fd
   Load this file LAST so its rules win over Bootstrap / theme.minc619.
   ========================================================================== */

:root {
    --primary:         #1e40af;
    --primary-dark:    #1e3a8a;
    --primary-light:   #3b82f6;
    --primary-pale:    #dbeafe;
    --primary-accent:  #93c5fd;
    --primary-on:      #ffffff;
    --primary-row-hv:  #eff6ff;

    /* Override Bootstrap CSS vars (BS5) */
    --bs-primary:         #1e40af;
    --bs-primary-rgb:     30, 64, 175;
    --bs-link-color:      #1e40af;
    --bs-link-hover-color:#1e3a8a;

    /* Common legacy theme token used throughout the project */
    --theameColor: #1e40af;
    --themeColor:  #1e40af;
}

/* --------------------------------------------------------------------------
   1. CORE BOOTSTRAP UTILITIES
   -------------------------------------------------------------------------- */
.bg-primary,
.bg-primary-darker { background-color: #1e40af !important; color: #fff !important; }
.text-primary      { color: #1e40af !important; }
.border-primary    { border-color: #1e40af !important; }
a                  { color: #1e40af; }
a:hover, a:focus   { color: #1e3a8a; }

/* --------------------------------------------------------------------------
   2. BUTTONS
   -------------------------------------------------------------------------- */
.btn-primary,
.btn-primary:not(:disabled):not(.disabled) {
    background-color: #1e40af !important;
    border-color:     #1e40af !important;
    color: #fff !important;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.btn-primary:not(:disabled):not(.disabled):active,
.show > .btn-primary.dropdown-toggle {
    background-color: #1e3a8a !important;
    border-color:     #1e3a8a !important;
    box-shadow: 0 0 0 0.2rem rgba(30, 64, 175, 0.25) !important;
}
.btn-outline-primary {
    color: #1e40af !important;
    border-color: #1e40af !important;
    background-color: transparent !important;
}
.btn-outline-primary:hover,
.btn-outline-primary:focus,
.btn-outline-primary:active {
    background-color: #1e40af !important;
    border-color: #1e40af !important;
    color: #fff !important;
}
.btn-soft-primary,
.btn-ghost-primary {
    background-color: rgba(30, 64, 175, 0.1) !important;
    color: #1e40af !important;
    border-color: transparent !important;
}
.btn-soft-primary:hover,
.btn-ghost-primary:hover {
    background-color: #1e40af !important;
    color: #fff !important;
}
.btn-link { color: #1e40af !important; }
.btn-link:hover { color: #1e3a8a !important; }

/* --------------------------------------------------------------------------
   3. SIDEBAR — Vertical navbar (shared by Admin + Seller)
   -------------------------------------------------------------------------- */
aside.js-navbar-vertical-aside,
aside.navbar-vertical-aside,
aside.navbar.navbar-vertical,
.js-navbar-vertical-aside.bg-white,
.navbar-vertical-aside.bg-white,
.navbar.navbar-vertical.bg-white {
    background-color: #1e40af !important;
    border-right: 0 !important;
}
aside .navbar-vertical-container,
aside .navbar-vertical-content {
    background-color: #1e40af !important;
}
aside .navbar-brand-wrapper,
.navbar-vertical-aside .navbar-brand-wrapper,
.navbar-vertical .navbar-brand-wrapper {
    background-color: #1e3a8a !important;
    border-bottom: 1px solid rgba(255,255,255,0.08) !important;
}
aside .navbar-nav .nav-link,
aside .nav-link,
.navbar-vertical .navbar-nav .nav-link,
.navbar-vertical-aside .nav-link,
.navbar-vertical .nav-link,
.navbar-vertical .nav-subtitle,
.navbar-vertical .nav-link .nav-icon,
.navbar-vertical .nav-link i,
aside .nav-link i,
aside .nav-link .nav-icon {
    /* color: rgba(255,255,255,0.88) !important; */
}
aside .nav-link:hover,
aside .nav-link:focus,
.navbar-vertical .nav-link:hover,
.navbar-vertical .nav-link:focus,
.navbar-vertical-aside .nav-link:hover {
    background-color: #1e3a8a !important;
    color: #ffffff !important;
}
aside .nav-link.active,
.navbar-vertical .nav-link.active,
.navbar-vertical .nav-item.active > .nav-link,
.navbar-vertical .nav-link.active .nav-icon,
.navbar-vertical-aside .nav-link.active {
    background-color: #1e3a8a !important;
    color: #ffffff !important;
    border-left: 3px solid #93c5fd !important;
}
aside .nav-sub .nav-link.active,
.navbar-vertical .nav-sub .nav-link.active {
    color: #93c5fd !important;
    background-color: transparent !important;
    border-left: 2px solid #93c5fd !important;
}
aside .nav-subtitle,
.navbar-vertical .nav-subtitle { color: rgba(255,255,255,0.55) !important; }
aside hr, aside .navbar-divider,
.navbar-vertical hr, .navbar-vertical .navbar-divider { border-color: rgba(255,255,255,0.08) !important; }

/* Caret / collapse indicators inside sidebar */
aside .nav-indicator-icon,
aside .tio-chevron-right,
aside .tio-chevron-down { color: rgba(255,255,255,0.7) !important; }

/* Sidebar scrollbar */
aside ::-webkit-scrollbar { width: 6px; }
aside ::-webkit-scrollbar-thumb { background-color: rgba(255,255,255,0.25); border-radius: 3px; }
aside ::-webkit-scrollbar-track { background-color: transparent; }

/* Seller panel — use slightly deeper tone to distinguish */
.seller-panel .js-navbar-vertical-aside,
.seller-panel .navbar-vertical {
    background-color: #1e3a8a !important;
}
.seller-panel .navbar-vertical .nav-link.active,
.seller-panel .navbar-vertical .nav-link:hover {
    background-color: #162e6f !important;
}

/* --------------------------------------------------------------------------
   4. TOP NAVBAR / HEADER — WHITE background, dark text
   -------------------------------------------------------------------------- */
#header.navbar,
.navbar.navbar-container,
.navbar.navbar-fixed {
    background-color: #ffffff !important;
    border-bottom: 1px solid #e7eaf3 !important;
    box-shadow: 0 1px 2px rgba(16, 24, 40, 0.04);
}
#header .navbar-nav .nav-link,
.navbar.navbar-container .nav-link,
#header .btn-ghost-secondary,
#header .btn-icon {
    color: #1f2937 !important;
}
#header .btn-ghost-secondary:hover,
#header .btn-icon:hover {
    background-color: #dbeafe !important;
    color: #1e40af !important;
}
#header .navbar-search input,
#header .form-control {
    background-color: #f6f7fa;
    border-color: #e7eaf3;
    color: #1f2937;
}
#header .navbar-search input::placeholder,
#header .form-control::placeholder { color: #97a4b4; }

/* Avatar / notification accents */
.avatar.avatar-primary,
.avatar-status.avatar-status-success { border-color: #1e40af !important; }
#header .avatar img { border: 2px solid #1e40af; border-radius: 50%; }

/* Dropdown menu items */
.dropdown-menu .dropdown-item.active,
.dropdown-menu .dropdown-item:active {
    background-color: #1e40af !important;
    color: #fff !important;
}
.dropdown-menu .dropdown-item:hover,
.dropdown-menu .dropdown-item:focus {
    background-color: #dbeafe !important;
    color: #1e40af !important;
}

/* --------------------------------------------------------------------------
   5. CARDS / DASHBOARD WIDGETS
   -------------------------------------------------------------------------- */
.card-header {
    background-color: #dbeafe !important;
    color: #1e40af !important;
    border-bottom: 1px solid #93c5fd !important;
}
.card-header .card-header-title,
.card-header h1, .card-header h2, .card-header h3,
.card-header h4, .card-header h5, .card-header h6 {
    /* color: #1e40af !important; */
}
.card.card-dashboard,
.card.border-primary {
    border-left: 4px solid #1e40af !important;
}
.stat-icon, .widget-icon, .icon-circle, .avatar-circle.bg-primary {
    background-color: #1e40af !important;
    color: #ffffff !important;
}
.page-header-title { color: #1e40af !important; }

/* --------------------------------------------------------------------------
   6. TABLES
   -------------------------------------------------------------------------- */
.table thead th,
.table > thead > tr > th,
table.dataTable thead th,
table.dataTable thead td {
    background-color: #dbeafe !important;
    color: #1e40af !important;
    border-bottom: 2px solid #93c5fd !important;
    font-weight: 600;
}
.table-hover tbody tr:hover,
.table tbody tr:hover,
table.dataTable tbody tr:hover {
    background-color: #eff6ff !important;
}
.table-primary, .table-primary > th, .table-primary > td {
    background-color: #dbeafe !important;
    color: #1e40af !important;
}

/* Pagination */
.page-item.active .page-link,
.pagination .page-item.active .page-link {
    background-color: #1e40af !important;
    border-color:     #1e40af !important;
    color: #fff !important;
}
.page-link { color: #1e40af !important; }
.page-link:hover {
    background-color: #dbeafe !important;
    color: #1e3a8a !important;
}
/* DataTables */
.dataTables_wrapper .paginate_button.current,
.dataTables_wrapper .paginate_button.current:hover {
    background: #1e40af !important;
    color: #fff !important;
    border-color: #1e40af !important;
}
.dataTables_wrapper .paginate_button:hover {
    background: #dbeafe !important;
    color: #1e40af !important;
    border-color: #93c5fd !important;
}

/* --------------------------------------------------------------------------
   7. FORMS / INPUTS
   -------------------------------------------------------------------------- */
.form-control:focus,
.form-select:focus,
.custom-select:focus,
textarea:focus,
input:focus,
select:focus {
    border-color: #1e40af !important;
    box-shadow: 0 0 0 0.2rem rgba(30, 64, 175, 0.25) !important;
    outline: 0 !important;
}
.form-label, label.section-label, .form-section-title {
    color: #1e40af;
    font-weight: 600;
}
.input-group-text.bg-primary { background-color: #1e40af !important; color: #fff !important; }
.form-check-input:checked {
    background-color: #1e40af !important;
    border-color:     #1e40af !important;
}
.form-check-input:focus {
    border-color: #1e40af !important;
    box-shadow: 0 0 0 0.2rem rgba(30, 64, 175, 0.25) !important;
}

/* Select2 */
.select2-container--default .select2-selection--single:focus,
.select2-container--default.select2-container--focus .select2-selection--single,
.select2-container--default.select2-container--focus .select2-selection--multiple {
    border-color: #1e40af !important;
    box-shadow: 0 0 0 0.2rem rgba(30, 64, 175, 0.25) !important;
}
.select2-container--default .select2-results__option--highlighted[aria-selected],
.select2-container--default .select2-results__option--highlighted {
    background-color: #1e40af !important;
    color: #fff !important;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #dbeafe !important;
    border-color: #93c5fd !important;
    color: #1e40af !important;
}

/* --------------------------------------------------------------------------
   8. BADGES / ALERTS / PROGRESS
   -------------------------------------------------------------------------- */
.badge-primary,
.badge.bg-primary,
span.badge.badge-primary {
    background-color: #1e40af !important;
    color: #fff !important;
}
.badge-soft-primary {
    background-color: #dbeafe !important;
    color: #1e40af !important;
}
.alert-primary {
    background-color: #dbeafe !important;
    border-color:     #93c5fd !important;
    color: #1e40af !important;
}
.progress-bar.bg-primary,
.progress-bar { background-color: #1e40af !important; }

/* --------------------------------------------------------------------------
   9. TOGGLE SWITCHES / CHECKBOXES / RADIOS
   -------------------------------------------------------------------------- */
.toggle-switch-input:checked + .toggle-switch-label,
.custom-control-input:checked ~ .custom-control-label::before {
    background-color: #1e40af !important;
    border-color:     #1e40af !important;
}
.custom-control-input:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 0.2rem rgba(30, 64, 175, 0.25) !important;
}

/* --------------------------------------------------------------------------
   10. NAV TABS / PILLS
   -------------------------------------------------------------------------- */
.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
    /* color: #1e40af !important; */
    border-bottom: 2px solid #1e40af !important;
}
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
    background-color: #1e40af !important;
    color: #fff !important;
}

/* --------------------------------------------------------------------------
   11. MISC — breadcrumbs, list-group, modal headers
   -------------------------------------------------------------------------- */
.breadcrumb-item.active,
.breadcrumb-item a { color: #1e40af; }
.list-group-item.active {
    background-color: #1e40af !important;
    border-color:     #1e40af !important;
    color: #fff !important;
}
.modal-header { border-bottom-color: #dbeafe; }
.modal-header.bg-primary { background-color: #1e40af !important; }

/* Scrollbar in sidebar (WebKit) */
.navbar-vertical ::-webkit-scrollbar-thumb {
    background-color: rgba(255,255,255,0.25);
}

/* Content area subtle tint matching brand */
.main .content .page-header {
    border-bottom: 2px solid #dbeafe;
}

.btn--primary{
    background-color: #1e40af !important;
    color: #fff !important;
}
/* Links inside cards */
.card a:not(.btn):not(.nav-link):not(.dropdown-item) { color: #1e40af; }
.card a:not(.btn):not(.nav-link):not(.dropdown-item):hover { color: #1e3a8a; }
.dash-stat h3 {
    color: #fff !important;
}

.stat-card h3{
    color: #fff !important;
}

.order-stat h3{
    color: #fff !important;
}

.btn-secondary{
    background-color: #1e40af !important;
    color: #fff !important;
}

/* ==========================================================================
   SIDEBAR — Modern Nav Item Enhancements
   Smooth transitions, polished hover/active states, icon glow
   ========================================================================== */

/* Smooth transition on every sidebar nav link */
aside .navbar-nav .nav-link,
aside .nav-link,
.navbar-vertical-aside .nav-link {
    transition: background-color 0.18s ease, color 0.18s ease,
                border-color 0.18s ease, box-shadow 0.18s ease,
                padding-left 0.18s ease !important;
    border-left: 3px solid transparent !important;
    border-radius: 0 8px 8px 0 !important;
    margin-right: 10px !important;
    font-size: 0.875rem !important;
    font-weight: 500 !important;
    letter-spacing: 0.01em !important;
    color: rgba(255, 255, 255, 0.82) !important;
    position: relative !important;
}

/* Hover — subtle right-rounded highlight */
aside .nav-link:hover,
aside .nav-link:focus,
.navbar-vertical-aside .nav-link:hover {
    background: linear-gradient(90deg, rgba(255,255,255,0.10) 0%, rgba(255,255,255,0.04) 100%) !important;
    border-left-color: rgba(147, 197, 253, 0.5) !important;
    color: #ffffff !important;
    padding-left: 1.15rem !important;
}

/* Hover — icon glow */
aside .nav-link:hover .nav-icon,
aside .nav-link:hover i,
.navbar-vertical-aside .nav-link:hover .nav-icon,
.navbar-vertical-aside .nav-link:hover i {
    color: #93c5fd !important;
    filter: drop-shadow(0 0 4px rgba(147, 197, 253, 0.6));
    transition: color 0.18s ease, filter 0.18s ease;
}

/* Active — solid left accent + stronger background */
aside .nav-link.active,
.navbar-vertical .nav-link.active,
.navbar-vertical .nav-item.active > .nav-link,
.navbar-vertical-aside .nav-link.active {
    background: linear-gradient(90deg, rgba(255,255,255,0.16) 0%, rgba(255,255,255,0.06) 100%) !important;
    border-left-color: #60a5fa !important;
    color: #ffffff !important;
    font-weight: 600 !important;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,0.06) !important;
}

/* Active icon — bright accent */
aside .nav-link.active .nav-icon,
aside .nav-link.active i,
.navbar-vertical-aside .nav-link.active .nav-icon,
.navbar-vertical-aside .nav-link.active i {
    color: #60a5fa !important;
    filter: drop-shadow(0 0 5px rgba(96, 165, 250, 0.7));
}

/* Icon base styling */
aside .nav-link .nav-icon,
aside .nav-link i,
.navbar-vertical-aside .nav-link .nav-icon,
.navbar-vertical-aside .nav-link i {
    color: rgba(255, 255, 255, 0.65) !important;
    font-size: 1.1rem !important;
    transition: color 0.18s ease, filter 0.18s ease !important;
    min-width: 1.4rem !important;
    text-align: center !important;
}

/* Section subtitle (e.g. "Promotion Management") */
aside .nav-subtitle,
.navbar-vertical .nav-subtitle {
    color: rgba(255, 255, 255, 0.42) !important;
    font-size: 0.68rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.10em !important;
    text-transform: uppercase !important;
    padding: 0.85rem 1.1rem 0.3rem !important;
}

/* Submenu items */
aside .nav-sub .nav-link,
.navbar-vertical .nav-sub .nav-link {
    border-radius: 0 6px 6px 0 !important;
    margin-right: 10px !important;
    font-size: 0.82rem !important;
    color: rgba(255, 255, 255, 0.70) !important;
    padding-left: 2.4rem !important;
    transition: color 0.15s ease, background 0.15s ease, border-color 0.15s ease !important;
}
aside .nav-sub .nav-link:hover,
.navbar-vertical .nav-sub .nav-link:hover {
    color: #ffffff !important;
    background: rgba(255,255,255,0.07) !important;
    border-left-color: rgba(147, 197, 253, 0.45) !important;
}
aside .nav-sub .nav-link.active,
.navbar-vertical .nav-sub .nav-link.active {
    color: #93c5fd !important;
    border-left: 2px solid #93c5fd !important;
    background: rgba(255,255,255,0.05) !important;
}

/* Submenu bullet indicator */
aside .tio-circle.nav-indicator-icon,
.navbar-vertical .tio-circle.nav-indicator-icon {
    font-size: 0.45rem !important;
    opacity: 0.6;
    transition: opacity 0.15s ease, transform 0.15s ease;
}
aside .nav-sub .nav-link:hover .tio-circle.nav-indicator-icon,
.navbar-vertical .nav-sub .nav-link:hover .tio-circle.nav-indicator-icon {
    opacity: 1;
    transform: scale(1.4);
}

/* Active list item outer wrapper highlight strip */
aside .navbar-vertical-aside-has-menu.active,
.navbar-vertical-aside .navbar-vertical-aside-has-menu.active {
    background: rgba(255,255,255,0.04) !important;
    border-radius: 0 10px 10px 0 !important;
    margin-right: 10px !important;
}