/* ==========================================================================
   AIRA OTT - Custom Brand Theme (Metallic Gold & Bronze)
   Primary:   #C5A059 (Classic Metallic Gold)
   Secondary: #7E5B23 (Deep Bronze)
   Light:     #F3D78A (Bright Gold)
   ========================================================================== */

:root,
[data-bs-theme="dark"],
[data-bs-theme="light"],
html,
body {
    --bs-primary: #C5A059 !important;
    --bs-primary-rgb: 197, 160, 89 !important;
    --bs-primary-bg-subtle: rgba(197, 160, 89, 0.15) !important;
    --bs-primary-border-subtle: rgba(197, 160, 89, 0.3) !important;
    --bs-primary-hover-bg: #7E5B23 !important;
    --bs-primary-hover-border: #7E5B23 !important;
    --bs-primary-active-bg: #7E5B23 !important;
    --bs-primary-active-border: #7E5B23 !important;

    --bs-secondary: #7E5B23 !important;
    --bs-secondary-rgb: 126, 91, 35 !important;
    --bs-secondary-bg-subtle: rgba(126, 91, 35, 0.15) !important;
    --bs-secondary-border-subtle: rgba(126, 91, 35, 0.3) !important;

    --bs-info: #F3D78A !important;
    --bs-info-rgb: 243, 215, 138 !important;

    --bs-link-color: #C5A059 !important;
    --bs-link-hover-color: #F3D78A !important;
}

/* --- Buttons --- */
.btn-primary {
    --bs-btn-bg: #C5A059 !important;
    --bs-btn-border-color: #C5A059 !important;
    --bs-btn-hover-bg: #7E5B23 !important;
    --bs-btn-hover-border-color: #7E5B23 !important;
    --bs-btn-active-bg: #7E5B23 !important;
    --bs-btn-active-border-color: #7E5B23 !important;
    --bs-btn-focus-shadow-rgb: 197, 160, 89 !important;
    background-color: #C5A059 !important;
    border-color: #C5A059 !important;
    color: #ffffff !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.show > .btn-primary.dropdown-toggle {
    background-color: #7E5B23 !important;
    border-color: #7E5B23 !important;
    color: #ffffff !important;
}

.btn-outline-primary {
    --bs-btn-color: #C5A059 !important;
    --bs-btn-border-color: #C5A059 !important;
    --bs-btn-hover-bg: #C5A059 !important;
    --bs-btn-hover-border-color: #C5A059 !important;
    --bs-btn-active-bg: #7E5B23 !important;
    --bs-btn-active-border-color: #7E5B23 !important;
    color: #C5A059 !important;
    border-color: #C5A059 !important;
}

.btn-outline-primary:hover,
.btn-outline-primary:focus,
.btn-outline-primary:active {
    background-color: #C5A059 !important;
    border-color: #C5A059 !important;
    color: #ffffff !important;
}

.btn-secondary {
    background-color: #7E5B23 !important;
    border-color: #7E5B23 !important;
    color: #ffffff !important;
}

.btn-secondary:hover,
.btn-secondary:focus,
.btn-secondary:active {
    background-color: #C5A059 !important;
    border-color: #C5A059 !important;
    color: #ffffff !important;
}

/* --- Utilities & Text --- */
.text-primary,
a.text-primary:hover,
a.text-primary:focus {
    color: #C5A059 !important;
}

.bg-primary {
    background-color: #C5A059 !important;
    color: #ffffff !important;
}

.border-primary {
    border-color: #C5A059 !important;
}

.text-secondary {
    color: #7E5B23 !important;
}

.bg-secondary {
    background-color: #7E5B23 !important;
}

.text-info {
    color: #F3D78A !important;
}

/* --- Badges --- */
.badge.bg-primary,
.badge-primary {
    background-color: #C5A059 !important;
    color: #ffffff !important;
}

/* --- Sidebar (Admin Panel) --- */
.sidebar-default .nav-item .nav-link.active,
.navs-pill-all .nav-link.active,
.iq-main-menu .nav-item .nav-link.active,
.sidebar-default .nav-item.active > .nav-link {
    background-color: rgba(197, 160, 89, 0.15) !important;
    color: #C5A059 !important;
}

.sidebar-default .nav-item .nav-link.active .icon,
.iq-main-menu .nav-item .nav-link.active .icon {
    color: #C5A059 !important;
}

.sidebar-toggle,
.sidebar-toggle:hover {
    background-color: #C5A059 !important;
    color: #ffffff !important;
}

/* --- Navigation & Tabs --- */
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
    background-color: #C5A059 !important;
    color: #ffffff !important;
}

.navbar-nav .nav-link.active,
.navbar-nav .nav-link:hover {
    color: #C5A059 !important;
}

/* --- Frontend OTT Player & Cards --- */
.play-btn,
.watch-button,
.banner-play-btn,
.video-open,
.trailer-play-btn {
    background-color: #C5A059 !important;
    border-color: #C5A059 !important;
    color: #ffffff !important;
}

.play-btn:hover,
.watch-button:hover,
.banner-play-btn:hover {
    background-color: #7E5B23 !important;
    border-color: #7E5B23 !important;
    color: #ffffff !important;
}

.slick-slider .slick-dots li.slick-active button {
    background: #C5A059 !important;
}

.dropdown-menu .dropdown-item .active-icon {
    background-color: #C5A059 !important;
}

.dropdown-menu .dropdown-item.active {
    background-color: rgba(197, 160, 89, 0.15) !important;
    color: #C5A059 !important;
}

/* --- Form Controls --- */
.form-check-input:checked {
    background-color: #C5A059 !important;
    border-color: #C5A059 !important;
}

.form-control:focus,
.form-select:focus {
    border-color: #C5A059 !important;
    box-shadow: 0 0 0 0.25rem rgba(197, 160, 89, 0.25) !important;
}

/* --- Pagination --- */
.pagination .page-item.active .page-link {
    background-color: #C5A059 !important;
    border-color: #C5A059 !important;
    color: #ffffff !important;
}

/* ==========================================================================
   Sidebar & Logo Styling (Clean, Premium, High Contrast)
   ========================================================================== */

/* Ensure sidebar header has full-width clean border */
.sidebar .sidebar-header {
    width: 100% !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
    padding: 1.1rem 1.25rem !important;
    position: relative !important;
    box-sizing: border-box !important;
    min-height: 70px !important;
}

/* Remove awkward partial border on navbar-brand */
.sidebar .navbar-brand {
    border-bottom: none !important;
    padding: 0 !important;
    margin: 0 !important;
    display: flex !important;
    align-items: center !important;
    text-decoration: none !important;
    width: 100% !important;
}

/* Logo container & sizing */
.sidebar .logo-main {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 44px !important;
    height: 44px !important;
}

.sidebar .logo-main img {
    height: 42px !important;
    max-height: 42px !important;
    width: 42px !important;
    max-width: 42px !important;
    object-fit: contain !important;
    transform: none !important; /* Cancel Streamit's translateX bug */
    transition: all 0.3s ease-in-out !important;
}

/* In dark mode: ensure proper logo display without offset transforms */
.dark .sidebar .logo-main .logo-normal {
    display: none !important;
}
.dark .sidebar .logo-main .logo-normal.dark-normal {
    display: block !important;
    opacity: 1 !important;
    transform: none !important;
}
.dark .sidebar .logo-main .logo-mini {
    display: none !important;
}
.dark .sidebar .logo-main .logo-mini.dark-mini {
    display: none !important;
    transform: none !important;
}

/* When sidebar is collapsed (sidebar-mini) */
.sidebar.sidebar-mini .sidebar-header {
    padding: 1.1rem 0.5rem !important;
    justify-content: center !important;
}

.sidebar.sidebar-mini .navbar-brand {
    justify-content: center !important;
}

.sidebar.sidebar-mini .logo-main {
    min-width: unset !important;
    margin: 0 auto !important;
}

.sidebar.sidebar-mini .logo-main img {
    height: 38px !important;
    max-height: 38px !important;
    width: 38px !important;
    max-width: 38px !important;
}

.dark .sidebar.sidebar-mini .logo-main .logo-normal.dark-normal {
    display: none !important;
}

.dark .sidebar.sidebar-mini .logo-main .logo-mini.dark-mini {
    display: block !important;
    opacity: 1 !important;
    transform: none !important;
}

/* Glowing Metallic Gold Brand Title */
.sidebar .logo-title {
    font-size: 1.35rem !important;
    font-weight: 800 !important;
    letter-spacing: 3px !important;
    background: linear-gradient(135deg, #F3D78A 0%, #C5A059 50%, #7E5B23 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    text-transform: uppercase !important;
    margin-bottom: 0 !important;
    margin-left: 0.75rem !important;
    display: inline-block !important;
    opacity: 1 !important;
    white-space: nowrap !important;
    transition: all 0.25s ease-in-out !important;
}

.sidebar.sidebar-mini .logo-title {
    display: none !important;
    opacity: 0 !important;
    width: 0 !important;
    margin: 0 !important;
}

/* Toggle arrow button styling */
.sidebar .sidebar-toggle {
    background: linear-gradient(135deg, #C5A059 0%, #7E5B23 100%) !important;
    color: #ffffff !important;
    border: 1px solid rgba(243, 215, 138, 0.4) !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.4) !important;
    width: 26px !important;
    height: 26px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 50% !important;
    transition: all 0.2s ease !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    right: -13px !important;
    z-index: 10 !important;
}

.sidebar .sidebar-toggle:hover {
    box-shadow: 0 0 12px rgba(197, 160, 89, 0.6) !important;
    transform: translateY(-50%) scale(1.08) !important;
}

/* ==========================================================================
   Light Mode High-Contrast Overrides (Admin & Frontend)
   ========================================================================== */

/* --- 1. Admin Sidebar & Navigation (Crisp Dark Text) --- */
[data-bs-theme="light"] .sidebar,
[data-bs-theme="light"] .sidebar-default {
    background-color: #ffffff !important;
    border-right: 1px solid #e2e8f0 !important;
}

[data-bs-theme="light"] .sidebar .nav-item .nav-link,
[data-bs-theme="light"] #sidebar-menu .nav-link {
    color: #1e293b !important;
    font-weight: 500 !important;
}

[data-bs-theme="light"] .sidebar .nav-item .nav-link .icon,
[data-bs-theme="light"] #sidebar-menu .nav-link .icon,
[data-bs-theme="light"] .sidebar .nav-item .nav-link svg,
[data-bs-theme="light"] #sidebar-menu .nav-link svg,
[data-bs-theme="light"] .sidebar .nav-item .nav-link i,
[data-bs-theme="light"] #sidebar-menu .nav-link i {
    color: #475569 !important;
    fill: #475569 !important;
}

[data-bs-theme="light"] .sidebar .nav-item .nav-link:hover,
[data-bs-theme="light"] #sidebar-menu .nav-link:hover {
    color: #C5A059 !important;
    background-color: rgba(197, 160, 89, 0.08) !important;
}

[data-bs-theme="light"] .sidebar .nav-item .nav-link:hover .icon,
[data-bs-theme="light"] #sidebar-menu .nav-link:hover .icon,
[data-bs-theme="light"] .sidebar .nav-item .nav-link:hover svg,
[data-bs-theme="light"] #sidebar-menu .nav-link:hover svg {
    color: #C5A059 !important;
    fill: #C5A059 !important;
}

[data-bs-theme="light"] .sidebar .nav-item .nav-link.active,
[data-bs-theme="light"] #sidebar-menu .nav-link.active {
    color: #C5A059 !important;
    background-color: rgba(197, 160, 89, 0.12) !important;
    font-weight: 600 !important;
}

[data-bs-theme="light"] .sidebar .nav-item .nav-link.active .icon,
[data-bs-theme="light"] #sidebar-menu .nav-link.active .icon,
[data-bs-theme="light"] .sidebar .nav-item .nav-link.active svg,
[data-bs-theme="light"] #sidebar-menu .nav-link.active svg {
    color: #C5A059 !important;
    fill: #C5A059 !important;
}

[data-bs-theme="light"] .sidebar .nav-item.static-item .default-icon {
    color: #64748b !important;
    font-weight: 700 !important;
    font-size: 0.72rem !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
}

[data-bs-theme="light"] .sidebar .sidebar-header {
    border-bottom: 1px solid #e2e8f0 !important;
}

/* --- 2. Admin Settings Sidebar List & Option Selection Buttons --- */
[data-bs-theme="light"] #setting-list .btn-border,
[data-bs-theme="light"] .btn.btn-border {
    color: #1e293b !important;
    background-color: #ffffff !important;
    border: 1px solid #cbd5e1 !important;
    font-weight: 500 !important;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04) !important;
}

[data-bs-theme="light"] #setting-list .btn-border i,
[data-bs-theme="light"] .btn.btn-border i,
[data-bs-theme="light"] #setting-list .btn-border svg,
[data-bs-theme="light"] .btn.btn-border svg {
    color: #475569 !important;
}

[data-bs-theme="light"] #setting-list .btn-border:hover,
[data-bs-theme="light"] .btn.btn-border:hover {
    color: #C5A059 !important;
    border-color: #C5A059 !important;
    background-color: rgba(197, 160, 89, 0.08) !important;
}

[data-bs-theme="light"] #setting-list .btn-border:hover i,
[data-bs-theme="light"] .btn.btn-border:hover i {
    color: #C5A059 !important;
}

/* Selected / Checked Active State (Radio, Checkbox & Active class) */
[data-bs-theme="light"] .btn-check:not([name="theme_font_size"]):checked + .btn.btn-border,
[data-bs-theme="light"] .btn-check:not([name="theme_font_size"]):checked + label.btn-border,
[data-bs-theme="light"] .btn-check:not([name="theme_font_size"]):active + .btn.btn-border,
[data-bs-theme="light"] #setting-list .btn-border.active,
[data-bs-theme="light"] .btn.btn-border.active:not(.iq-font-style label) {
    color: #ffffff !important;
    background: linear-gradient(135deg, #C5A059 0%, #a8813a 100%) !important;
    background-color: #C5A059 !important;
    border-color: #a8813a !important;
    box-shadow: 0 3px 10px rgba(197, 160, 89, 0.4) !important;
    font-weight: 600 !important;
}

[data-bs-theme="light"] .btn-check:not([name="theme_font_size"]):checked + .btn.btn-border i,
[data-bs-theme="light"] .btn-check:not([name="theme_font_size"]):checked + label.btn-border i,
[data-bs-theme="light"] .btn-check:not([name="theme_font_size"]):checked + .btn.btn-border svg,
[data-bs-theme="light"] .btn-check:not([name="theme_font_size"]):checked + label.btn-border svg,
[data-bs-theme="light"] #setting-list .btn-border.active i,
[data-bs-theme="light"] .btn.btn-border.active i {
    color: #ffffff !important;
    fill: #ffffff !important;
}

/* --- 3. Tables & DataTables Headers & Rows --- */
[data-bs-theme="light"] .table thead tr,
[data-bs-theme="light"] .card .table thead tr,
[data-bs-theme="light"] table.dataTable thead tr {
    background-color: #f1f5f9 !important;
}

[data-bs-theme="light"] .table thead tr th,
[data-bs-theme="light"] .card .table thead tr th,
[data-bs-theme="light"] table.dataTable thead tr th,
[data-bs-theme="light"] table.dataTable thead th {
    color: #0f172a !important;
    font-weight: 700 !important;
    border-bottom: 2px solid #cbd5e1 !important;
    letter-spacing: 0.03em !important;
}

[data-bs-theme="light"] .table tbody tr td,
[data-bs-theme="light"] table.dataTable tbody tr td {
    color: #1e293b !important;
    border-bottom: 1px solid #e2e8f0 !important;
}

[data-bs-theme="light"] .form-disabled #quick-action-apply,
[data-bs-theme="light"] #quick-action-apply:disabled {
    background-color: #e2e8f0 !important;
    border-color: #cbd5e1 !important;
    color: #64748b !important;
    opacity: 0.8 !important;
}

/* --- 4. Admin Dashboard Cards & Metrics --- */
[data-bs-theme="light"] .card {
    background-color: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
}

[data-bs-theme="light"] .card-data p {
    color: #475569 !important;
    font-weight: 500 !important;
}

[data-bs-theme="light"] .card-data h1,
[data-bs-theme="light"] .card-data .display-6 {
    color: #0f172a !important;
    font-weight: 700 !important;
}

[data-bs-theme="light"] .card-icon {
    background-color: #f1f5f9 !important;
    color: #334155 !important;
}

[data-bs-theme="light"] .card-header {
    border-bottom: 1px solid #f1f5f9 !important;
}

/* --- 5. Frontend OTT Hero Banners (Always Crisp White on Dark Posters) --- */
[data-bs-theme="light"] .main-banner,
[data-bs-theme="light"] .slick-banner,
[data-bs-theme="light"] .banner-section,
[data-bs-theme="light"] .inner-banner {
    color: #ffffff !important;
}

[data-bs-theme="light"] .main-banner h4,
[data-bs-theme="light"] .main-banner h1,
[data-bs-theme="light"] .main-banner h2,
[data-bs-theme="light"] .main-banner .movie-info h4,
[data-bs-theme="light"] .main-banner .font-size-14,
[data-bs-theme="light"] .main-banner .line-count-3,
[data-bs-theme="light"] .main-banner .movie-info p,
[data-bs-theme="light"] .main-banner .movie-info span,
[data-bs-theme="light"] .main-banner .movie-info i,
[data-bs-theme="light"] .main-banner .movie-tag-list li .tag,
[data-bs-theme="light"] .banner-section .movie-tag-list li .tag {
    color: #ffffff !important;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.7);
}

[data-bs-theme="light"] .main-banner .watch-list-btn,
[data-bs-theme="light"] .main-banner .share-list-btn {
    color: #ffffff !important;
    background: rgba(255, 255, 255, 0.15) !important;
    border: 1px solid rgba(255, 255, 255, 0.3) !important;
}

[data-bs-theme="light"] .main-banner .watch-list-btn:hover,
[data-bs-theme="light"] .main-banner .share-list-btn:hover {
    background: rgba(255, 255, 255, 0.25) !important;
    color: #ffffff !important;
}

/* --- 6. Frontend OTT Header Navbar (Clean Light Header) --- */
[data-bs-theme="light"] header,
[data-bs-theme="light"] header .iq-navbar,
[data-bs-theme="light"] header.header-absolute,
[data-bs-theme="light"] .header-absolute {
    background: #ffffff !important;
    background-color: #ffffff !important;
    backdrop-filter: none !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.06) !important;
    border-bottom: 1px solid #e2e8f0 !important;
}

[data-bs-theme="light"] header .navbar-nav.iq-nav-menu > li > a,
[data-bs-theme="light"] header .navbar-nav.iq-nav-menu > li > a .item-name,
[data-bs-theme="light"] header .navbar-nav.iq-nav-menu a,
[data-bs-theme="light"] header .right-panel .btn-action,
[data-bs-theme="light"] header .right-panel svg,
[data-bs-theme="light"] header .right-panel i {
    color: #1e293b !important;
    text-shadow: none !important;
}

[data-bs-theme="light"] header .navbar-nav.iq-nav-menu > li > a:hover,
[data-bs-theme="light"] header .navbar-nav.iq-nav-menu > li > a:hover .item-name,
[data-bs-theme="light"] header .right-panel .btn-action:hover svg {
    color: #C5A059 !important;
}

[data-bs-theme="light"] header .right-panel .header-notification > a {
    background: #f1f5f9 !important;
    color: #1e293b !important;
}

/* Frontend header download button & language button */
[data-bs-theme="light"] header .dropdown-download-wrapper .btn.btn-dark,
[data-bs-theme="light"] header .dropdown-language-wrapper .btn.btn-dark {
    background-color: #f1f5f9 !important;
    color: #1e293b !important;
    border: 1px solid #cbd5e1 !important;
}

[data-bs-theme="light"] header .dropdown-download-wrapper .btn.btn-dark i,
[data-bs-theme="light"] header .dropdown-download-wrapper .btn.btn-dark svg,
[data-bs-theme="light"] header .dropdown-language-wrapper .btn.btn-dark {
    color: #1e293b !important;
    fill: #1e293b !important;
}

[data-bs-theme="light"] header .dropdown-download-wrapper .btn.btn-dark:hover,
[data-bs-theme="light"] header .dropdown-language-wrapper .btn.btn-dark:hover {
    background-color: #e2e8f0 !important;
    color: #0f172a !important;
    border-color: #94a3b8 !important;
}

/* --- 7. Admin Header Icons & Font Size Switcher (Light Mode) --- */
/* Exclude font-size A buttons from card style gold blocks */
.iq-font-style .btn.btn-border {
    box-shadow: none !important;
    border: none !important;
    background: transparent !important;
}

[data-bs-theme="light"] .iq-font-style .btn.btn-border {
    color: #64748b !important;
    background: transparent !important;
}

[data-bs-theme="light"] .iq-font-style .btn-check:checked + label.btn-border {
    background: #e2e8f0 !important;
    color: #0f172a !important;
    box-shadow: none !important;
    border-radius: 6px !important;
}

/* Theme Toggle Button in Admin Header */
.change-mode .theme-icon-sun {
    color: #f59e0b !important; /* warm amber/sun */
}

.change-mode .theme-icon-moon {
    color: #0284c7 !important; /* vivid ocean blue */
}

[data-bs-theme="light"] .change-mode,
.change-mode {
    background-color: rgba(255, 255, 255, 0.08) !important;
}

[data-bs-theme="light"] .change-mode {
    background-color: #f1f5f9 !important;
    border: 1px solid #cbd5e1 !important;
}

[data-bs-theme="light"] .change-mode .theme-icon-moon,
[data-bs-theme="light"] .theme-icon-moon {
    color: #0369a1 !important; /* bold dark blue moon for high contrast in light mode */
    display: inline-block !important;
}

[data-bs-theme="light"] .theme-icon-sun.d-none,
[data-bs-theme="light"] .theme-icon-moon.d-none {
    display: none !important;
}

/* Bell notification button in admin header */
[data-bs-theme="light"] .iq-navbar .iq-dropdown a.btn-action {
    background-color: #f1f5f9 !important;
    border: 1px solid #e2e8f0 !important;
}

[data-bs-theme="light"] .iq-navbar .iq-dropdown a.btn-action i.ph-bell {
    color: #1e293b !important;
}

[data-bs-theme="light"] header.menu-sticky,
[data-bs-theme="light"] .navs-sticky.menu-sticky {
    background: rgba(255, 255, 255, 0.98) !important;
    backdrop-filter: blur(12px) !important;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08) !important;
}

/* ==========================================================================
   8. Header QR Code Download Scanner Dropdown (Light & Dark Mode)
   ========================================================================== */
.dropdown-download-scanner {
    min-width: 25rem !important;
    padding: 1.5rem !important;
    border-radius: 14px !important;
}

/* Light Mode Scanner Dropdown */
[data-bs-theme="light"] .dropdown-download-scanner {
    background-color: #ffffff !important;
    border: 1px solid rgba(0, 0, 0, 0.12) !important;
    box-shadow: 0 16px 36px rgba(0, 0, 0, 0.14) !important;
    color: #1e293b !important;
}

[data-bs-theme="light"] .dropdown-download-scanner .dropdown-scanner-title,
[data-bs-theme="light"] .dropdown-download-scanner .card-title {
    color: #0f172a !important;
    font-weight: 700 !important;
}

[data-bs-theme="light"] .dropdown-download-scanner .scanner-platform-name,
[data-bs-theme="light"] .dropdown-download-scanner small {
    color: #334155 !important;
    font-weight: 600 !important;
}

[data-bs-theme="light"] .dropdown-download-scanner .platform-icon.apple-icon svg,
[data-bs-theme="light"] .dropdown-download-scanner .platform-icon.apple-icon svg path {
    color: #0f172a !important;
    fill: #0f172a !important;
}

/* Dark Mode Scanner Dropdown */
[data-bs-theme="dark"] .dropdown-download-scanner,
.dropdown-download-scanner {
    background-color: #1a1a1f !important;
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
    box-shadow: 0 16px 36px rgba(0, 0, 0, 0.6) !important;
    color: #f8fafc !important;
}

[data-bs-theme="dark"] .dropdown-download-scanner .dropdown-scanner-title,
[data-bs-theme="dark"] .dropdown-download-scanner .card-title,
.dropdown-download-scanner .dropdown-scanner-title,
.dropdown-download-scanner .card-title {
    color: #ffffff !important;
    font-weight: 700 !important;
}

[data-bs-theme="dark"] .dropdown-download-scanner .scanner-platform-name,
[data-bs-theme="dark"] .dropdown-download-scanner small,
.dropdown-download-scanner .scanner-platform-name,
.dropdown-download-scanner small {
    color: #e2e8f0 !important;
    font-weight: 600 !important;
}

[data-bs-theme="dark"] .dropdown-download-scanner .platform-icon.apple-icon svg,
[data-bs-theme="dark"] .dropdown-download-scanner .platform-icon.apple-icon svg path,
.dropdown-download-scanner .platform-icon.apple-icon svg,
.dropdown-download-scanner .platform-icon.apple-icon svg path {
    color: #ffffff !important;
    fill: #ffffff !important;
}

/* ==========================================================================
   Section 9: User Auth Pages (Login, Register, Forget Password)
   High-Fidelity Match with Admin Theme & Compact 1-Screen Layout
   ========================================================================== */

.user-login-card {
    border-radius: 12px !important;
    transition: all 0.25s ease-in-out !important;
    position: relative !important;
    z-index: 10 !important;
    padding: 1.25rem 1.5rem !important;
    max-width: 440px !important;
    margin: 0 auto !important;
}

.user-login-card .card-body {
    padding: 0 !important;
}

.user-login-card .auth-heading {
    margin-bottom: 0.6rem !important;
}

.user-login-card .auth-heading .logo {
    height: 32px !important;
    max-height: 32px !important;
    object-fit: contain !important;
}

.user-login-card .auth-heading h5,
.user-login-card h5 {
    font-size: 1.05rem !important;
    margin-bottom: 0.15rem !important;
}

.user-login-card .mb-3 {
    margin-bottom: 0.5rem !important;
}

.user-login-card .mb-4 {
    margin-bottom: 0.6rem !important;
}

.user-login-card .row.g-3 {
    --bs-gutter-y: 0.5rem;
    --bs-gutter-x: 0.65rem;
}

.user-login-card .row.g-2 {
    --bs-gutter-y: 0.5rem;
    --bs-gutter-x: 0.5rem;
}

.user-login-card .form-label {
    font-size: 0.8rem !important;
    margin-bottom: 0.15rem !important;
    font-weight: 500 !important;
    display: block !important;
}

.user-login-card .form-control {
    height: 36px !important;
    padding: 0.25rem 0.65rem !important;
    font-size: 0.85rem !important;
    border-radius: 6px !important;
    transition: all 0.2s ease-in-out !important;
}

.user-login-card a.btn-link,
.user-login-card .text-primary {
    color: #C5A059 !important;
    font-weight: 500 !important;
    font-size: 0.82rem !important;
    text-decoration: none !important;
}

.user-login-card a.btn-link:hover,
.user-login-card .text-primary:hover {
    color: #7E5B23 !important;
    text-decoration: underline !important;
}

.user-login-card #login-button,
.user-login-card #register-button,
.user-login-card #forget_password_btn,
.user-login-card .btn-primary {
    background-color: #C5A059 !important;
    border-color: #C5A059 !important;
    color: #ffffff !important;
    font-weight: 600 !important;
    border-radius: 6px !important;
    height: 36px !important;
    font-size: 0.88rem !important;
    transition: all 0.2s ease-in-out !important;
}

.user-login-card #login-button:hover,
.user-login-card #register-button:hover,
.user-login-card #forget_password_btn:hover,
.user-login-card .btn-primary:hover {
    background-color: #7E5B23 !important;
    border-color: #7E5B23 !important;
    color: #ffffff !important;
}

.user-login-card .border-style {
    position: relative !important;
    display: block !important;
    text-align: center !important;
    margin: 0.65rem 0 !important;
}

.user-login-card .border-style::before,
.user-login-card .border-style::after {
    position: absolute !important;
    content: '' !important;
    top: 50% !important;
    height: 1px !important;
    width: 44% !important;
}

.user-login-card .border-style::before {
    left: 0 !important;
}

.user-login-card .border-style::after {
    right: 0 !important;
}

.user-login-card .border-style span {
    position: relative !important;
    display: inline-block !important;
    font-weight: 600 !important;
    font-size: 0.78rem !important;
    border-radius: 20px !important;
    padding: 1px 12px !important;
    z-index: 2 !important;
}

/* 1-Line Social Buttons without text wrapping */
.user-login-card #google-login,
.user-login-card #otp-login {
    font-weight: 500 !important;
    border-radius: 6px !important;
    height: 36px !important;
    font-size: 0.78rem !important;
    letter-spacing: -0.01em !important;
    transition: all 0.2s ease !important;
    white-space: nowrap !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 6px !important;
    width: 100% !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

.user-login-card #google-login svg,
.user-login-card #otp-login svg {
    flex-shrink: 0 !important;
    margin-right: 4px !important;
    width: 15px !important;
    height: 15px !important;
}

/* Phone input (intl-tel-input) layout & overlap fix */
.user-login-card .iti {
    width: 100% !important;
    display: block !important;
}

.user-login-card .iti input[type="tel"],
.user-login-card input#mobile {
    padding-left: 95px !important;
    height: 36px !important;
    width: 100% !important;
}

.user-login-card .iti__flag-container {
    z-index: 5 !important;
}

.user-login-card .iti__selected-flag {
    height: 36px !important;
    border-radius: 6px 0 0 6px !important;
    background-color: transparent !important;
    padding: 0 6px 0 8px !important;
}

.user-login-card .iti__selected-dial-code {
    font-size: 0.82rem !important;
    margin-left: 3px !important;
}

.user-login-card .password-toggle {
    cursor: pointer !important;
    z-index: 10 !important;
    transition: color 0.2s ease !important;
}

.user-login-card .password-toggle:hover {
    color: #C5A059 !important;
}

.user-login-card p,
.user-login-card .text-muted {
    font-size: 0.82rem !important;
    line-height: 1.35 !important;
}

/* --------------------------------------------------------------------------
   LIGHT THEME (Exact replica of Admin Login in Light Mode)
   -------------------------------------------------------------------------- */
[data-bs-theme="light"] .user-login-card {
    background: #ffffff !important;
    border: 1px solid rgba(0, 0, 0, 0.08) !important;
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.35) !important;
    color: #212529 !important;
}

[data-bs-theme="light"] .user-login-card .auth-heading h5,
[data-bs-theme="light"] .user-login-card h5 {
    color: #1e293b !important;
    font-weight: 700 !important;
}

[data-bs-theme="light"] .user-login-card .form-label {
    color: #1e293b !important;
}

[data-bs-theme="light"] .user-login-card .form-control {
    background-color: #f4f5f8 !important;
    border: 1px solid #e2e8f0 !important;
    color: #1e293b !important;
}

[data-bs-theme="light"] .user-login-card .form-control:focus {
    background-color: #ffffff !important;
    border-color: #C5A059 !important;
    box-shadow: 0 0 0 3px rgba(197, 160, 89, 0.2) !important;
    color: #0f172a !important;
}

[data-bs-theme="light"] .user-login-card .form-control::placeholder {
    color: #94a3b8 !important;
}

[data-bs-theme="light"] .user-login-card .form-check-input {
    background-color: #ffffff !important;
    border: 1.5px solid #cbd5e1 !important;
    border-radius: 4px !important;
    width: 1.1em !important;
    height: 1.1em !important;
    margin-top: 0.15em !important;
}

[data-bs-theme="light"] .user-login-card .form-check-input:checked {
    background-color: #C5A059 !important;
    border-color: #C5A059 !important;
}

[data-bs-theme="light"] .user-login-card label[for="remember"] span,
[data-bs-theme="light"] .user-login-card label[for="remember_me"] span {
    color: #475569 !important;
    font-size: 0.85rem !important;
    font-weight: 500 !important;
}

[data-bs-theme="light"] .user-login-card p,
[data-bs-theme="light"] .user-login-card .text-muted {
    color: #64748b !important;
}

[data-bs-theme="light"] .user-login-card .border-style::before,
[data-bs-theme="light"] .user-login-card .border-style::after {
    background: #e2e8f0 !important;
}

[data-bs-theme="light"] .user-login-card .border-style span {
    color: #64748b !important;
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
}

[data-bs-theme="light"] .user-login-card #google-login,
[data-bs-theme="light"] .user-login-card #otp-login {
    background-color: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
    color: #1e293b !important;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04) !important;
}

[data-bs-theme="light"] .user-login-card #google-login:hover,
[data-bs-theme="light"] .user-login-card #otp-login:hover {
    background-color: #f1f5f9 !important;
    border-color: #cbd5e1 !important;
    color: #0f172a !important;
}

[data-bs-theme="light"] .user-login-card #otp-login svg path {
    fill: #475569 !important;
}

[data-bs-theme="light"] .user-login-card .password-toggle {
    color: #64748b !important;
}

[data-bs-theme="light"] .user-login-card .iti__country-list {
    background-color: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    color: #1e293b !important;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1) !important;
}

[data-bs-theme="light"] .user-login-card .iti__country.iti__highlight {
    background-color: #f1f5f9 !important;
}

/* --------------------------------------------------------------------------
   DARK THEME (Exact replica of Admin Login in Dark Mode)
   -------------------------------------------------------------------------- */
[data-bs-theme="dark"] .user-login-card,
.user-login-card {
    background: #151824 !important;
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.75) !important;
    color: #f8fafc !important;
}

[data-bs-theme="dark"] .user-login-card .auth-heading h5,
[data-bs-theme="dark"] .user-login-card h5,
.user-login-card .auth-heading h5,
.user-login-card h5 {
    color: #ffffff !important;
    font-weight: 700 !important;
}

[data-bs-theme="dark"] .user-login-card .form-label,
.user-login-card .form-label {
    color: #f1f5f9 !important;
}

[data-bs-theme="dark"] .user-login-card .form-control,
.user-login-card .form-control {
    background-color: rgba(255, 255, 255, 0.07) !important;
    border: 1px solid rgba(255, 255, 255, 0.16) !important;
    color: #ffffff !important;
}

[data-bs-theme="dark"] .user-login-card .form-control:focus,
.user-login-card .form-control:focus {
    background-color: rgba(255, 255, 255, 0.12) !important;
    border-color: #C5A059 !important;
    box-shadow: 0 0 0 3px rgba(197, 160, 89, 0.25) !important;
    color: #ffffff !important;
}

[data-bs-theme="dark"] .user-login-card .form-control::placeholder,
.user-login-card .form-control::placeholder {
    color: #94a3b8 !important;
}

[data-bs-theme="dark"] .user-login-card .form-check-input,
.user-login-card .form-check-input {
    background-color: rgba(255, 255, 255, 0.1) !important;
    border: 1.5px solid rgba(255, 255, 255, 0.25) !important;
    border-radius: 4px !important;
    width: 1.1em !important;
    height: 1.1em !important;
    margin-top: 0.15em !important;
}

[data-bs-theme="dark"] .user-login-card .form-check-input:checked,
.user-login-card .form-check-input:checked {
    background-color: #C5A059 !important;
    border-color: #C5A059 !important;
}

[data-bs-theme="dark"] .user-login-card label[for="remember"] span,
[data-bs-theme="dark"] .user-login-card label[for="remember_me"] span,
.user-login-card label[for="remember"] span,
.user-login-card label[for="remember_me"] span {
    color: #cbd5e1 !important;
    font-size: 0.85rem !important;
    font-weight: 500 !important;
}

[data-bs-theme="dark"] .user-login-card p,
[data-bs-theme="dark"] .user-login-card .text-muted,
.user-login-card p,
.user-login-card .text-muted {
    color: #94a3b8 !important;
}

[data-bs-theme="dark"] .user-login-card .border-style::before,
[data-bs-theme="dark"] .user-login-card .border-style::after,
.user-login-card .border-style::before,
.user-login-card .border-style::after {
    background: rgba(255, 255, 255, 0.15) !important;
}

[data-bs-theme="dark"] .user-login-card .border-style span,
.user-login-card .border-style span {
    color: #94a3b8 !important;
    background: #151824 !important;
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
}

[data-bs-theme="dark"] .user-login-card #google-login,
[data-bs-theme="dark"] .user-login-card #otp-login,
.user-login-card #google-login,
.user-login-card #otp-login {
    background-color: rgba(255, 255, 255, 0.08) !important;
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
    color: #f8fafc !important;
}

[data-bs-theme="dark"] .user-login-card #google-login:hover,
[data-bs-theme="dark"] .user-login-card #otp-login:hover,
.user-login-card #google-login:hover,
.user-login-card #otp-login:hover {
    background-color: rgba(255, 255, 255, 0.15) !important;
    border-color: rgba(255, 255, 255, 0.25) !important;
    color: #ffffff !important;
}

[data-bs-theme="dark"] .user-login-card #otp-login svg path,
.user-login-card #otp-login svg path {
    fill: #cbd5e1 !important;
}

[data-bs-theme="dark"] .user-login-card .password-toggle,
.user-login-card .password-toggle {
    color: #94a3b8 !important;
}

[data-bs-theme="dark"] .user-login-card .iti__country-list,
.user-login-card .iti__country-list {
    background-color: #151824 !important;
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
    color: #ffffff !important;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5) !important;
}

[data-bs-theme="dark"] .user-login-card .iti__country.iti__highlight,
.user-login-card .iti__country.iti__highlight {
    background-color: rgba(255, 255, 255, 0.1) !important;
}

[data-bs-theme="dark"] .user-login-card .iti__dial-code,
.user-login-card .iti__dial-code {
    color: #94a3b8 !important;
}

/* ==========================================================================
   OTP Login Card, Divider & Scanner Styles
   ========================================================================== */

.user-login-card.otp-login-card {
    max-width: 780px !important;
    width: 100% !important;
    padding: 1.75rem 2rem !important;
}

@media (max-width: 767.98px) {
    .user-login-card.otp-login-card {
        padding: 1.25rem 1.25rem !important;
        max-width: 440px !important;
    }
}

.user-login-card .scanner {
    background: #ffffff !important;
    border-radius: 12px !important;
    padding: 10px !important;
    display: inline-block !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08) !important;
    margin-bottom: 0.75rem !important;
}

.user-login-card .scanner svg {
    display: block !important;
    width: 100% !important;
    max-width: 170px !important;
    height: auto !important;
    margin: 0 auto !important;
}

/* Center OR Divider */
.user-login-card .center-divider {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 100% !important;
    min-height: 220px !important;
    width: 100% !important;
}

.user-login-card .center-divider::before,
.user-login-card .center-divider::after {
    content: '' !important;
    position: absolute !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    width: 1px !important;
    height: 38% !important;
}

.user-login-card .center-divider::before {
    top: 0 !important;
}

.user-login-card .center-divider::after {
    bottom: 0 !important;
}

.user-login-card .center-divider span {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 32px !important;
    height: 32px !important;
    border-radius: 50% !important;
    font-size: 0.75rem !important;
    font-weight: 600 !important;
    z-index: 2 !important;
    text-transform: uppercase !important;
}

@media (max-width: 767.98px) {
    .user-login-card .center-divider {
        min-height: auto !important;
        height: 36px !important;
        margin: 1rem 0 !important;
    }
    .user-login-card .center-divider::before,
    .user-login-card .center-divider::after {
        top: 50% !important;
        transform: translateY(-50%) !important;
        height: 1px !important;
        width: 40% !important;
    }
    .user-login-card .center-divider::before {
        left: 0 !important;
        transform: translateY(-50%) !important;
    }
    .user-login-card .center-divider::after {
        left: auto !important;
        right: 0 !important;
        transform: translateY(-50%) !important;
    }
}

/* Light Theme Divider & Inputs */
[data-bs-theme="light"] .user-login-card .center-divider span {
    background-color: #ffffff !important;
    color: #64748b !important;
    border: 1px solid #e2e8f0 !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05) !important;
}

[data-bs-theme="light"] .user-login-card .center-divider::before,
[data-bs-theme="light"] .user-login-card .center-divider::after {
    background: #e2e8f0 !important;
    border: none !important;
}

[data-bs-theme="light"] .user-login-card .otp-input {
    background-color: #f8fafc !important;
    color: #0f172a !important;
    border: 1.5px solid #cbd5e1 !important;
    border-radius: 8px !important;
    font-weight: 600 !important;
    font-size: 1.25rem !important;
    height: 44px !important;
}

[data-bs-theme="light"] .user-login-card .otp-input:focus {
    background-color: #ffffff !important;
    border-color: #C5A059 !important;
    box-shadow: 0 0 0 3px rgba(197, 160, 89, 0.2) !important;
}

/* Dark Theme Divider & Inputs */
[data-bs-theme="dark"] .user-login-card .center-divider span,
.user-login-card .center-divider span {
    background-color: #1e2230 !important;
    color: #94a3b8 !important;
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3) !important;
}

[data-bs-theme="dark"] .user-login-card .center-divider::before,
[data-bs-theme="dark"] .user-login-card .center-divider::after,
.user-login-card .center-divider::before,
.user-login-card .center-divider::after {
    background: rgba(255, 255, 255, 0.15) !important;
    border: none !important;
}

[data-bs-theme="dark"] .user-login-card .otp-input,
.user-login-card .otp-input {
    background-color: rgba(255, 255, 255, 0.08) !important;
    color: #ffffff !important;
    border: 1.5px solid rgba(255, 255, 255, 0.2) !important;
    border-radius: 8px !important;
    font-weight: 600 !important;
    font-size: 1.25rem !important;
    height: 44px !important;
}

[data-bs-theme="dark"] .user-login-card .otp-input:focus,
.user-login-card .otp-input:focus {
    background-color: rgba(255, 255, 255, 0.14) !important;
    border-color: #C5A059 !important;
    box-shadow: 0 0 0 3px rgba(197, 160, 89, 0.25) !important;
}

/* Form Validation Styling */
.invalid-feedback {
    display: none;
    width: 100%;
    margin-top: 0.25rem;
    font-size: 0.8rem;
    color: #ef4444 !important;
    font-weight: 500;
}
.form-control.is-invalid {
    border-color: #ef4444 !important;
    box-shadow: 0 0 0 2px rgba(239, 68, 68, 0.2) !important;
}
.was-validated .form-control:invalid ~ .invalid-feedback,
.form-control.is-invalid ~ .invalid-feedback {
    display: block !important;
}

/* ==========================================================================
   Movie Hover Modal & Cards - Light Theme Support
   ========================================================================== */
[data-bs-theme="light"] .movie-hover-modal,
.movie-hover-modal.is-light-theme {
    background: #ffffff !important;
    color: #111827 !important;
    border: 1px solid rgba(0, 0, 0, 0.08) !important;
    box-shadow: 0 14px 36px rgba(0, 0, 0, 0.14) !important;
}

[data-bs-theme="light"] .movie-hover-modal .iq-card,
[data-bs-theme="light"] .movie-hover-modal .card-description,
.movie-hover-modal.is-light-theme .iq-card,
.movie-hover-modal.is-light-theme .card-description {
    background: transparent !important;
}

[data-bs-theme="light"] .movie-hover-modal .iq-title,
.movie-hover-modal.is-light-theme .iq-title {
    color: #111827 !important;
}

[data-bs-theme="light"] .movie-hover-modal p,
[data-bs-theme="light"] .movie-hover-modal .movie-time,
[data-bs-theme="light"] .movie-hover-modal .movie-language,
.movie-hover-modal.is-light-theme p,
.movie-hover-modal.is-light-theme .movie-time,
.movie-hover-modal.is-light-theme .movie-language {
    color: #4b5563 !important;
}

[data-bs-theme="light"] .movie-hover-modal .movie-time i,
[data-bs-theme="light"] .movie-hover-modal .movie-language i,
.movie-hover-modal.is-light-theme .movie-time i,
.movie-hover-modal.is-light-theme .movie-language i {
    color: #6b7280 !important;
}

[data-bs-theme="light"] .movie-hover-modal .genres-list li,
.movie-hover-modal.is-light-theme .genres-list li {
    color: #6b7280 !important;
}

[data-bs-theme="light"] .movie-hover-modal .genres-list li::after,
.movie-hover-modal.is-light-theme .genres-list li::after {
    background-color: #9ca3af !important;
}

[data-bs-theme="light"] .movie-hover-modal .watch-list-btn.btn-light,
.movie-hover-modal.is-light-theme .watch-list-btn.btn-light {
    background: #f1f5f9 !important;
    border-color: #cbd5e1 !important;
    color: #334155 !important;
}

[data-bs-theme="light"] .movie-hover-modal .watch-list-btn.btn-light:hover,
.movie-hover-modal.is-light-theme .watch-list-btn.btn-light:hover {
    background: #e2e8f0 !important;
    color: #0f172a !important;
}

/* Static hover overlay (card_detail) support */
[data-bs-theme="light"] .hover-card-container .hover-modal-overlay {
    background: #ffffff !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12) !important;
    border: 1px solid rgba(0, 0, 0, 0.08) !important;
}

[data-bs-theme="light"] .hover-modal-body .iq-card .block-images .card-description .iq-title {
    color: #111827 !important;
}

[data-bs-theme="light"] .hover-modal-body .iq-card .block-images .card-description .movie-time,
[data-bs-theme="light"] .hover-modal-body .iq-card .block-images .card-description .movie-language {
    color: #4b5563 !important;
}

/* ==========================================================================
   Hero Banners Zero-Gap (Movies, TV Shows, Videos, Home)
   ========================================================================== */
.banner-section,
.banner-section:not(.slick-item) {
    padding-top: 0 !important;
}

/* ==========================================================================
   Coming Soon Cards - Tag Pills Light Theme Support (Readable Dark Text)
   ========================================================================== */
[data-bs-theme="light"] .comingsoon-card .movie-tag-list li a.tag,
[data-bs-theme="light"] .comingsoon-card .movie-tag-list li a,
[data-bs-theme="light"] .comingsoon-card .movie-tag-list .tag,
[data-bs-theme="light"] .comingsoon-card .tag {
    color: #111827 !important;
    text-shadow: none !important;
    font-weight: 600 !important;
    background: rgba(197, 160, 89, 0.15) !important;
    border: 1px solid rgba(197, 160, 89, 0.5) !important;
    padding: 0.25rem 0.65rem !important;
    border-radius: 50rem !important;
    display: inline-block !important;
}

[data-bs-theme="light"] .comingsoon-card .movie-tag-list li a.tag:hover,
[data-bs-theme="light"] .comingsoon-card .movie-tag-list li a:hover,
[data-bs-theme="light"] .comingsoon-card .movie-tag-list .tag:hover,
[data-bs-theme="light"] .comingsoon-card .tag:hover {
    background: #C5A059 !important;
    color: #ffffff !important;
    border-color: #C5A059 !important;
    text-shadow: none !important;
}

/* ==========================================================================
   Header Profile Dropdown (Light & Dark Theme Visibility & Contrast)
   ========================================================================== */

.dropdown-user-menu {
    min-width: 320px !important;
    max-width: 360px !important;
    padding: 1.25rem !important;
    border-radius: 12px !important;
}

/* --- LIGHT MODE --- */
[data-bs-theme="light"] .dropdown-user-menu {
    background-color: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    box-shadow: 0 16px 36px rgba(0, 0, 0, 0.12) !important;
    color: #1e293b !important;
}

[data-bs-theme="light"] .dropdown-user-menu .bg-body {
    background-color: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
}

[data-bs-theme="light"] .dropdown-user-menu .bg-body h6,
[data-bs-theme="light"] .dropdown-user-menu h6 {
    color: #0f172a !important;
    font-weight: 700 !important;
}

[data-bs-theme="light"] .dropdown-user-menu .dropdown-user-menu-contnet {
    color: #64748b !important;
    font-weight: 500 !important;
    display: block !important;
    word-break: break-all !important;
}

[data-bs-theme="light"] .dropdown-user-menu .profile-item {
    background-color: #f1f5f9 !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 8px !important;
    transition: all 0.2s ease-in-out !important;
}

[data-bs-theme="light"] .dropdown-user-menu .profile-item:hover {
    background-color: #e2e8f0 !important;
    border-color: #cbd5e1 !important;
}

[data-bs-theme="light"] .dropdown-user-menu .profile-item .profile-name {
    color: #1e293b !important;
    font-weight: 600 !important;
}

[data-bs-theme="light"] .dropdown-user-menu .profile-item .profile-type {
    color: #64748b !important;
    font-weight: 500 !important;
}

[data-bs-theme="light"] .dropdown-user-menu .profile-item.active {
    background: #C5A059 !important;
    background-color: #C5A059 !important;
    border-color: #C5A059 !important;
}

[data-bs-theme="light"] .dropdown-user-menu .profile-item.active .profile-name {
    color: #ffffff !important;
    font-weight: 700 !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2) !important;
}

[data-bs-theme="light"] .dropdown-user-menu .profile-item.active .profile-type {
    color: rgba(255, 255, 255, 0.9) !important;
    font-weight: 500 !important;
}

[data-bs-theme="light"] .dropdown-user-menu ul a.link-body-emphasis,
[data-bs-theme="light"] .dropdown-user-menu ul .link-body-emphasis {
    color: #334155 !important;
    text-decoration: none !important;
    transition: color 0.2s ease !important;
}

[data-bs-theme="light"] .dropdown-user-menu ul a.link-body-emphasis:hover,
[data-bs-theme="light"] .dropdown-user-menu ul .link-body-emphasis:hover {
    color: #C5A059 !important;
}

[data-bs-theme="light"] .dropdown-user-menu ul a.link-body-emphasis i.ph,
[data-bs-theme="light"] .dropdown-user-menu ul .link-body-emphasis i.ph {
    color: #94a3b8 !important;
    transition: transform 0.2s ease, color 0.2s ease !important;
}

[data-bs-theme="light"] .dropdown-user-menu ul a.link-body-emphasis:hover i.ph,
[data-bs-theme="light"] .dropdown-user-menu ul .link-body-emphasis:hover i.ph {
    color: #C5A059 !important;
    transform: translateX(3px) !important;
}

[data-bs-theme="light"] .dropdown-user-menu ul a.link-primary,
[data-bs-theme="light"] .dropdown-user-menu ul .link-primary {
    color: #C5A059 !important;
    font-weight: 600 !important;
    text-decoration: none !important;
}

[data-bs-theme="light"] .dropdown-user-menu ul a.link-primary:hover,
[data-bs-theme="light"] .dropdown-user-menu ul .link-primary:hover {
    color: #8c6b2d !important;
}

/* --- DARK MODE (AND DEFAULT) --- */
[data-bs-theme="dark"] .dropdown-user-menu,
.dropdown-user-menu {
    background-color: #14151a !important;
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
    box-shadow: 0 16px 40px rgba(0, 0, 0, 0.6) !important;
    color: #f8fafc !important;
}

[data-bs-theme="dark"] .dropdown-user-menu .bg-body,
.dropdown-user-menu .bg-body {
    background-color: rgba(255, 255, 255, 0.05) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
}

[data-bs-theme="dark"] .dropdown-user-menu .bg-body h6,
[data-bs-theme="dark"] .dropdown-user-menu h6,
.dropdown-user-menu .bg-body h6,
.dropdown-user-menu h6 {
    color: #ffffff !important;
    font-weight: 700 !important;
}

[data-bs-theme="dark"] .dropdown-user-menu .dropdown-user-menu-contnet,
.dropdown-user-menu .dropdown-user-menu-contnet {
    color: #94a3b8 !important;
    font-weight: 400 !important;
    display: block !important;
    word-break: break-all !important;
}

[data-bs-theme="dark"] .dropdown-user-menu .profile-item,
.dropdown-user-menu .profile-item {
    background-color: rgba(255, 255, 255, 0.07) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-radius: 8px !important;
    transition: all 0.2s ease-in-out !important;
}

[data-bs-theme="dark"] .dropdown-user-menu .profile-item:hover,
.dropdown-user-menu .profile-item:hover {
    background-color: rgba(255, 255, 255, 0.13) !important;
}

[data-bs-theme="dark"] .dropdown-user-menu .profile-item .profile-name,
.dropdown-user-menu .profile-item .profile-name {
    color: #f8fafc !important;
    font-weight: 600 !important;
}

[data-bs-theme="dark"] .dropdown-user-menu .profile-item .profile-type,
.dropdown-user-menu .profile-item .profile-type {
    color: #94a3b8 !important;
    font-weight: 500 !important;
}

[data-bs-theme="dark"] .dropdown-user-menu .profile-item.active,
.dropdown-user-menu .profile-item.active {
    background: #C5A059 !important;
    background-color: #C5A059 !important;
    border-color: #C5A059 !important;
}

[data-bs-theme="dark"] .dropdown-user-menu .profile-item.active .profile-name,
.dropdown-user-menu .profile-item.active .profile-name {
    color: #ffffff !important;
    font-weight: 700 !important;
}

[data-bs-theme="dark"] .dropdown-user-menu .profile-item.active .profile-type,
.dropdown-user-menu .profile-item.active .profile-type {
    color: rgba(255, 255, 255, 0.85) !important;
}

[data-bs-theme="dark"] .dropdown-user-menu ul a.link-body-emphasis,
[data-bs-theme="dark"] .dropdown-user-menu ul .link-body-emphasis,
.dropdown-user-menu ul a.link-body-emphasis,
.dropdown-user-menu ul .link-body-emphasis {
    color: #e2e8f0 !important;
    text-decoration: none !important;
    transition: color 0.2s ease !important;
}

[data-bs-theme="dark"] .dropdown-user-menu ul a.link-body-emphasis:hover,
[data-bs-theme="dark"] .dropdown-user-menu ul .link-body-emphasis:hover,
.dropdown-user-menu ul a.link-body-emphasis:hover,
.dropdown-user-menu .link-body-emphasis:hover {
    color: #C5A059 !important;
}

[data-bs-theme="dark"] .dropdown-user-menu ul a.link-body-emphasis i.ph,
.dropdown-user-menu ul a.link-body-emphasis i.ph {
    color: #64748b !important;
    transition: transform 0.2s ease, color 0.2s ease !important;
}

[data-bs-theme="dark"] .dropdown-user-menu ul a.link-body-emphasis:hover i.ph,
.dropdown-user-menu ul a.link-body-emphasis:hover i.ph {
    color: #C5A059 !important;
    transform: translateX(3px) !important;
}

[data-bs-theme="dark"] .dropdown-user-menu ul a.link-primary,
[data-bs-theme="dark"] .dropdown-user-menu ul .link-primary,
.dropdown-user-menu ul a.link-primary,
.dropdown-user-menu .link-primary {
    color: #C5A059 !important;
    font-weight: 600 !important;
    text-decoration: none !important;
}

[data-bs-theme="dark"] .dropdown-user-menu ul a.link-primary:hover,
[data-bs-theme="dark"] .dropdown-user-menu ul .link-primary:hover,
.dropdown-user-menu ul a.link-primary:hover,
    color: #e6be6f !important;
}

/* ==========================================================================
   COMPREHENSIVE LIGHT & DARK THEME ENHANCEMENTS
   ========================================================================== */

/* --- 1. PIN Action in Profile Dropdown --- */
[data-bs-theme="light"] #pinActionBtn {
    color: #334155 !important;
}
[data-bs-theme="light"] #pinActionBtn:hover {
    color: #C5A059 !important;
}
[data-bs-theme="light"] #pinActionBtn svg path {
    stroke: #64748b !important;
}
[data-bs-theme="light"] #pinActionBtn:hover svg path {
    stroke: #C5A059 !important;
}

/* --- 2. Account Settings Sidebar --- */
.account-settings-sidebar-inner .nav-tabs {
    border: none !important;
}
.account-settings-sidebar-inner .nav-link {
    border-radius: 14px !important;
    padding: 1.25rem 1rem !important;
    transition: all 0.25s ease !important;
}
.account-settings-sidebar-inner .nav-link i {
    font-size: 26px !important;
    margin-bottom: 8px !important;
    display: inline-block !important;
    transition: all 0.2s ease !important;
}
.account-settings-sidebar-inner .nav-link h6 {
    font-size: 0.88rem !important;
    font-weight: 600 !important;
    transition: all 0.2s ease !important;
}

/* Sidebar - Light Mode */
[data-bs-theme="light"] .account-settings-sidebar-inner .nav-link {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.03) !important;
    color: #475569 !important;
}
[data-bs-theme="light"] .account-settings-sidebar-inner .nav-link i {
    color: #64748b !important;
}
[data-bs-theme="light"] .account-settings-sidebar-inner .nav-link h6 {
    color: #334155 !important;
}
[data-bs-theme="light"] .account-settings-sidebar-inner .nav-link:hover {
    background: #f8fafc !important;
    border-color: #C5A059 !important;
    transform: translateY(-2px) !important;
}
[data-bs-theme="light"] .account-settings-sidebar-inner .nav-link:hover i,
[data-bs-theme="light"] .account-settings-sidebar-inner .nav-link:hover h6 {
    color: #C5A059 !important;
}
[data-bs-theme="light"] .account-settings-sidebar-inner .nav-link.active {
    background: #C5A059 !important;
    border-color: #C5A059 !important;
    box-shadow: 0 8px 20px rgba(197, 160, 89, 0.25) !important;
}
[data-bs-theme="light"] .account-settings-sidebar-inner .nav-link.active i,
[data-bs-theme="light"] .account-settings-sidebar-inner .nav-link.active h6 {
    color: #ffffff !important;
}

/* Sidebar - Dark Mode */
[data-bs-theme="dark"] .account-settings-sidebar-inner .nav-link,
.account-settings-sidebar-inner .nav-link {
    background: rgba(255, 255, 255, 0.04) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    color: #94a3b8 !important;
}
[data-bs-theme="dark"] .account-settings-sidebar-inner .nav-link i,
.account-settings-sidebar-inner .nav-link i {
    color: #94a3b8 !important;
}
[data-bs-theme="dark"] .account-settings-sidebar-inner .nav-link h6,
.account-settings-sidebar-inner .nav-link h6 {
    color: #f1f5f9 !important;
}
[data-bs-theme="dark"] .account-settings-sidebar-inner .nav-link:hover,
.account-settings-sidebar-inner .nav-link:hover {
    background: rgba(255, 255, 255, 0.08) !important;
    border-color: #C5A059 !important;
    transform: translateY(-2px) !important;
}
[data-bs-theme="dark"] .account-settings-sidebar-inner .nav-link:hover i,
[data-bs-theme="dark"] .account-settings-sidebar-inner .nav-link:hover h6,
.account-settings-sidebar-inner .nav-link:hover i,
.account-settings-sidebar-inner .nav-link:hover h6 {
    color: #C5A059 !important;
}
[data-bs-theme="dark"] .account-settings-sidebar-inner .nav-link.active,
.account-settings-sidebar-inner .nav-link.active {
    background: #C5A059 !important;
    border-color: #C5A059 !important;
    box-shadow: 0 8px 25px rgba(197, 160, 89, 0.3) !important;
}
[data-bs-theme="dark"] .account-settings-sidebar-inner .nav-link.active i,
[data-bs-theme="dark"] .account-settings-sidebar-inner .nav-link.active h6,
.account-settings-sidebar-inner .nav-link.active i,
.account-settings-sidebar-inner .nav-link.active h6 {
    color: #000000 !important;
}

/* --- 3. User Profile Card & General Settings Card --- */
.user-profile-card {
    background: #131722;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 16px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
    transition: all 0.3s ease;
}
[data-bs-theme="light"] .user-profile-card,
[data-bs-theme="light"] .account-card {
    background: #ffffff !important;
    border-color: #e5e7eb !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.05) !important;
}
[data-bs-theme="light"] .user-profile-card h4,
[data-bs-theme="light"] .account-card h4,
[data-bs-theme="light"] .account-card .super-plan {
    color: #0f172a !important;
}
[data-bs-theme="light"] .user-profile-card h5,
[data-bs-theme="light"] .account-card h5 {
    color: #1e293b !important;
}
[data-bs-theme="light"] .user-profile-card h6,
[data-bs-theme="light"] .account-card h6 {
    color: #334155 !important;
}
[data-bs-theme="light"] .user-profile-card p,
[data-bs-theme="light"] .account-card p {
    color: #64748b !important;
}

/* Input-group-text-1 */
.input-group-text-1 {
    display: flex;
    align-items: center;
    border-radius: 0 var(--bs-border-radius) var(--bs-border-radius) 0;
    cursor: pointer;
}
[data-bs-theme="light"] .input-group-text-1 {
    background-color: #f1f5f9 !important;
    border: 1px solid #cbd5e1 !important;
    border-left: none !important;
    color: #475569 !important;
}
[data-bs-theme="light"] .custom-input-group .form-control {
    background-color: #ffffff !important;
    border-color: #cbd5e1 !important;
    color: #0f172a !important;
}
[data-bs-theme="light"] .custom-input-group .form-control:focus {
    border-color: #C5A059 !important;
}

/* --- 4. Subscriptions & Plan Cards --- */
/* Tab navigation */
[data-bs-theme="light"] .subscription-plan-tabs .nav {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.04) !important;
    border-radius: 50rem !important;
}
[data-bs-theme="light"] .subscription-plan-tabs .nav .nav-item .nav-link {
    color: #64748b !important;
    border-radius: 50rem !important;
}
[data-bs-theme="light"] .subscription-plan-tabs .nav .nav-item .nav-link.active {
    background: #C5A059 !important;
    color: #ffffff !important;
}

/* Plan Card Wrapper */
[data-bs-theme="light"] .subscription-plan-wrapper {
    background-color: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05) !important;
}
[data-bs-theme="light"] .subscription-plan-wrapper:hover {
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.09) !important;
}
[data-bs-theme="light"] .subscription-plan-wrapper.active {
    background-color: #fffdf7 !important;
    border-color: #C5A059 !important;
    box-shadow: 0 12px 35px rgba(197, 160, 89, 0.18) !important;
}
[data-bs-theme="light"] .subscription-plan-wrapper .subscription-plan-header .subscription-name {
    color: #0f172a !important;
}
[data-bs-theme="light"] .subscription-plan-wrapper .subscription-plan-header .subscription-price {
    color: #0f172a !important;
}
[data-bs-theme="light"] .subscription-plan-wrapper .subscription-plan-header .subscription-price .subscription-price-desc {
    color: #64748b !important;
}
[data-bs-theme="light"] .subscription-limitation-text {
    color: #334155 !important;
}
[data-bs-theme="dark"] .subscription-limitation-text,
.subscription-limitation-text {
    color: #ffffff !important;
}

/* --- 5. Subscription Payment Page --- */
[data-bs-theme="light"] .stripe-payment-form {
    background-color: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    color: #0f172a !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.03) !important;
}
[data-bs-theme="light"] .stripe-payment-form:has(.form-check-input:checked) {
    border-color: #C5A059 !important;
    background-color: #fffdf7 !important;
}
[data-bs-theme="light"] .stripe-payment-form .form-check-label {
    color: #0f172a !important;
}
[data-bs-theme="light"] .payment-method-box {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    color: #0f172a !important;
}
[data-bs-theme="light"] .payment-method-box:has(.btn-check:checked) {
    background: rgba(197, 160, 89, 0.1) !important;
    border-color: #C5A059 !important;
}
[data-bs-theme="light"] .payment-method-box .btn-box {
    color: #0f172a !important;
}
[data-bs-theme="light"] .available-coupons,
[data-bs-theme="light"] .modal .coupons-card,
[data-bs-theme="light"] .available-coupons .coupan-list .coupons-card,
[data-bs-theme="light"] .coupons-card {
    background-color: #f8fafc !important;
    border: 1px dashed #cbd5e1 !important;
}
[data-bs-theme="light"] .available-coupons-data .coupon-option {
    background-color: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
}
[data-bs-theme="light"] .available-coupons-data .coupon-option .coupon-name {
    color: #0f172a !important;
}
[data-bs-theme="light"] .available-coupons-data .coupon-option .coupon-description {
    color: #64748b !important;
}
[data-bs-theme="light"] .payment-detail {
    background-color: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    padding: 1.5rem !important;
}
[data-bs-theme="light"] .payment-detail h6 {
    color: #0f172a !important;
}
[data-bs-theme="light"] .payment-detail table {
    color: #334155 !important;
}

/* --- 6. OTP & PIN Inputs --- */
.otp-form .otp-input,
.pin-input {
    transition: all 0.25s ease-in-out !important;
}
[data-bs-theme="light"] .otp-form .otp-input,
[data-bs-theme="light"] .pin-input {
    background-color: #ffffff !important;
    border: 1.5px solid #cbd5e1 !important;
    color: #0f172a !important;
}
[data-bs-theme="light"] .otp-form .otp-input:focus,
[data-bs-theme="light"] .pin-input:focus,
[data-bs-theme="light"] .otp-form .otp-input:focus-visible,
[data-bs-theme="light"] .pin-input:focus-visible {
    border-color: #C5A059 !important;
    box-shadow: 0 0 0 3px rgba(197, 160, 89, 0.18) !important;
}

/* --- 7. User Login & Auth Cards in Content Pages --- */
[data-bs-theme="light"] .user-login-card {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05) !important;
    color: #0f172a !important;
}
[data-bs-theme="light"] .user-login-card h4,
[data-bs-theme="light"] .user-login-card h5,
[data-bs-theme="light"] .user-login-card h6 {
    color: #0f172a !important;
}
[data-bs-theme="light"] .user-login-card p {
    color: #475569 !important;
}

/* --- 8. Rental / PPV Banners & Modals --- */
/* Rental Banner / Alert Box */
.rental-alert-box {
    background-color: #1a1e29;
    border: 1px solid rgba(255, 255, 255, 0.1);
    color: #ffffff;
}
[data-bs-theme="light"] .rental-alert-box,
[data-bs-theme="light"] .bg-dark.text-white.my-2,
[data-bs-theme="light"] .bg-dark.text-white.my-3,
[data-bs-theme="light"] .bbg-dark.text-white.my-2 {
    background-color: #f1f5f9 !important;
    border: 1px solid #cbd5e1 !important;
    color: #1e293b !important;
}
[data-bs-theme="light"] .rental-alert-box span,
[data-bs-theme="light"] .rental-alert-box .btn-link,
[data-bs-theme="light"] .bg-dark.text-white.my-2 span,
[data-bs-theme="light"] .bg-dark.text-white.my-3 span,
[data-bs-theme="light"] .bbg-dark.text-white.my-2 span {
    color: #1e293b !important;
}

/* Rental & Purchase Modals */
.modal-content.section-bg,
.modal-content.bg-dark {
    background-color: #14151a !important;
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
    color: #ffffff !important;
}
[data-bs-theme="light"] .modal-content.section-bg,
[data-bs-theme="light"] .modal-content.bg-dark,
[data-bs-theme="light"] .modal-content.section-bg.text-white,
[data-bs-theme="light"] .modal-content.bg-dark.text-white {
    background-color: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    color: #0f172a !important;
    box-shadow: 0 20px 45px rgba(0, 0, 0, 0.12) !important;
}
[data-bs-theme="light"] .modal-content.section-bg h4,
[data-bs-theme="light"] .modal-content.bg-dark h4,
[data-bs-theme="light"] .modal-content.section-bg h5,
[data-bs-theme="light"] .modal-content.bg-dark h5,
[data-bs-theme="light"] .modal-content.section-bg h6,
[data-bs-theme="light"] .modal-content.bg-dark h6,
[data-bs-theme="light"] .modal-content.section-bg .h4,
[data-bs-theme="light"] .modal-content.bg-dark .h4,
[data-bs-theme="light"] .modal-content.section-bg .h5,
[data-bs-theme="light"] .modal-content.bg-dark .h5,
[data-bs-theme="light"] .modal-content.section-bg .h6,
[data-bs-theme="light"] .modal-content.bg-dark .h6 {
    color: #0f172a !important;
}
[data-bs-theme="light"] .modal-content.section-bg .text-white-50,
[data-bs-theme="light"] .modal-content.bg-dark .text-white-50,
[data-bs-theme="light"] .modal-content.section-bg .text-white,
[data-bs-theme="light"] .modal-content.bg-dark .text-white,
[data-bs-theme="light"] .modal-content.section-bg ul li span,
[data-bs-theme="light"] .modal-content.bg-dark ul li span {
    color: #475569 !important;
}
[data-bs-theme="light"] .modal-content.section-bg a.text-white,
[data-bs-theme="light"] .modal-content.bg-dark a.text-white {
    color: #C5A059 !important;
}

/* --- 9. Notifications Item Card --- */
.notification-item-card {
    background-color: #14151a;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 12px;
    transition: all 0.2s ease;
}
[data-bs-theme="light"] .notification-item-card {
    background-color: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04) !important;
    color: #0f172a !important;
}
[data-bs-theme="light"] .notification-item-card h6 {
    color: #0f172a !important;
}
[data-bs-theme="light"] .notification-item-card .body-color {
    color: #334155 !important;
}
[data-bs-theme="light"] .notification-item-card .text-body {
    color: #64748b !important;
}

/* --- 10. Coming Soon & Cast Crew Tabs --- */
[data-bs-theme="light"] .nav.comingsoon-tabs .nav-item .nav-link,
[data-bs-theme="light"] .nav.castcrew-tabs .nav-item .nav-link {
    background-color: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    color: #475569 !important;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04) !important;
}
[data-bs-theme="light"] .nav.comingsoon-tabs .nav-item .nav-link:hover,
[data-bs-theme="light"] .nav.castcrew-tabs .nav-item .nav-link:hover {
    border-color: #C5A059 !important;
    color: #C5A059 !important;
}
[data-bs-theme="light"] .nav.comingsoon-tabs .nav-item .nav-link.active,
[data-bs-theme="light"] .nav.castcrew-tabs .nav-item .nav-link.active {
    background-color: #C5A059 !important;
    border-color: #C5A059 !important;
    color: #ffffff !important;
}