/* ============================================================
   Netflix-style overrides — member-facing UI only
   ============================================================ */

/* ---------- BASE ---------- */
body { background: #efecf4 !important; color: #1a1a2e !important; }
.grey-bg  { background: #efecf4 !important; }
.blue-bg  { background: #e8e4f0 !important; }
main { background: #efecf4; }

/* ---------- TYPOGRAPHY ---------- */
h1,h2,h3,h4,h5,h6,.block-title,.page-title { color: #fff !important; font-weight: 700 !important; }
p, li, span, label { color: #b3b3b3; }
a { color: #e5e5e5; }
a:hover { color: #fff; text-decoration: none; }

/* ---------- DROPDOWN MENU ---------- */
.dropdown-item:hover { background: #2a2a2a !important; color: #fff !important; }

/* ---------- MAIN NAV ---------- */
.main-header {
    position: sticky !important;
    top: 0 !important;
    z-index: 1000 !important;
    background: #1e0044 !important;
    padding: 4px 0 !important;
    transition: box-shadow 0.3s ease !important;
}
.main-header.nf-scrolled { box-shadow: 0 2px 20px rgba(0,0,0,0.6) !important; }
.main-header .navbar { padding: 0 !important; }

/* Logo — fixed height, auto-width, centred in the flex bar */
.main-header .navbar { align-items: center !important; }
.main-header h1 { display: flex !important; align-items: center !important; margin: 0 !important; line-height: 1 !important; font-size: 0 !important; }
.navbar-light .navbar-brand { padding: 0 !important; display: flex !important; align-items: center !important; max-width: none !important; }
.navbar-light .navbar-brand img { height: 34px !important; width: auto !important; max-height: none !important; max-width: none !important; display: block !important; }
@media (max-width: 992px) { .navbar-light .navbar-brand img { height: 26px !important; } }
@media (max-width: 576px) { .navbar-light .navbar-brand img { height: 22px !important; } }

/* Right-side icons match nav link size */
.main-header .nav-link .fas,
.main-header .nav-link .far,
.main-header .notify-icon i,
.main-header .cart-icon i,
.main-header .fa-search,
.main-header .fa-user,
.main-header .fa-bell,
.main-header .fa-shopping-cart { font-size: 13px !important; color: #ccc; }

/* Nav links */
.navbar .navbar-collapse .navbar-nav .nav-item,
.navbar .navbar-collapse .navbar-nav .nav-link {
    color: #ccc !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    margin-left: 22px !important;
    padding: 4px 0 !important;
    transition: color 0.15s;
}
.navbar .navbar-collapse .navbar-nav .nav-item.active,
.navbar .navbar-collapse .navbar-nav .nav-link.active { color: #ccc !important; font-weight: 700 !important; }
.navbar .navbar-collapse .navbar-nav .nav-item:hover,
.navbar .navbar-collapse .navbar-nav .nav-link:hover { color: #fff !important; }
/* Navbar spans (username etc.) stay light-grey — prevents light-mode span rule darkening them */
.main-header span { color: #ccc !important; }

/* Moon phase image in nav */
.navbar .navbar-collapse .user-profile img { width: 46px !important; height: 46px !important; }

/* ---------- ALERTS ---------- */
.alert-success { background: #1a3a1a !important; border-color: #2a5a2a !important; color: #7fbe7f !important; }
.alert-danger  { background: #3a1a1a !important; border-color: #5a2a2a !important; color: #be7f7f !important; }

/* ---------- MODALS ---------- */
.modal-content { background: #1a1a1a !important; color: #e5e5e5 !important; border: 1px solid #333; }
.modal-header  { border-bottom-color: #333 !important; }
.modal-footer  { border-top-color: #333 !important; }
.modal-title   { color: #fff !important; }
.modal .close  { color: #aaa !important; }
.modal .form-control { background: #222 !important; color: #e5e5e5 !important; border-color: #444 !important; }

/* ---------- BREADCRUMB ---------- */
.breadcrumb, .breadcrumbs { background: transparent !important; }
.breadcrumb-item a, .breadcrumbs a, .breadcrumbs li { color: #888 !important; }
.breadcrumb-item.active { color: #e5e5e5 !important; }

/* ---------- PAGINATION ---------- */
.pagination .page-item .page-link { background: #1a1a1a !important; color: #e5e5e5 !important; border-color: #333 !important; }
.pagination .page-item.active .page-link { background: #a78bfa !important; border-color: #a78bfa !important; }

/* ---------- SCROLLBAR ---------- */
::-webkit-scrollbar { width: 5px; height: 5px; }
::-webkit-scrollbar-track { background: #0f0f0f; }
::-webkit-scrollbar-thumb { background: #333; border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: #555; }

/* ============================================================
   LIGHT MODE  (toggled via [data-theme="light"] on <html>)
   ============================================================ */

/* -- Globals -- */
[data-theme="light"] body { background: #faf9ff !important; color: #1e1b4b !important; }
[data-theme="light"] h1,[data-theme="light"] h2,[data-theme="light"] h3,
[data-theme="light"] h4,[data-theme="light"] h5,[data-theme="light"] h6 { color: #1e1b4b !important; }
[data-theme="light"] p,[data-theme="light"] li,[data-theme="light"] span { color: #4b5563; }
[data-theme="light"] a { color: #6d28d9; }
[data-theme="light"] a:hover { color: #4f46e5; }
[data-theme="light"] ::-webkit-scrollbar-track { background: #f5f3ff; }
[data-theme="light"] ::-webkit-scrollbar-thumb { background: #c4b5fd; }

/* -- Navbar stays dark in all themes -- */
[data-theme="light"] .dropdown-menu { background: #1a1a1a !important; border-color: #333 !important; }
[data-theme="light"] .dropdown-item { color: #e5e5e5 !important; }
[data-theme="light"] .dropdown-item:hover { background: #2a2a2a !important; color: #fff !important; }
[data-theme="light"] .dropdown-divider { border-color: #333 !important; }

/* -- Dashboard main -- */
[data-theme="light"] .nf-dash-main { background: #faf9ff !important; }
[data-theme="light"] .nf-dash-hero { border-color: #e8e3f8 !important; background: #fff !important; }
[data-theme="light"] .nf-dash-avatar { border-color: #c4b5fd !important; }
[data-theme="light"] .nf-dash-greeting-label { color: #6d28d9 !important; }
[data-theme="light"] .nf-dash-name { color: #1e1b4b !important; }
[data-theme="light"] .nf-dash-member-since { color: #6b7280 !important; }

/* -- Stat tile -- */
[data-theme="light"] .nf-dash-stat { background: #fff !important; border-color: #e8e3f8 !important; box-shadow: 0 2px 12px rgba(109,40,217,0.07) !important; }
[data-theme="light"] .nf-dash-stat p { color: #9ca3af !important; }
[data-theme="light"] .nf-dash-stat p:first-child { color: #6d28d9 !important; }

/* -- Section headings -- */
[data-theme="light"] .nf-dash-section-h { color: #1e1b4b !important; }

/* -- Resume card -- */
[data-theme="light"] .nf-dash-resume-card { background: #fff !important; border-color: #e8e3f8 !important; }
[data-theme="light"] .nf-dash-resume-footer { background: #fff !important; border-top: 1px solid #e8e3f8 !important; }
[data-theme="light"] .nf-dash-resume-label { color: #6b7280 !important; }
[data-theme="light"] .nf-dash-resume-empty { background: #fff !important; border-color: #e8e3f8 !important; }

/* -- Notification cards -- */
[data-theme="light"] .nf-dash-notif { background: #fff !important; border-color: #e8e3f8 !important; }
[data-theme="light"] .nf-dash-notif.nf-unread { background: #f5f3ff !important; border-color: #c4b5fd !important; }
[data-theme="light"] .nf-dash-date-badge { background: #ede9fe !important; border-radius: 8px; }
[data-theme="light"] .nf-dash-date-badge p { color: #1e1b4b !important; }
[data-theme="light"] .nf-dash-date-badge p:last-child { color: #6d28d9 !important; }
[data-theme="light"] .nf-dash-notif-title { color: #1e1b4b !important; }
[data-theme="light"] .nf-dash-notif-msg { color: #6b7280 !important; }
[data-theme="light"] .nf-dash-notif-btn { background: #6d28d9 !important; color: #fff !important; }
[data-theme="light"] .nf-dash-notif-empty { background: #fff !important; border-color: #e8e3f8 !important; }
[data-theme="light"] .nf-dash-notif-empty i { color: #c4b5fd !important; }
[data-theme="light"] .nf-dash-notif-empty p { color: #9ca3af !important; }

/* -- Event cards -- */
[data-theme="light"] .nf-dash-event-card { background: #fff !important; box-shadow: 0 2px 12px rgba(109,40,217,0.07) !important; }
[data-theme="light"] .nf-dash-event-title { color: #1e1b4b !important; }
[data-theme="light"] .nf-dash-event-date { color: #6b7280 !important; }

/* -- Modals in light mode -- */
[data-theme="light"] .modal-content { background: #fff !important; color: #1e1b4b !important; border-color: #e8e3f8 !important; }
[data-theme="light"] .modal-header { border-bottom-color: #e8e3f8 !important; }
[data-theme="light"] .modal-footer { border-top-color: #e8e3f8 !important; }
[data-theme="light"] .modal-title { color: #1e1b4b !important; }
[data-theme="light"] .modal .close { color: #6b7280 !important; }
[data-theme="light"] .modal .form-control { background: #f5f3ff !important; color: #1e1b4b !important; border-color: #c4b5fd !important; }

/* ── ALL LISTING / INFO PAGES ─────────────────────────────── */

/* Global light page bg */
[data-theme="light"] .nf-light-page { background: #f4f3ff !important; }

/* Shared section borders */
[data-theme="light"] .nf-page-border { border-color: #e8e3f8 !important; }

/* Shared form controls */
[data-theme="light"] .nf-ctrl-label { color: #6b7280 !important; }
[data-theme="light"] .nf-ctrl-input { background: #fff !important; border-color: #d1d5db !important; color: #1e1b4b !important; }
[data-theme="light"] .nf-ctrl-select { background: #fff !important; border-color: #d1d5db !important; color: #1e1b4b !important; }

/* ── Events cards ── */
[data-theme="light"] .nf-events-card { background: #fff !important; box-shadow: 0 2px 12px rgba(109,40,217,0.07) !important; }
[data-theme="light"] .nf-events-card:hover { background: #f5f3ff !important; box-shadow: 0 8px 36px rgba(109,40,217,0.13) !important; }
[data-theme="light"] .nf-events-card-h { color: #1e1b4b !important; }
[data-theme="light"] .nf-events-card-sub { color: #6b7280 !important; }
[data-theme="light"] .nf-events-card-desc { color: #6b7280 !important; }
[data-theme="light"] .nf-events-card-meta { color: #9ca3af !important; }
[data-theme="light"] .nf-events-cta { background: #1e1b4b !important; color: #fff !important; }
[data-theme="light"] .nf-events-cta:hover { background: #312e81 !important; }

/* ── Calendar widget ── */
[data-theme="light"] .nf-cal-widget { background: #fff !important; border-color: #e8e3f8 !important; }
[data-theme="light"] .nf-cal-hdr { border-color: #e8e3f8 !important; }
[data-theme="light"] .nf-cal-hdr-label { color: #1e1b4b !important; }
[data-theme="light"] .nf-cal-hdr-btn { color: #6b7280 !important; }
[data-theme="light"] .nf-cal-dayname { color: #9ca3af !important; }
[data-theme="light"] .nf-cal-legend { border-color: #e8e3f8 !important; }
[data-theme="light"] .nf-cal-legend-text { color: #6b7280 !important; }

/* ── Notification page rows ── */
[data-theme="light"] .nf-notif-row { background: #fff !important; border-color: #e8e3f8 !important; }
[data-theme="light"] .nf-notif-row.nf-notif-unread { background: #f5f3ff !important; border-color: #c4b5fd !important; }
[data-theme="light"] .nf-notif-row:hover { background: #f9f8ff !important; }
[data-theme="light"] .nf-notif-badge { background: #ede9fe !important; }
[data-theme="light"] .nf-notif-badge p { color: #1e1b4b !important; }
[data-theme="light"] .nf-notif-badge p:nth-child(2) { color: #6d28d9 !important; }
[data-theme="light"] .nf-notif-badge p:nth-child(3) { color: #9ca3af !important; }
[data-theme="light"] .nf-notif-row-h { color: #1e1b4b !important; }
[data-theme="light"] .nf-notif-row-msg { color: #6b7280 !important; }
[data-theme="light"] .nf-notif-row-time { color: #9ca3af !important; }
[data-theme="light"] .nf-notif-row-icon { color: #9ca3af !important; }

/* ── My Purchases rows ── */
[data-theme="light"] .nf-purch-col-h { border-color: #e8e3f8 !important; }
[data-theme="light"] .nf-purch-col-h p { color: #9ca3af !important; }
[data-theme="light"] .nf-purch-row { background: #fff !important; border-color: #e8e3f8 !important; }
[data-theme="light"] .nf-purch-link { color: #4f46e5 !important; }
[data-theme="light"] .nf-purch-date { color: #6b7280 !important; }
[data-theme="light"] .nf-purch-inv-btn { border-color: #d1d5db !important; color: #6b7280 !important; }

/* ── Content / Library cards ── */
[data-theme="light"] .nf-ct-card { background: #fff !important; box-shadow: 0 2px 8px rgba(109,40,217,0.08) !important; }
[data-theme="light"] .nf-ct-card:hover { box-shadow: 0 12px 40px rgba(109,40,217,0.16) !important; }
[data-theme="light"] .nf-ct-card-h { color: #1e1b4b !important; }
[data-theme="light"] .nf-ct-card-sub { color: #6b7280 !important; }

/* ── View Series episode rows ── */
[data-theme="light"] .nf-ep-row { background: #fff !important; border-color: #e8e3f8 !important; }
[data-theme="light"] .nf-ep-row:hover { background: #f5f3ff !important; box-shadow: 0 4px 20px rgba(109,40,217,0.10) !important; }
[data-theme="light"] .nf-ep-h { color: #1e1b4b !important; }
[data-theme="light"] .nf-ep-sub { color: #6b7280 !important; }
[data-theme="light"] .nf-ep-date { color: #9ca3af !important; }
[data-theme="light"] .nf-ep-cta { background: #1e1b4b !important; color: #fff !important; }
[data-theme="light"] .nf-ep-cta:hover { background: #312e81 !important; }
[data-theme="light"] .nf-ep-sub-btn { border-color: #c4b5fd !important; color: #6d28d9 !important; }

/* ── Reading cards ── */
[data-theme="light"] .nf-reading-card { background: #fff !important; border-color: #e8e3f8 !important; }
[data-theme="light"] .nf-reading-card-h { color: #1e1b4b !important; }
[data-theme="light"] .nf-reading-desc { color: #6b7280 !important; }
[data-theme="light"] .nf-reading-border { border-color: #e8e3f8 !important; }
[data-theme="light"] .nf-reading-label { color: #9ca3af !important; }
[data-theme="light"] .nf-reading-value { color: #4b5563 !important; }

/* ── Search results ── */
[data-theme="light"] .nf-search-result { background: #fff !important; border-color: #e8e3f8 !important; }
[data-theme="light"] .nf-search-result:hover { background: #f5f3ff !important; border-color: #c4b5fd !important; }
[data-theme="light"] .nf-search-result-title { color: #1e1b4b !important; }

/* ── Form / profile / checkout cards (shared) ── */
[data-theme="light"] .nf-form-card { background: #fff !important; border-color: #e8e3f8 !important; }
[data-theme="light"] .nf-form-card-border { border-color: #f0edf8 !important; }
[data-theme="light"] .nf-form-card-title { color: #1e1b4b !important; }
[data-theme="light"] .nf-form-label { color: #6b7280 !important; }
[data-theme="light"] .nf-form-value { color: #4b5563 !important; }
/* Sweep: any p / label / span inside a form card becomes readable on white */
[data-theme="light"] .nf-form-card p { color: #4b5563 !important; }
[data-theme="light"] .nf-form-card label { color: #6b7280 !important; }
/* Keep semantic accents (purple, green, red, amber) visible */
[data-theme="light"] .nf-form-card p[style*="#a78bfa"],[data-theme="light"] .nf-form-card span[style*="#a78bfa"] { color: #6d28d9 !important; }
[data-theme="light"] .nf-form-card p[style*="#22c55e"],[data-theme="light"] .nf-form-card span[style*="#22c55e"] { color: #16a34a !important; }
[data-theme="light"] .nf-form-card p[style*="#f87171"],[data-theme="light"] .nf-form-card span[style*="#f87171"] { color: #dc2626 !important; }
[data-theme="light"] .nf-form-card p[style*="#f59e0b"],[data-theme="light"] .nf-form-card span[style*="#f59e0b"] { color: #d97706 !important; }
[data-theme="light"] .nf-form-card p[style*="#fbbf24"],[data-theme="light"] .nf-form-card span[style*="#fbbf24"] { color: #b45309 !important; }
/* Form inputs inside cards */
[data-theme="light"] .nf-form-card input[type="text"],
[data-theme="light"] .nf-form-card input[type="password"],
[data-theme="light"] .nf-form-card input[type="email"],
[data-theme="light"] .nf-form-card select,
[data-theme="light"] .nf-form-card textarea { background: #f5f3ff !important; border-color: #d1d5db !important; color: #1e1b4b !important; }
/* Bare form inputs on light pages (edit-profile, change-password) */
[data-theme="light"] .nf-light-page input[type="text"],
[data-theme="light"] .nf-light-page input[type="password"],
[data-theme="light"] .nf-light-page input[type="email"],
[data-theme="light"] .nf-light-page input[type="number"],
[data-theme="light"] .nf-light-page select,
[data-theme="light"] .nf-light-page textarea { background: #f5f3ff !important; border-color: #d1d5db !important; color: #1e1b4b !important; }
[data-theme="light"] .nf-light-page form label { color: #6b7280 !important; }
/* Inner #1a1a1a nested panels inside form cards → soft lavender */
[data-theme="light"] .nf-form-card [style*="background:#1a1a1a"] { background: #f0edf8 !important; border-color: #e8e3f8 !important; }
/* Dark-mode grey/white span text inside form cards → readable slate */
[data-theme="light"] .nf-form-card span[style*="color:#ddd"],
[data-theme="light"] .nf-form-card span[style*="color:#ccc"],
[data-theme="light"] .nf-form-card span[style*="color:#888"],
[data-theme="light"] .nf-form-card span[style*="color:#666"],
[data-theme="light"] .nf-form-card span[style*="color:#555"],
[data-theme="light"] .nf-form-card span[style*="color:#444"],
[data-theme="light"] .nf-form-card span[style*="color:#333"],
[data-theme="light"] .nf-form-card span[style*="color:#e5e5e5"],
[data-theme="light"] .nf-form-card span[style*="color:#fff"] { color: #4b5563 !important; }

/* ── Hero titles on image backgrounds — stay white in light mode ── */
[data-theme="light"] .nf-hero-title { color: #fff !important; }

/* ── Episode / media player page (below-player content) ── */
[data-theme="light"] .nf-ep-below a[style*="background:#1a1a1a"] { background: #f5f3ff !important; border-color: #c4b5fd !important; color: #6d28d9 !important; }
[data-theme="light"] .nf-ep-below a[style*="background:#1a1a1a"]:hover { background: #ede9fe !important; border-color: #a78bfa !important; }
[data-theme="light"] .nf-ep-divider { border-bottom-color: #e8e3f8 !important; }
[data-theme="light"] .nf-ep-comment-row { border-bottom-color: #f0edf8 !important; }
[data-theme="light"] .nf-ep-comment-name { color: #1e1b4b !important; }

/* ── Event detail page ── */
[data-theme="light"] .nf-ev-det-card { background: #fff !important; border-color: #e8e3f8 !important; }
[data-theme="light"] .nf-ev-det-card-border { border-color: #f0edf8 !important; }
[data-theme="light"] .nf-ev-det-card-title { color: #1e1b4b !important; }
[data-theme="light"] .nf-ev-det-label { color: #9ca3af !important; }
[data-theme="light"] .nf-ev-det-value { color: #4b5563 !important; }
[data-theme="light"] .nf-ev-det-body { color: #6b7280 !important; }
[data-theme="light"] .nf-ev-det-lib-item { background: #f5f3ff !important; }
[data-theme="light"] .nf-ev-det-lib-item:hover { background: #ede9fe !important; }
[data-theme="light"] .nf-ev-det-lib-item span { color: #4b5563 !important; }

/* ── Register page — glass cards over image background ── */
[data-theme="light"] .nf-form-card.nf-promo-details { background: rgba(255,255,255,0.92) !important; border-color: #e8e3f8 !important; }
[data-theme="light"] .nf-promo-summary { color: #1e1b4b !important; }
[data-theme="light"] .nf-promo-summary i { color: #6d28d9 !important; }