/*! ==========================================
    💎 LUXURY THEME COLOR OVERRIDES
    با !important برای اولویت بالا
    ========================================== */

/* ==========================================
   📊 TABLES
   ========================================== */
.table {
    --fi-table-color: var(--fi-text-secondary) !important;
    --fi-table-bg: transparent !important;
    --fi-table-border-color: var(--fi-border-color) !important;
    --fi-table-striped-bg: rgba(201, 165, 90, 0.05) !important;
    --fi-table-active-bg: rgba(201, 165, 90, 0.1) !important;
    --fi-table-hover-bg: rgba(201, 165, 90, 0.08) !important;
}

.table-primary {
    --fi-table-bg: #F2E9D8 !important;
    --fi-table-color: #1C1C1E !important;
    --fi-table-border-color: #E8E6E3 !important;
    --fi-table-striped-bg: #F4E4C1 !important;
    --fi-table-striped-color: #0A0A0A !important;
    --fi-table-active-bg: #D4AF37 !important;
    --fi-table-active-color: #0A0A0A !important;
    --fi-table-hover-bg: #D4AF37 !important;
    --fi-table-hover-color: #0A0A0A !important;
}

.table-accent {
    --fi-table-color: #0A0A0A !important;
    --fi-table-bg: #F4E4C1 !important;
    --fi-table-border-color: #E8E6E3 !important;
    --fi-table-striped-bg: #F9F3E3 !important;
    --fi-table-striped-color: #0A0A0A !important;
    --fi-table-active-bg: #B8941E !important;
    --fi-table-active-color: #FFFFFF !important;
    --fi-table-hover-bg: #B8941E !important;
    --fi-table-hover-color: #FFFFFF !important;
}

.table-secondary {
    --fi-table-color: #0A0A0A !important;
    --fi-table-bg: #F9F8F7 !important;
    --fi-table-border-color: #E8E6E3 !important;
    --fi-table-striped-bg: #F5F4F2 !important;
    --fi-table-striped-color: #0A0A0A !important;
    --fi-table-active-bg: #E8E6E3 !important;
    --fi-table-active-color: #0A0A0A !important;
    --fi-table-hover-bg: #E8E6E3 !important;
    --fi-table-hover-color: #0A0A0A !important;
}

.table-success {
    --fi-table-color: #0A0A0A !important;
    --fi-table-bg: #E8F3E0 !important;
    --fi-table-border-color: #D0E8C5 !important;
    --fi-table-striped-bg: #DCF0D3 !important;
    --fi-table-striped-color: #0A0A0A !important;
    --fi-table-active-bg: #B8941E !important;
    --fi-table-active-color: #FFFFFF !important;
    --fi-table-hover-bg: #B8941E !important;
    --fi-table-hover-color: #FFFFFF !important;
}

.table-info {
    --fi-table-color: #0A0A0A !important;
    --fi-table-bg: #F9F3E3 !important;
    --fi-table-border-color: #E8E6E3 !important;
    --fi-table-striped-bg: #F4E4C1 !important;
    --fi-table-striped-color: #0A0A0A !important;
    --fi-table-active-bg: #D4AF37 !important;
    --fi-table-active-color: #0A0A0A !important;
    --fi-table-hover-bg: #D4AF37 !important;
    --fi-table-hover-color: #0A0A0A !important;
}

.table-warning {
    --fi-table-color: #0A0A0A !important;
    --fi-table-bg: #FFF9E6 !important;
    --fi-table-border-color: #F4E4C1 !important;
    --fi-table-striped-bg: #FFF5D1 !important;
    --fi-table-striped-color: #0A0A0A !important;
    --fi-table-active-bg: #F4E4C1 !important;
    --fi-table-active-color: #0A0A0A !important;
    --fi-table-hover-bg: #F4E4C1 !important;
    --fi-table-hover-color: #0A0A0A !important;
}

.table-danger {
    --fi-table-color: #0A0A0A !important;
    --fi-table-bg: #FFE8E8 !important;
    --fi-table-border-color: #FFD0D0 !important;
    --fi-table-striped-bg: #FFDCDC !important;
    --fi-table-striped-color: #0A0A0A !important;
    --fi-table-active-bg: #C49A35 !important;
    --fi-table-active-color: #0A0A0A !important;
    --fi-table-hover-bg: #C49A35 !important;
    --fi-table-hover-color: #0A0A0A !important;
}

.table-dark {
    --fi-table-color: #F9F8F7 !important;
    --fi-table-bg: #0A0A0A !important;
    --fi-table-border-color: #2A2A2A !important;
    --fi-table-striped-bg: #1A1A1A !important;
    --fi-table-striped-color: #F4E4C1 !important;
    --fi-table-active-bg: #2A2A2A !important;
    --fi-table-active-color: #D4AF37 !important;
    --fi-table-hover-bg: #2A2A2A !important;
    --fi-table-hover-color: #D4AF37 !important;
}

.table-light {
    --fi-table-color: #0A0A0A !important;
    --fi-table-bg: #FFFFFF !important;
    --fi-table-border-color: #E8E6E3 !important;
    --fi-table-striped-bg: #F9F8F7 !important;
    --fi-table-striped-color: #0A0A0A !important;
    --fi-table-active-bg: #F5F4F2 !important;
    --fi-table-active-color: #0A0A0A !important;
    --fi-table-hover-bg: #F5F4F2 !important;
    --fi-table-hover-color: #0A0A0A !important;
}

/* Dark Mode */
[data-theme="dark"] .table {
    --fi-table-border-color: #48484A !important;
    --fi-table-striped-bg: rgba(232, 198, 111, 0.08) !important;
    --fi-table-hover-bg: rgba(232, 198, 111, 0.12) !important;
}

[data-theme="dark"] .table-primary {
    --fi-table-bg: #3A3A3C !important;
    --fi-table-color: #E8C66F !important;
}

/* ==========================================
   📝 FORM CONTROLS
   ========================================== */
/*! ==========================================
    📝 PREMIUM FORM CONTROLS
    ========================================== */

.form-control {
    color: var(--fi-text-primary) !important;
    background-color: var(--fi-bg-primary) !important;
    border: 2px solid var(--fi-border-color) !important;
    border-radius: 8px !important;
    padding: 0.65rem 1.125rem !important;
    font-size: 15px !important;
    transition: all 0.3s ease !important;
}

    .form-control:focus {
        background-color: var(--fi-bg-primary) !important;
        border-color: var(--fi-primary) !important;
        color: var(--fi-text-primary) !important;
        box-shadow: 0 0 0 4px rgba(201, 165, 90, 0.15) !important;
    }

    .form-control::placeholder {
        color: var(--fi-text-muted) !important;
        opacity: 0.7 !important;
    }

/* Dark Mode */
[data-theme="dark"] .form-control {
    background-color: #2C2C2E !important;
    border-color: #48484A !important;
    color: #E5E5E7 !important;
}

    [data-theme="dark"] .form-control:focus {
        background-color: #3A3A3C !important;
        border-color: #E8C66F !important;
        box-shadow: 0 0 0 4px rgba(232, 198, 111, 0.2) !important;
    }

.form-label {
    color: var(--fi-heading-color) !important;
    font-weight: 600 !important;
    margin-bottom: 0.5rem !important;
    font-size: 14px !important;
}
/* ==========================================
   🔘 BUTTONS - LUXURY GOLD THEME
   ========================================== */
/*! ==========================================
    🔘 PREMIUM BUTTONS
    ========================================== */

/* ==========================================
   PRIMARY BUTTON - با رنگ و gradient
   ========================================== */
.btn-primary {
    --fi-btn-color: #1C1C1E !important;
    --fi-btn-bg: var(--fi-gradient) !important;
    --fi-btn-border-color: transparent !important;
    --fi-btn-hover-color: #FFFFFF !important;
    --fi-btn-hover-bg: #A5883C !important;
    --fi-btn-hover-border-color: #A5883C !important;
    --fi-btn-active-color: #FFFFFF !important;
    --fi-btn-active-bg: #8B7332 !important;
    --fi-btn-disabled-color: #8E8E93 !important;
    --fi-btn-disabled-bg: var(--fi-bg-tertiary) !important;
    font-weight: 600 !important;
    letter-spacing: 0.3px !important;
}

    .btn-primary:hover,
    .btn-primary:focus {
        background: #A5883C !important;
        color: #FFFFFF !important;
        box-shadow: 0 6px 20px rgba(201, 165, 90, 0.4) !important;
        transform: translateY(-1px) !important;
    }

    .btn-primary:active {
        background: #8B7332 !important;
        transform: translateY(0) !important;
    }

/* Dark Mode - دکمه PRIMARY */
[data-theme="dark"] .btn-primary {
    --fi-btn-color: #1C1C1E !important;
    --fi-btn-bg: var(--fi-gradient) !important;
    --fi-btn-hover-color: #1C1C1E !important;
    --fi-btn-hover-bg: #F2DDA0 !important;
}

    [data-theme="dark"] .btn-primary:hover {
        background: linear-gradient(135deg, #F2DDA0 0%, #E8C66F 100%) !important;
        color: #1C1C1E !important;
        box-shadow: 0 6px 24px rgba(232, 198, 111, 0.5) !important;
    }

/* ==========================================
   SECONDARY BUTTON
   ========================================== */
.btn-secondary {
    --fi-btn-color: var(--fi-text-primary) !important;
    --fi-btn-bg: var(--fi-bg-secondary) !important;
    --fi-btn-border-color: var(--fi-border-color) !important;
    --fi-btn-hover-color: var(--fi-primary) !important;
    --fi-btn-hover-bg: var(--fi-bg-hover) !important;
    --fi-btn-hover-border-color: var(--fi-primary) !important;
}

    .btn-secondary:hover {
        border-color: var(--fi-primary) !important;
        color: var(--fi-primary) !important;
        background: var(--fi-bg-hover) !important;
        box-shadow: 0 4px 12px rgba(201, 165, 90, 0.15) !important;
    }

/* Dark Mode */
[data-theme="dark"] .btn-secondary {
    --fi-btn-color: #E5E5E7 !important;
    --fi-btn-bg: #2C2C2E !important;
    --fi-btn-border-color: #48484A !important;
    --fi-btn-hover-color: #E8C66F !important;
    --fi-btn-hover-bg: #3A3A3C !important;
    --fi-btn-hover-border-color: #E8C66F !important;
}

/* ==========================================
   ACCENT BUTTON
   ========================================== */
.btn-accent {
    --fi-btn-color: #FFFFFF !important;
    --fi-btn-bg: var(--fi-gradient-dark) !important;
    --fi-btn-border-color: transparent !important;
    --fi-btn-hover-color: #FFFFFF !important;
    --fi-btn-hover-bg: #8B7332 !important;
}

    .btn-accent:hover {
        background: #8B7332 !important;
        color: #FFFFFF !important;
        box-shadow: var(--fi-shadow-gold) !important;
    }

/* Dark Mode */
[data-theme="dark"] .btn-accent {
    --fi-btn-color: #1C1C1E !important;
    --fi-btn-bg: var(--fi-gradient) !important;
}

/* ==========================================
   OUTLINE BUTTONS - با کنتراست بهتر
   ========================================== */
.btn-outline-primary {
    --fi-btn-color: var(--fi-primary) !important;
    --fi-btn-border-color: var(--fi-primary) !important;
    --fi-btn-hover-color: #1C1C1E !important;
    --fi-btn-hover-bg: var(--fi-primary) !important;
    border-width: 2px !important;
}

    .btn-outline-primary:hover {
        background: var(--fi-gradient) !important;
        color: #1C1C1E !important;
        border-color: transparent !important;
    }

/* Dark Mode */
[data-theme="dark"] .btn-outline-primary {
    --fi-btn-color: #E8C66F !important;
    --fi-btn-border-color: #E8C66F !important;
    --fi-btn-hover-color: #1C1C1E !important;
}

    [data-theme="dark"] .btn-outline-primary:hover {
        background: var(--fi-gradient) !important;
        color: #1C1C1E !important;
    }

/* ==========================================
   DARK BUTTON
   ========================================== */
.btn-dark {
    --fi-btn-color: #F5F5F7 !important;
    --fi-btn-bg: #1C1C1E !important;
    --fi-btn-border-color: #1C1C1E !important;
    --fi-btn-hover-color: #E8C66F !important;
    --fi-btn-hover-bg: #2C2C2E !important;
}

/* Dark Mode */
[data-theme="dark"] .btn-dark {
    --fi-btn-color: #1C1C1E !important;
    --fi-btn-bg: #E8C66F !important;
    --fi-btn-border-color: #E8C66F !important;
    --fi-btn-hover-color: #1C1C1E !important;
    --fi-btn-hover-bg: #F2DDA0 !important;
}

/* ==========================================
   LIGHT BUTTON
   ========================================== */
.btn-light {
    --fi-btn-color: var(--fi-text-primary) !important;
    --fi-btn-bg: #FFFFFF !important;
    --fi-btn-border-color: var(--fi-border-color) !important;
    --fi-btn-hover-color: var(--fi-primary) !important;
    --fi-btn-hover-bg: #FFFFFF !important;
    --fi-btn-hover-border-color: var(--fi-primary) !important;
}

/* ==========================================
   BUTTON EFFECTS
   ========================================== */
.btn {
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

    .btn:not(:disabled):not(.disabled):hover {
        transform: translateY(-1px);
    }

    .btn:not(:disabled):not(.disabled):active {
        transform: translateY(0);
    }

/* Success, Info, Warning, Danger */
.btn-success {
    --fi-btn-color: #FFFFFF !important;
    --fi-btn-bg: #A5883C !important;
    --fi-btn-hover-bg: #8B7332 !important;
}

.btn-info {
    --fi-btn-color: #1C1C1E !important;
    --fi-btn-bg: #E6D4A8 !important;
    --fi-btn-hover-bg: #D4AF37 !important;
}

.btn-warning {
    --fi-btn-color: #1C1C1E !important;
    --fi-btn-bg: #F2E9D8 !important;
    --fi-btn-hover-bg: #E6D4A8 !important;
}

.btn-danger {
    --fi-btn-color: #FFFFFF !important;
    --fi-btn-bg: #C9704A !important;
    --fi-btn-hover-bg: #A5583C !important;
}
/* ==========================================
   📋 DROPDOWN
   ========================================== */
.dropdown-menu {
    --fi-dropdown-color: var(--fi-text-secondary) !important;
    --fi-dropdown-bg: var(--fi-bg-primary) !important;
    --fi-dropdown-border-color: var(--fi-border-color) !important;
    --fi-dropdown-box-shadow: var(--fi-shadow) !important;
    --fi-dropdown-link-color: var(--fi-text-primary) !important;
    --fi-dropdown-link-hover-color: var(--fi-primary) !important;
    --fi-dropdown-link-active-color: var(--fi-primary) !important;
    --fi-dropdown-header-color: var(--fi-heading-color) !important;
}

.dropdown-menu-dark {
    --fi-dropdown-color: var(--fi-text-secondary) !important;
    --fi-dropdown-bg: #1A1A1A !important;
    --fi-dropdown-border-color: #3A3A3A !important;
    --fi-dropdown-link-color: #D0CCC5 !important;
    --fi-dropdown-link-hover-color: var(--fi-primary) !important;
    --fi-dropdown-link-active-color: var(--fi-primary) !important;
    --fi-dropdown-header-color: #F9F8F7 !important;
}

/* ==========================================
   🧭 NAVBAR
   ========================================== */
.navbar {
    --fi-navbar-color: var(--fi-text-primary) !important;
    --fi-navbar-hover-color: var(--fi-primary) !important;
    --fi-navbar-active-color: var(--fi-primary) !important;
    --fi-navbar-brand-color: var(--fi-heading-color) !important;
    --fi-navbar-brand-hover-color: var(--fi-primary) !important;
}

.navbar-dark {
    --fi-navbar-color: #D0CCC5 !important;
    --fi-navbar-hover-color: var(--fi-primary) !important;
    --fi-navbar-active-color: #F4E4C1 !important;
    --fi-navbar-brand-color: #F9F8F7 !important;
}

/* ==========================================
   🎴 ACCORDION
   ========================================== */
.accordion {
    --fi-accordion-color: var(--fi-text-secondary) !important;
    --fi-accordion-bg: var(--fi-bg-primary) !important;
    --fi-accordion-border-color: var(--fi-border-color) !important;
    --fi-accordion-btn-color: var(--fi-text-primary) !important;
    --fi-accordion-active-color: var(--fi-primary) !important;
}

/* ==========================================
   📜 LIST GROUP
   ========================================== */
.list-group {
    --fi-list-group-color: var(--fi-text-primary) !important;
    --fi-list-group-bg: var(--fi-bg-primary) !important;
    --fi-list-group-border-color: var(--fi-border-color) !important;
    --fi-list-group-action-hover-color: var(--fi-primary) !important;
    --fi-list-group-action-active-color: var(--fi-primary) !important;
    --fi-list-group-active-bg: var(--fi-primary) !important;
    --fi-list-group-active-border-color: var(--fi-primary) !important;
}

/* ==========================================
   🍞 TOAST
   ========================================== */
.toast {
    --fi-toast-bg: var(--fi-bg-primary) !important;
    --fi-toast-border-color: var(--fi-border-color) !important;
    --fi-toast-header-bg: var(--fi-bg-primary) !important;
    --fi-toast-header-color: var(--fi-text-muted) !important;
}

/* ==========================================
   🪟 MODAL
   ========================================== */
.modal {
    --fi-modal-bg: var(--fi-bg-primary) !important;
    --fi-modal-border-color: var(--fi-border-color) !important;
    --fi-modal-header-border-color: var(--fi-border-color) !important;
    --fi-modal-footer-border-color: var(--fi-border-color) !important;
}

/* ==========================================
   💬 TOOLTIP
   ========================================== */
.tooltip {
    --fi-tooltip-color: var(--fi-bg-primary) !important;
    --fi-tooltip-bg: var(--fi-heading-color) !important;
}

/* ==========================================
   💭 POPOVER
   ========================================== */
.popover {
    --fi-popover-bg: var(--fi-bg-primary) !important;
    --fi-popover-border-color: var(--fi-border-color) !important;
    --fi-popover-header-color: var(--fi-heading-color) !important;
    --fi-popover-header-bg: var(--fi-bg-primary) !important;
    --fi-popover-body-color: var(--fi-text-secondary) !important;
}

/* ==========================================
   🎨 TEXT & BACKGROUND UTILITIES
   ========================================== */
.text-danger {
    color: var(--fi-primary) !important;
}

.text-accent {
    color: var(--fi-accent) !important;
}

.text-dark {
    color: var(--fi-heading-color) !important;
}

.text-light {
    color: var(--fi-bg-primary) !important;
}

.text-white {
    color: var(--fi-bg-primary) !important;
}

.text-body {
    color: var(--fi-text-secondary) !important;
}

.text-muted {
    color: var(--fi-text-muted) !important;
}

.bg-primary {
    background-color: var(--fi-primary) !important;
}

.bg-accent {
    background-color: var(--fi-accent) !important;
}

.bg-dark {
    background-color: var(--fi-black-primary) !important;
}

.bg-light {
    background-color: var(--fi-bg-primary) !important;
}

.text-bg-primary {
    color: #0A0A0A !important;
    background-color: var(--fi-primary) !important;
}

.text-bg-accent {
    color: #0A0A0A !important;
    background-color: var(--fi-accent) !important;
}

.text-bg-dark {
    color: #F4E4C1 !important;
    background-color: var(--fi-black-primary) !important;
}

/* ==========================================
   🔗 LINKS
   ========================================== */
.link-primary {
    color: var(--fi-primary) !important;
}

    .link-primary:hover {
        color: var(--fi-accent) !important;
    }

.link-dark {
    color: var(--fi-heading-color) !important;
}

    .link-dark:hover {
        color: var(--fi-primary) !important;
    }

/* ==========================================
   💎 BUTTON ENHANCEMENTS (خاص تم لوکس)
   ========================================== */
.btn-light-primary {
    background-color: #F9F3E3 !important;
    color: var(--fi-primary) !important;
    border-color: transparent !important;
}

    .btn-light-primary:hover,
    .btn-light-primary:focus,
    .btn-light-primary:active {
        background-color: var(--fi-primary) !important;
        color: #0A0A0A !important;
        box-shadow: var(--fi-shadow-gold) !important;
    }

.btn-translucent-primary {
    background-color: rgba(212, 175, 55, 0.15) !important;
    color: var(--fi-primary) !important;
}

    .btn-translucent-primary:hover {
        background-color: var(--fi-primary) !important;
        color: #0A0A0A !important;
    }

.btn-translucent-dark {
    background-color: rgba(10, 10, 10, 0.1) !important;
    color: var(--fi-heading-color) !important;
}

    .btn-translucent-dark:hover {
        background-color: var(--fi-heading-color) !important;
        color: var(--fi-bg-primary) !important;
    }

/* ==========================================
   ✨ LUXURY EFFECTS
   ========================================== */
.shadow-gold {
    box-shadow: var(--fi-shadow-gold) !important;
}

.shadow-gold-lg {
    box-shadow: var(--fi-shadow-gold-lg) !important;
}

.border-gold {
    border-color: var(--fi-primary) !important;
}

.border-gold-light {
    border-color: var(--fi-gold-light) !important;
}

/* در فایل luxury-theme-overrides.css اضافه کن */
[style*="#fd390e"],
[style*="#fd3"] {
    background-color: var(--fi-primary) !important;
    border-color: var(--fi-primary) !important;
    color: var(--fi-primary) !important;
}

/*! ==========================================
    🔍 LUXURY SEARCH PANEL
    Light & Dark Mode Support
    ========================================== */

/* ==========================================
   ✨ SEARCH PANEL - LIGHT MODE
   ========================================== */
.panel-search {
    background: #FFFFFF !important;
    border-radius: 1rem !important;
    padding: 1.5rem !important;
    box-shadow: 0 8px 32px rgba(28, 28, 30, 0.12) !important;
    border: 1px solid #E5E5EA !important;
    transition: all 0.3s ease !important;
}

    .panel-search:hover {
        box-shadow: 0 12px 40px rgba(28, 28, 30, 0.15), 0 0 0 1px rgba(218, 165, 32, 0.1) !important;
    }

/* ==========================================
   🌙 SEARCH PANEL - DARK MODE
   ========================================== */
[data-theme="dark"] .panel-search {
    background: #2C2C2E !important;
    border: 1px solid #48484A !important;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(255, 215, 0, 0.1) !important;
}

    [data-theme="dark"] .panel-search:hover {
        box-shadow: 0 12px 40px rgba(0, 0, 0, 0.6), 0 0 0 1px rgba(255, 215, 0, 0.2) !important;
    }

/* ==========================================
   🔘 DROPDOWN BUTTONS
   ========================================== */
.panel-search .btn-link {
    color: #3A3A3C !important;
    text-decoration: none !important;
    font-weight: 500 !important;
    padding: 0.75rem 1rem !important;
    border-radius: 0.5rem !important;
    transition: all 0.3s ease !important;
    background: transparent !important;
}

    .panel-search .btn-link:hover {
        color: #DAA520 !important;
        background: rgba(218, 165, 32, 0.08) !important;
    }

    .panel-search .btn-link:focus {
        color: #DAA520 !important;
        box-shadow: none !important;
    }

    .panel-search .btn-link i {
        color: #DAA520 !important;
        font-size: 1.1rem !important;
    }

/* Dark Mode - Dropdown Buttons */
[data-theme="dark"] .panel-search .btn-link {
    color: #E5E5E7 !important;
}

    [data-theme="dark"] .panel-search .btn-link:hover {
        color: #FFD700 !important;
        background: rgba(255, 215, 0, 0.1) !important;
    }

    [data-theme="dark"] .panel-search .btn-link i {
        color: #FFD700 !important;
    }

/* ==========================================
   📋 DROPDOWN MENUS
   ========================================== */
.panel-search .dropdown-menu {
    background: #FFFFFF !important;
    border: 1px solid #E5E5EA !important;
    border-radius: 0.75rem !important;
    box-shadow: 0 8px 24px rgba(28, 28, 30, 0.15) !important;
    padding: 0.5rem !important;
    margin-top: 0.5rem !important;
}

.panel-search .dropdown-item {
    color: #3A3A3C !important;
    padding: 0.625rem 1rem !important;
    border-radius: 0.5rem !important;
    transition: all 0.2s ease !important;
    font-weight: 500 !important;
}

    .panel-search .dropdown-item:hover {
        background: rgba(218, 165, 32, 0.1) !important;
        color: #DAA520 !important;
    }

    .panel-search .dropdown-item.active,
    .panel-search .dropdown-item:active {
        background: linear-gradient(135deg, #DAA520 0%, #FFD700 100%) !important;
        color: #1C1C1E !important;
    }

/* Dark Mode - Dropdown Menu */
[data-theme="dark"] .panel-search .dropdown-menu {
    background: #3A3A3C !important;
    border: 1px solid #48484A !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.5) !important;
}

[data-theme="dark"] .panel-search .dropdown-item {
    color: #E5E5E7 !important;
}

    [data-theme="dark"] .panel-search .dropdown-item:hover {
        background: rgba(255, 215, 0, 0.15) !important;
        color: #FFD700 !important;
    }

    [data-theme="dark"] .panel-search .dropdown-item.active,
    [data-theme="dark"] .panel-search .dropdown-item:active {
        background: linear-gradient(135deg, #FFD700 0%, #FFC107 100%) !important;
        color: #1C1C1E !important;
    }

/* ==========================================
   🎨 TEXT COLORS
   ========================================== */
.panel-search .text-muted {
    color: #8E8E93 !important;
    font-weight: 500 !important;
}

[data-theme="dark"] .panel-search .text-muted {
    color: #AEAEB2 !important;
}

/* ==========================================
   📏 BORDERS
   ========================================== */
.panel-search .border-end-sm,
.panel-search .border-end-md {
    border-color: #E5E5EA !important;
}

[data-theme="dark"] .panel-search .border-end-sm,
[data-theme="dark"] .panel-search .border-end-md {
    border-color: #48484A !important;
}

.panel-search hr {
    border-color: #E5E5EA !important;
    opacity: 1 !important;
}

[data-theme="dark"] .panel-search hr {
    border-color: #48484A !important;
}

/* ==========================================
   🎚️ RANGE SLIDER
   ========================================== */
.panel-search .range-slider-ui {
    border: 2px solid #E5E5EA !important;
    background: #F5F5F7 !important;
    border-radius: 0.5rem !important;
    padding: 0.25rem !important;
}

/* نوار connect */
.panel-search .noUi-connect {
    background: linear-gradient(135deg, #DAA520 0%, #FFD700 100%) !important;
    box-shadow: 0 2px 8px rgba(218, 165, 32, 0.3) !important;
}

/* دسته‌ها (Handles) */
.panel-search .noUi-handle {
    background: linear-gradient(135deg, #FFD700 0%, #DAA520 100%) !important;
    border: 3px solid #FFFFFF !important;
    border-radius: 50% !important;
    box-shadow: 0 4px 12px rgba(218, 165, 32, 0.4), 0 2px 4px rgba(0, 0, 0, 0.1) !important;
    width: 24px !important;
    height: 24px !important;
    cursor: grab !important;
    transition: all 0.3s ease !important;
}

    .panel-search .noUi-handle:hover {
        transform: scale(1.15) !important;
        box-shadow: 0 6px 16px rgba(218, 165, 32, 0.5), 0 2px 4px rgba(0, 0, 0, 0.15) !important;
    }

    .panel-search .noUi-handle:active {
        cursor: grabbing !important;
        transform: scale(1.1) !important;
    }

    .panel-search .noUi-handle::before,
    .panel-search .noUi-handle::after {
        display: none !important;
    }

/* Tooltip */
.panel-search .noUi-tooltip {
    background: linear-gradient(135deg, #1C1C1E 0%, #2C2C2E 100%) !important;
    color: #FFD700 !important;
    border: 2px solid #FFD700 !important;
    border-radius: 0.5rem !important;
    padding: 0.375rem 0.75rem !important;
    font-size: 0.875rem !important;
    font-weight: 600 !important;
    box-shadow: 0 4px 12px rgba(28, 28, 30, 0.3) !important;
}

    .panel-search .noUi-tooltip::before {
        content: '';
        position: absolute;
        bottom: -6px;
        left: 50%;
        transform: translateX(-50%);
        width: 0;
        height: 0;
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        border-top: 6px solid #FFD700;
    }

/* نوار پس‌زمینه */
.panel-search .noUi-base {
    background: #D1D1D6 !important;
    border-radius: 0.375rem !important;
}

/* Dark Mode - Range Slider */
[data-theme="dark"] .panel-search .range-slider-ui {
    border-color: #48484A !important;
    background: #3A3A3C !important;
}

[data-theme="dark"] .panel-search .noUi-base {
    background: #48484A !important;
}

[data-theme="dark"] .panel-search .noUi-connect {
    background: linear-gradient(135deg, #FFD700 0%, #FFC107 100%) !important;
    box-shadow: 0 2px 8px rgba(255, 215, 0, 0.4) !important;
}

[data-theme="dark"] .panel-search .noUi-handle {
    background: linear-gradient(135deg, #FFEB3B 0%, #FFD700 100%) !important;
    border-color: #2C2C2E !important;
    box-shadow: 0 4px 12px rgba(255, 215, 0, 0.5), 0 2px 4px rgba(0, 0, 0, 0.3) !important;
}

    [data-theme="dark"] .panel-search .noUi-handle:hover {
        box-shadow: 0 6px 16px rgba(255, 215, 0, 0.6), 0 2px 4px rgba(0, 0, 0, 0.4) !important;
    }

[data-theme="dark"] .panel-search .noUi-tooltip {
    background: linear-gradient(135deg, #FFD700 0%, #FFC107 100%) !important;
    color: #1C1C1E !important;
    border-color: #1C1C1E !important;
    box-shadow: 0 4px 12px rgba(255, 215, 0, 0.4) !important;
}

    [data-theme="dark"] .panel-search .noUi-tooltip::before {
        border-top-color: #1C1C1E;
    }

/* ==========================================
   🔍 SEARCH BUTTON
   ========================================== */
.panel-search .btn-primary {
    min-width: 120px !important;
    font-weight: 600 !important;
}

    .panel-search .btn-primary i {
        font-size: 1.1rem !important;
    }

/* ==========================================
   💎 ICONS
   ========================================== */
.panel-search i.fi-home,
.panel-search i.fi-map-pin,
.panel-search i.fi-list,
.panel-search i.fi-cash {
    color: #DAA520 !important;
    transition: all 0.3s ease !important;
}

[data-theme="dark"] .panel-search i.fi-home,
[data-theme="dark"] .panel-search i.fi-map-pin,
[data-theme="dark"] .panel-search i.fi-list,
[data-theme="dark"] .panel-search i.fi-cash {
    color: #FFD700 !important;
}

/* ==========================================
   📱 RESPONSIVE
   ========================================== */
@media (max-width: 767.98px) {
    .panel-search {
        padding: 1rem !important;
    }

        .panel-search .btn-link {
            padding: 0.625rem 0.75rem !important;
        }
}

/* ==========================================
   ✨ ANIMATIONS
   ========================================== */
.panel-search .dropdown-menu {
    animation: dropdownFadeIn 0.3s ease !important;
}

@keyframes dropdownFadeIn {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.panel-search .dropdown-item {
    position: relative !important;
    overflow: hidden !important;
}

    .panel-search .dropdown-item::before {
        content: '';
        position: absolute;
        right: 0;
        top: 0;
        width: 3px;
        height: 100%;
        background: linear-gradient(180deg, #DAA520 0%, #FFD700 100%);
        transform: scaleY(0);
        transition: transform 0.3s ease;
    }

    .panel-search .dropdown-item:hover::before {
        transform: scaleY(1);
    }

[data-theme="dark"] .panel-search .dropdown-item::before {
    background: linear-gradient(180deg, #FFD700 0%, #FFC107 100%);
}

/* ==========================================
   🎯 FOCUS STATES
   ========================================== */
.panel-search .btn-link:focus-visible {
    outline: 2px solid rgba(218, 165, 32, 0.5) !important;
    outline-offset: 2px !important;
}

[data-theme="dark"] .panel-search .btn-link:focus-visible {
    outline-color: rgba(255, 215, 0, 0.5) !important;
}

/* ==========================================
   🌟 DROPDOWN TOGGLE LABEL
   ========================================== */
.panel-search .dropdown-toggle-label {
    font-weight: 600 !important;
    color: #1C1C1E !important;
}

[data-theme="dark"] .panel-search .dropdown-toggle-label {
    color: #F5F5F7 !important;
}

/* ==========================================
   🎨 ACTIVE DROPDOWN
   ========================================== */
.panel-search .dropdown.show .btn-link {
    color: #DAA520 !important;
    background: rgba(218, 165, 32, 0.1) !important;
}

[data-theme="dark"] .panel-search .dropdown.show .btn-link {
    color: #FFD700 !important;
    background: rgba(255, 215, 0, 0.15) !important;
}