/* ==========================================================================
   FILMJO & LISTANIME UNIVERSAL HIGH-CONTRAST LIGHT MODE ENGINE
   Guarantees 100% Text Legibility, Pristine Surface Contrast & Zero Color Blending
   Applies instantly when <html data-theme="light">
   ========================================================================== */

html[data-theme="light"] {
    --bg-body: #f8fafc !important;
    --bg-surface: #ffffff !important;
    --bg-card: #ffffff !important;
    --bg-card-hover: #f1f5f9 !important;
    --bg-glass: rgba(255, 255, 255, 0.94) !important;
    --bg-glass-heavy: rgba(255, 255, 255, 0.98) !important;
    
    --border-subtle: #e2e8f0 !important;
    --border-glass: #cbd5e1 !important;
    --border-pink: rgba(255, 42, 109, 0.6) !important;
    --border-purple: rgba(139, 92, 246, 0.6) !important;
    
    --text-main: #0f172a !important;
    --text-sub: #334155 !important;
    --text-muted: #64748b !important;
    
    --shadow-card: 0 10px 25px -5px rgba(0, 0, 0, 0.06), 0 8px 10px -6px rgba(0, 0, 0, 0.04) !important;
}

/* ==========================================================================
   1. GLOBAL FOUNDATION & BODY
   ========================================================================== */
html[data-theme="light"] body {
    background-color: #f8fafc !important;
    color: #0f172a !important;
}

/* All headings and bold text forced to dark charcoal */
html[data-theme="light"] h1,
html[data-theme="light"] h2,
html[data-theme="light"] h3,
html[data-theme="light"] h4,
html[data-theme="light"] h5,
html[data-theme="light"] h6,
html[data-theme="light"] strong,
html[data-theme="light"] b,
html[data-theme="light"] .title,
html[data-theme="light"] .heading {
    color: #0f172a !important;
}

/* All paragraphs and descriptions */
html[data-theme="light"] p,
html[data-theme="light"] .desc,
html[data-theme="light"] .description,
html[data-theme="light"] .synopsis {
    color: #334155 !important;
}

/* ==========================================================================
   2. NAVBAR & HEADER
   ========================================================================== */
html[data-theme="light"] .navbar,
html[data-theme="light"] .site-header,
html[data-theme="light"] header {
    background: rgba(255, 255, 255, 0.96) !important;
    border-bottom: 1px solid #e2e8f0 !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.04) !important;
}

html[data-theme="light"] .brand-text,
html[data-theme="light"] .navbar-brand {
    color: #0f172a !important;
}

html[data-theme="light"] .nav-link,
html[data-theme="light"] .nav-item {
    color: #334155 !important;
}

html[data-theme="light"] .nav-link:hover,
html[data-theme="light"] .nav-item:hover {
    color: #ff2a6d !important;
}

html[data-theme="light"] .header-search-input {
    background: #f1f5f9 !important;
    border-color: #cbd5e1 !important;
    color: #0f172a !important;
}

html[data-theme="light"] .header-search-input::placeholder {
    color: #94a3b8 !important;
}

html[data-theme="light"] .header-search-icon {
    color: #64748b !important;
}

html[data-theme="light"] .header-search-dropdown {
    background: #ffffff !important;
    border-color: #e2e8f0 !important;
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.12) !important;
}

html[data-theme="light"] .search-item-row:hover {
    background: #f8fafc !important;
}

html[data-theme="light"] .search-item-title {
    color: #0f172a !important;
}

html[data-theme="light"] .search-item-meta {
    color: #64748b !important;
}

html[data-theme="light"] .mobile-drawer,
html[data-theme="light"] .mobile-menu-drawer {
    background: #ffffff !important;
    border-left: 1px solid #e2e8f0 !important;
    color: #0f172a !important;
}

html[data-theme="light"] .mobile-drawer-link {
    color: #1e293b !important;
}

/* ==========================================================================
   3. HOMEPAGE COMPONENTS (home-modern.css overrides)
   ========================================================================== */
html[data-theme="light"] .shelf-main-heading,
html[data-theme="light"] .home-section-title,
html[data-theme="light"] .stories-header-title,
html[data-theme="light"] .pjadval-header-title,
html[data-theme="light"] .portal-card-title,
html[data-theme="light"] .vip-promo-title {
    color: #0f172a !important;
}

html[data-theme="light"] .shelf-sub-heading,
html[data-theme="light"] .portal-card-desc,
html[data-theme="light"] .vip-promo-desc,
html[data-theme="light"] .archive-stat-label {
    color: #475569 !important;
}

html[data-theme="light"] .shelf-icon-badge {
    background: #f1f5f9 !important;
    border-color: #e2e8f0 !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05) !important;
}

html[data-theme="light"] .stories-container-section,
html[data-theme="light"] .parent-portals-section,
html[data-theme="light"] .adv-search-section,
html[data-theme="light"] .pjadval-sec,
html[data-theme="light"] .unified-archive-analytics-section {
    color: #0f172a !important;
}

html[data-theme="light"] .story-bubble-label {
    color: #1e293b !important;
}

html[data-theme="light"] .story-ring-wrapper .story-avatar-inner {
    background: #ffffff !important;
    border-color: #cbd5e1 !important;
}

html[data-theme="light"] .parent-portal-card,
html[data-theme="light"] .adv-search-card,
html[data-theme="light"] .pjadval-container,
html[data-theme="light"] .archive-stat-card,
html[data-theme="light"] .cinema-card,
html[data-theme="light"] .hero-banner-inner {
    background: #ffffff !important;
    border-color: #e2e8f0 !important;
    box-shadow: 0 4px 18px rgba(0, 0, 0, 0.05) !important;
}

html[data-theme="light"] .parent-portal-card:hover {
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1) !important;
    border-color: #cbd5e1 !important;
}

html[data-theme="light"] .archive-stat-num {
    color: #0f172a !important;
}

html[data-theme="light"] .adv-label {
    color: #334155 !important;
}

html[data-theme="light"] .adv-main-input,
html[data-theme="light"] .adv-select {
    background-color: #f1f5f9 !important;
    border-color: #cbd5e1 !important;
    color: #0f172a !important;
}

html[data-theme="light"] .adv-select option {
    background: #ffffff !important;
    color: #0f172a !important;
}

/* Cards (Grid Items) */
html[data-theme="light"] .digi-media-card,
html[data-theme="light"] .media-card {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.05) !important;
}

html[data-theme="light"] .digi-media-card:hover,
html[data-theme="light"] .media-card:hover {
    border-color: #cbd5e1 !important;
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.1) !important;
}

html[data-theme="light"] .card-body-content {
    background: #ffffff !important;
}

html[data-theme="light"] .card-title-fa {
    color: #0f172a !important;
    font-weight: 800 !important;
}

html[data-theme="light"] .card-title-en {
    color: #64748b !important;
}

html[data-theme="light"] .card-footer-info {
    border-top: 1px solid #f1f5f9 !important;
    color: #64748b !important;
}

html[data-theme="light"] .meta-year,
html[data-theme="light"] .meta-views {
    color: #64748b !important;
}

/* ==========================================================================
   4. MEDIA DETAIL PAGE (/media/{slug})
   ========================================================================== */
html[data-theme="light"] .media-page-wrapper {
    color: #0f172a !important;
}

html[data-theme="light"] .ag-hero-card {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.06) !important;
}

html[data-theme="light"] .ag-hero-glow,
html[data-theme="light"] .ag-hero-glow-alt {
    opacity: 0.25 !important;
}

html[data-theme="light"] .ag-breadcrumb-nav ol {
    color: #64748b !important;
}

html[data-theme="light"] .ag-breadcrumb-nav a {
    color: #475569 !important;
}

html[data-theme="light"] .ag-main-fa-title,
html[data-theme="light"] .ag-section-title,
html[data-theme="light"] .ag-box-header h2,
html[data-theme="light"] .ag-box-header h3 {
    color: #0f172a !important;
}

html[data-theme="light"] .ag-en-sub-title,
html[data-theme="light"] .ag-native-title {
    color: #64748b !important;
}

html[data-theme="light"] .ag-score-capsule {
    background: #f8fafc !important;
    border-color: #e2e8f0 !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.04) !important;
}

html[data-theme="light"] .ag-score-number {
    color: #0f172a !important;
}

html[data-theme="light"] .ag-score-label {
    color: #64748b !important;
}

html[data-theme="light"] .ag-synopsis-box {
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
}

html[data-theme="light"] .ag-synopsis-text,
html[data-theme="light"] .synopsis-text {
    color: #334155 !important;
}

html[data-theme="light"] .ag-bento-card,
html[data-theme="light"] .ag-bento-tile,
html[data-theme="light"] .ag-content-box,
html[data-theme="light"] .ep-container-box,
html[data-theme="light"] .franchise-timeline-card {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.04) !important;
}

html[data-theme="light"] .ag-bento-label {
    color: #64748b !important;
}

html[data-theme="light"] .ag-bento-value {
    color: #0f172a !important;
}

html[data-theme="light"] .ag-genre-tag {
    background: #f1f5f9 !important;
    color: #334155 !important;
    border: 1px solid #e2e8f0 !important;
}

html[data-theme="light"] .ag-genre-tag:hover {
    background: rgba(255, 42, 109, 0.1) !important;
    color: #ff2a6d !important;
    border-color: #ff2a6d !important;
}

/* Episodes & Quality Rows */
html[data-theme="light"] .ag-ep-card,
html[data-theme="light"] .ep-card-item,
html[data-theme="light"] .dl-quality-item {
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
    color: #0f172a !important;
}

html[data-theme="light"] .ag-ep-card:hover,
html[data-theme="light"] .ep-card-item:hover,
html[data-theme="light"] .dl-quality-item:hover {
    background: #ffffff !important;
    border-color: #cbd5e1 !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.06) !important;
}

html[data-theme="light"] .ag-ep-title-text,
html[data-theme="light"] .dl-quality-title {
    color: #0f172a !important;
}

html[data-theme="light"] .ag-ep-chunk-header-bar {
    background: #f1f5f9 !important;
    border-color: #e2e8f0 !important;
    color: #0f172a !important;
}

html[data-theme="light"] .quality-pill-btn,
html[data-theme="light"] .ag-tab-btn {
    background: #f1f5f9 !important;
    color: #334155 !important;
    border-color: #cbd5e1 !important;
}

html[data-theme="light"] .quality-pill-btn.active,
html[data-theme="light"] .ag-tab-btn.active {
    background: linear-gradient(135deg, #ff2a6d, #e11d48) !important;
    color: #ffffff !important;
    border-color: #ff2a6d !important;
}

/* Comments Section */
html[data-theme="light"] .ag-comments-section,
html[data-theme="light"] .comments-wrapper {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
}

html[data-theme="light"] .ag-comment-card,
html[data-theme="light"] .comment-card {
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
}

html[data-theme="light"] .ag-comment-author,
html[data-theme="light"] .comment-author-name {
    color: #0f172a !important;
}

html[data-theme="light"] .ag-comment-body,
html[data-theme="light"] .comment-content-text {
    color: #334155 !important;
}

html[data-theme="light"] .ag-comment-date {
    color: #64748b !important;
}

html[data-theme="light"] .comment-textarea,
html[data-theme="light"] .ag-comment-input {
    background: #ffffff !important;
    border: 1px solid #cbd5e1 !important;
    color: #0f172a !important;
}

/* ==========================================================================
   5. CHATROOM & PROFILES (/chat & /u/{username})
   ========================================================================== */
html[data-theme="light"] .global-chat-card,
html[data-theme="light"] .ig-profile-card,
html[data-theme="light"] .ig-modal-dialog,
html[data-theme="light"] .review-card-item {
    background: #ffffff !important;
    border-color: #e2e8f0 !important;
    box-shadow: 0 6px 25px rgba(0, 0, 0, 0.06) !important;
}

html[data-theme="light"] .chat-header,
html[data-theme="light"] .chat-footer {
    background: #ffffff !important;
    border-color: #e2e8f0 !important;
}

html[data-theme="light"] .chat-messages-container {
    background: #f8fafc !important;
}

html[data-theme="light"] .chat-bubble {
    background: #ffffff !important;
    color: #0f172a !important;
    border: 1px solid #e2e8f0 !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04) !important;
}

html[data-theme="light"] .chat-msg-row.mine .chat-bubble {
    background: linear-gradient(135deg, rgba(255, 42, 109, 0.08), rgba(139, 92, 246, 0.08)) !important;
    border-color: rgba(255, 42, 109, 0.3) !important;
    color: #0f172a !important;
}

html[data-theme="light"] .chat-msg-author {
    color: #0f172a !important;
}

html[data-theme="light"] .chat-msg-username {
    color: #64748b !important;
}

html[data-theme="light"] .chat-input-wrapper {
    background: #f1f5f9 !important;
    border: 1px solid #cbd5e1 !important;
}

html[data-theme="light"] .chat-input-textarea {
    color: #0f172a !important;
}

html[data-theme="light"] .chat-input-textarea::placeholder {
    color: #94a3b8 !important;
}

html[data-theme="light"] .chat-reply-preview-box {
    background: #f1f5f9 !important;
    border-right-color: #06b6d4 !important;
    color: #334155 !important;
}

html[data-theme="light"] .chat-reaction-pill {
    background: #f1f5f9 !important;
    border-color: #cbd5e1 !important;
    color: #334155 !important;
}

html[data-theme="light"] .ig-profile-name,
html[data-theme="light"] .ig-stat-num {
    color: #0f172a !important;
}

html[data-theme="light"] .ig-profile-bio,
html[data-theme="light"] .review-card-content {
    color: #334155 !important;
}

html[data-theme="light"] .ig-stat-label,
html[data-theme="light"] .ig-profile-joined,
html[data-theme="light"] .review-card-meta {
    color: #64748b !important;
}

html[data-theme="light"] .btn-ig-secondary {
    background: #f1f5f9 !important;
    border-color: #cbd5e1 !important;
    color: #1e293b !important;
}

html[data-theme="light"] .btn-ig-secondary:hover {
    background: #e2e8f0 !important;
    color: #0f172a !important;
}

/* ==========================================================================
   6. CATEGORY, SEARCH & ARCHIVE PAGES
   ========================================================================== */
html[data-theme="light"] .category-page-header,
html[data-theme="light"] .filter-container-box,
html[data-theme="light"] .search-header-box {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    box-shadow: 0 4px 18px rgba(0, 0, 0, 0.04) !important;
}

html[data-theme="light"] .filter-chip-btn,
html[data-theme="light"] .category-pill-btn {
    background: #f1f5f9 !important;
    color: #334155 !important;
    border: 1px solid #cbd5e1 !important;
}

html[data-theme="light"] .filter-chip-btn.active,
html[data-theme="light"] .category-pill-btn.active {
    background: #ff2a6d !important;
    color: #ffffff !important;
    border-color: #ff2a6d !important;
}

/* ==========================================================================
   7. REVAYATO BOTTOM DOCK (Mobile Bottom Nav)
   ========================================================================== */
html[data-theme="light"] .revayato-bottom-bar {
    background: rgba(255, 255, 255, 0.94) !important;
    border-top: 1px solid #e2e8f0 !important;
    box-shadow: 0 -8px 30px rgba(0, 0, 0, 0.08) !important;
}

html[data-theme="light"] .revayato-tab {
    color: #64748b !important;
}

html[data-theme="light"] .revayato-tab:hover,
html[data-theme="light"] .revayato-tab.active {
    color: #ff2a6d !important;
}

html[data-theme="light"] .revayato-tab-icon i {
    color: inherit !important;
}

/* ==========================================================================
   8. FOOTER
   ========================================================================== */
html[data-theme="light"] footer,
html[data-theme="light"] .site-footer,
html[data-theme="light"] .footer-container {
    background: #ffffff !important;
    border-top: 1px solid #e2e8f0 !important;
    color: #334155 !important;
}

html[data-theme="light"] .footer-col-title,
html[data-theme="light"] .footer-brand-title {
    color: #0f172a !important;
}

html[data-theme="light"] .footer-link,
html[data-theme="light"] .footer-desc,
html[data-theme="light"] .footer-copyright {
    color: #475569 !important;
}

html[data-theme="light"] .footer-link:hover {
    color: #ff2a6d !important;
}

html[data-theme="light"] .footer-social-btn {
    background: #f1f5f9 !important;
    border-color: #cbd5e1 !important;
    color: #1e293b !important;
}

html[data-theme="light"] .footer-social-btn:hover {
    background: rgba(255, 42, 109, 0.1) !important;
    color: #ff2a6d !important;
    border-color: #ff2a6d !important;
}

/* ==========================================================================
   9. FORMS, INPUTS & MODALS
   ========================================================================== */
html[data-theme="light"] input[type="text"],
html[data-theme="light"] input[type="password"],
html[data-theme="light"] input[type="email"],
html[data-theme="light"] input[type="number"],
html[data-theme="light"] textarea,
html[data-theme="light"] select {
    background-color: #f8fafc !important;
    color: #0f172a !important;
    border: 1px solid #cbd5e1 !important;
}

html[data-theme="light"] input:focus,
html[data-theme="light"] textarea:focus,
html[data-theme="light"] select:focus {
    border-color: #ff2a6d !important;
    background-color: #ffffff !important;
    box-shadow: 0 0 0 3px rgba(255, 42, 109, 0.15) !important;
}

html[data-theme="light"] .modal-content,
html[data-theme="light"] .ag-modal-dialog,
html[data-theme="light"] .profile-card {
    background: #ffffff !important;
    border-color: #e2e8f0 !important;
    color: #0f172a !important;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.1) !important;
}

/* ==========================================================================
   10. WATCH PARTY & CINEMA ROOM (room.blade.php .wp-* components)
   ========================================================================== */
html[data-theme="light"] body:has(.watch-party-viewport),
html[data-theme="light"] .watch-party-viewport {
    background-color: #f8fafc !important;
    color: #0f172a !important;
}

html[data-theme="light"] .wp-room-header {
    background: #ffffff !important;
    border-color: #e2e8f0 !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05) !important;
}

html[data-theme="light"] .wp-room-title {
    color: #0f172a !important;
}

html[data-theme="light"] .wp-sidebar-box {
    background: #ffffff !important;
    border-color: #e2e8f0 !important;
    color: #0f172a !important;
    box-shadow: 0 4px 25px rgba(0, 0, 0, 0.05) !important;
}

html[data-theme="light"] .wp-tabs-header {
    background: #f1f5f9 !important;
    border-color: #e2e8f0 !important;
}

html[data-theme="light"] .wp-tab-btn {
    color: #64748b !important;
}

html[data-theme="light"] .wp-tab-btn.active {
    background: #ffffff !important;
    color: #0f172a !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08) !important;
}

html[data-theme="light"] .wp-dual-volume-card {
    background: #f8fafc !important;
    border-color: #e2e8f0 !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.03) !important;
}

html[data-theme="light"] .wp-vol-label {
    color: #0f172a !important;
}

html[data-theme="light"] .wp-vol-slider {
    background: #e2e8f0 !important;
}

html[data-theme="light"] .wp-voice-member-card {
    background: #f8fafc !important;
    border-color: #e2e8f0 !important;
    color: #0f172a !important;
}

html[data-theme="light"] .wp-voice-member-card:hover {
    background: #f1f5f9 !important;
    border-color: #cbd5e1 !important;
}

html[data-theme="light"] .wp-member-name,
html[data-theme="light"] .wp-voice-member-card span {
    color: #0f172a !important;
}

html[data-theme="light"] .wp-badge-me {
    color: #2563eb !important;
    font-weight: 800;
}

html[data-theme="light"] .wp-chat-messages {
    background: #ffffff !important;
}

html[data-theme="light"] .wp-msg-bubble {
    background: #f1f5f9 !important;
    border-color: #e2e8f0 !important;
    color: #0f172a !important;
}

html[data-theme="light"] .wp-msg-author {
    color: #ff2a6d !important;
}

html[data-theme="light"] .wp-msg-system {
    background: #fef3c7 !important;
    border-color: #fde68a !important;
    color: #92400e !important;
}

html[data-theme="light"] .wp-chat-input-bar {
    background: #f8fafc !important;
    border-color: #e2e8f0 !important;
}

html[data-theme="light"] .wp-chat-input {
    background: #ffffff !important;
    color: #0f172a !important;
    border-color: #cbd5e1 !important;
}

html[data-theme="light"] .wp-chat-input:focus {
    border-color: #ff2a6d !important;
}

html[data-theme="light"] .wp-reactions-bar {
    background: #f8fafc !important;
    border-color: #e2e8f0 !important;
}

html[data-theme="light"] .wp-reaction-btn {
    background: #ffffff !important;
    border-color: #e2e8f0 !important;
}

html[data-theme="light"] .wp-reaction-btn:hover {
    background: #f1f5f9 !important;
}

html[data-theme="light"] .wp-btn-glass {
    background: #f1f5f9 !important;
    color: #334155 !important;
    border-color: #cbd5e1 !important;
}

html[data-theme="light"] .wp-btn-glass:hover {
    background: #e2e8f0 !important;
    color: #0f172a !important;
}

html[data-theme="light"] .wp-modal-box {
    background: #ffffff !important;
    border-color: #e2e8f0 !important;
    color: #0f172a !important;
    box-shadow: 0 25px 60px rgba(0, 0, 0, 0.15) !important;
}

html[data-theme="light"] .wp-voice-controls-bar {
    background: #f8fafc !important;
    border-color: #e2e8f0 !important;
}

/* ==========================================================================
   11. ROLES, TIERS & LEVEL BADGES (LIGHT MODE)
   ========================================================================== */
html[data-theme="light"] .chat-bubble.bubble-owner {
    background: linear-gradient(145deg, #fffbeb, #fff1f2) !important;
    border: 1.5px solid #f59e0b !important;
    color: #0f172a !important;
    box-shadow: 0 4px 20px rgba(245, 158, 11, 0.15) !important;
}

html[data-theme="light"] .chat-bubble.bubble-admin {
    background: linear-gradient(145deg, #f0f9ff, #eef2ff) !important;
    border: 1.5px solid #0ea5e9 !important;
    color: #0f172a !important;
    box-shadow: 0 4px 18px rgba(14, 165, 233, 0.12) !important;
}

html[data-theme="light"] .chat-bubble.bubble-moderator {
    background: linear-gradient(145deg, #faf5ff, #fdf2f8) !important;
    border: 1.5px solid #a855f7 !important;
    color: #0f172a !important;
    box-shadow: 0 4px 18px rgba(168, 85, 247, 0.12) !important;
}

html[data-theme="light"] .chat-bubble.bubble-vip {
    background: linear-gradient(145deg, #fffdf5, #fffbeb) !important;
    border: 1.5px solid #f59e0b !important;
    color: #0f172a !important;
    box-shadow: 0 4px 16px rgba(245, 158, 11, 0.12) !important;
}

html[data-theme="light"] .user-tier-card {
    background: #f8fafc !important;
    border-color: #e2e8f0 !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.04) !important;
}

html[data-theme="light"] .user-level-chip {
    background: #f1f5f9 !important;
    border-color: #cbd5e1 !important;
    color: #334155 !important;
}

/* ==========================================================================
   12. ULTRA-COMPREHENSIVE LIGHT THEME OVERRIDES (CRITICAL FIXES)
   ========================================================================== */

/* Universal Background & Text Enforcement */
html[data-theme="light"],
[data-theme="light"] {
    --bg-body: #f8fafc !important;
    --bg-card: #ffffff !important;
    --bg-card-hover: #f1f5f9 !important;
    --text-primary: #0f172a !important;
    --text-secondary: #334155 !important;
    --text-muted: #64748b !important;
    --border-glass: rgba(0, 0, 0, 0.08) !important;
    --border-subtle: #e2e8f0 !important;
}

[data-theme="light"] body {
    background: #f8fafc !important;
    color: #0f172a !important;
}

/* 1. Category Actors Shelf & Top Voice Actors (صداپیشگان برتر) */
[data-theme="light"] .category-actors-shelf {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.06) !important;
}

[data-theme="light"] .category-actors-shelf h2 {
    color: #0f172a !important;
}

[data-theme="light"] .category-actors-shelf p {
    color: #64748b !important;
}

[data-theme="light"] .category-actors-shelf .actor-card-mini,
[data-theme="light"] .category-actors-shelf [style*="background: rgba(255, 255, 255, 0.03)"],
[data-theme="light"] .category-actors-shelf [style*="background:rgba(255, 255, 255, 0.03)"],
[data-theme="light"] .category-actors-shelf [style*="background: rgba(255,255,255,0.03)"] {
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
}

[data-theme="light"] .category-actors-shelf h4,
[data-theme="light"] .category-actors-shelf .actor-name {
    color: #0f172a !important;
}

[data-theme="light"] .category-actors-shelf span {
    color: #475569 !important;
}

/* 2. Subcategory Pills & Broadcast Tabs (نمای کلی و جدول پخش / انیمه سینمایی) */
[data-theme="light"] .sub-tab-pill {
    background: #ffffff !important;
    border: 1px solid #cbd5e1 !important;
    color: #334155 !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04) !important;
}

[data-theme="light"] .sub-tab-pill:hover {
    background: #f1f5f9 !important;
    color: #0f172a !important;
    border-color: #94a3b8 !important;
}

[data-theme="light"] .sub-tab-pill.active {
    background: linear-gradient(135deg, #ff2a6d, #8b5cf6) !important;
    color: #ffffff !important;
    border-color: transparent !important;
    box-shadow: 0 4px 16px rgba(255, 42, 109, 0.3) !important;
}

[data-theme="light"] .sub-tab-count {
    background: rgba(0, 0, 0, 0.08) !important;
    color: inherit !important;
}

/* 3. Media Detail Synopsis & Story Card (خلاصه داستان و معرفی اثر) */
[data-theme="light"] .ag-synopsis-card {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05) !important;
}

[data-theme="light"] .ag-synopsis-card::before {
    background: radial-gradient(circle at 100% 0%, rgba(255, 42, 109, 0.06), transparent 70%) !important;
}

[data-theme="light"] .ag-synopsis-card h3,
[data-theme="light"] .ag-synopsis-card h3[style*="color:#fff"] {
    color: #0f172a !important;
}

[data-theme="light"] .ag-synopsis-content,
[data-theme="light"] .synopsis-text,
[data-theme="light"] .ag-synopsis-card p {
    color: #334155 !important;
    line-height: 1.85 !important;
}

[data-theme="light"] .ag-synopsis-stat-badge,
[data-theme="light"] .ag-synopsis-card [style*="background:rgba(255,255,255,0.06)"],
[data-theme="light"] .ag-synopsis-card [style*="background: rgba(255, 255, 255, 0.06)"] {
    background: #f1f5f9 !important;
    border: 1px solid #e2e8f0 !important;
    color: #475569 !important;
}

/* 4. Main Nav Tabs in Media Detail (دانلود و پخش / نقد و نظرات / عوامل اثر) */
[data-theme="light"] .ag-main-nav-tabs {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.04) !important;
}

[data-theme="light"] .ag-nav-tab-btn {
    background: transparent !important;
    color: #64748b !important;
}

[data-theme="light"] .ag-nav-tab-btn:hover {
    color: #0f172a !important;
    background: #f8fafc !important;
}

[data-theme="light"] .ag-nav-tab-btn.active {
    background: linear-gradient(135deg, #ff2a6d, #8b5cf6) !important;
    color: #ffffff !important;
    box-shadow: 0 4px 15px rgba(255, 42, 109, 0.25) !important;
}

/* 5. Download Box & Header (باکس دانلود انیمه و سریال) */
[data-theme="light"] .dl-box {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05) !important;
}

[data-theme="light"] .dl-box::before {
    background: radial-gradient(circle at 100% 0%, rgba(56, 189, 248, 0.08), transparent 70%) !important;
}

[data-theme="light"] .dl-header h2 {
    color: #0f172a !important;
}

[data-theme="light"] .dl-header p {
    color: #64748b !important;
}

[data-theme="light"] .dl-header-icon {
    background: linear-gradient(135deg, #38bdf8, #818cf8) !important;
    color: #ffffff !important;
}

[data-theme="light"] .dl-filter-row {
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
}

[data-theme="light"] .dl-filter-tab {
    background: #ffffff !important;
    border: 1px solid #cbd5e1 !important;
    color: #475569 !important;
}

[data-theme="light"] .dl-filter-tab.active {
    background: linear-gradient(135deg, #38bdf8, #2563eb) !important;
    color: #ffffff !important;
    border-color: transparent !important;
}

[data-theme="light"] .dl-search-input-wrap input {
    background: #ffffff !important;
    border: 1px solid #cbd5e1 !important;
    color: #0f172a !important;
}

/* 6. Modern Episode Rows (ردیف قسمت‌ها و کلیدهای پخش / دانلود / تلگرام / سینما) */
[data-theme="light"] .ag-modern-ep-row {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.03) !important;
}

[data-theme="light"] .ag-modern-ep-row:hover {
    background: #f8fafc !important;
    border-color: #cbd5e1 !important;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.06) !important;
}

[data-theme="light"] .ag-ep-title-text,
[data-theme="light"] .ag-ep-info-left {
    color: #0f172a !important;
    font-weight: 800 !important;
}

[data-theme="light"] .btn-ep-act {
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04) !important;
}

[data-theme="light"] .btn-ep-stream {
    background: rgba(16, 185, 129, 0.12) !important;
    border: 1px solid rgba(16, 185, 129, 0.3) !important;
    color: #059669 !important;
}

[data-theme="light"] .btn-ep-stream:hover {
    background: #10b981 !important;
    color: #ffffff !important;
}

[data-theme="light"] .btn-ep-dl {
    background: rgba(56, 189, 248, 0.12) !important;
    border: 1px solid rgba(56, 189, 248, 0.3) !important;
    color: #0284c7 !important;
}

[data-theme="light"] .btn-ep-dl:hover {
    background: #0284c7 !important;
    color: #ffffff !important;
}

[data-theme="light"] .btn-ep-tg {
    background: rgba(34, 197, 94, 0.12) !important;
    border: 1px solid rgba(34, 197, 94, 0.3) !important;
    color: #16a34a !important;
}

[data-theme="light"] .btn-ep-tg:hover {
    background: #16a34a !important;
    color: #ffffff !important;
}

[data-theme="light"] .btn-ep-party {
    background: rgba(245, 158, 11, 0.12) !important;
    border: 1px solid rgba(245, 158, 11, 0.3) !important;
    color: #d97706 !important;
}

[data-theme="light"] .btn-ep-party:hover {
    background: #d97706 !important;
    color: #ffffff !important;
}

/* 7. Catalog Media Card Titles & Tags (عناوین فیلم‌ها و انیمه‌ها در کاتالوگ) */
[data-theme="light"] .digi-media-card,
[data-theme="light"] .media-poster-card {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.05) !important;
}

[data-theme="light"] .card-title-fa,
[data-theme="light"] .media-card-title,
[data-theme="light"] .subcat-card-title {
    color: #0f172a !important;
    font-weight: 800 !important;
}

[data-theme="light"] .card-title-en {
    color: #64748b !important;
}

[data-theme="light"] .card-meta-row,
[data-theme="light"] .card-genre-text {
    color: #64748b !important;
}

/* 8. Live Chat Floating Badge & Bottom Bar Fix */
[data-theme="light"] .live-chat-floating-badge {
    background: linear-gradient(135deg, #10b981, #059669) !important;
    color: #ffffff !important;
    box-shadow: 0 6px 20px rgba(16, 185, 129, 0.35) !important;
    border: 1px solid rgba(255, 255, 255, 0.4) !important;
}

/* ==========================================================================
   13. TOTAL LIGHT MODE RESTORATION & REDESIGN (HOMEPAGE & SEARCH & CARDS)
   ========================================================================== */

/* 1. Adv Search Card & Section Redesign */
[data-theme="light"] .adv-search-section {
    background: transparent !important;
}

[data-theme="light"] .adv-search-card {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.05), 0 8px 10px -6px rgba(0, 0, 0, 0.02) !important;
    border-radius: 20px !important;
}

[data-theme="light"] .adv-search-card::before {
    display: none !important;
}

[data-theme="light"] .adv-search-input-wrapper {
    background: #f8fafc !important;
    border: 1.5px solid #cbd5e1 !important;
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.02) !important;
    border-radius: 14px !important;
}

[data-theme="light"] .adv-search-input-wrapper:focus-within {
    background: #ffffff !important;
    border-color: #ec4899 !important;
    box-shadow: 0 0 0 3px rgba(236, 72, 153, 0.15) !important;
}

[data-theme="light"] .adv-search-input-icon {
    color: #ec4899 !important;
}

[data-theme="light"] .adv-main-input {
    color: #0f172a !important;
    font-weight: 600 !important;
}

[data-theme="light"] .adv-main-input::placeholder {
    color: #64748b !important;
    font-weight: 500 !important;
    opacity: 1 !important;
}

/* فیلتر پیشرفته دکمه */
[data-theme="light"] .adv-toggle-filter-btn {
    background: #f1f5f9 !important;
    color: #1e293b !important;
    border: 1px solid #cbd5e1 !important;
    font-weight: 700 !important;
    border-radius: 12px !important;
}

[data-theme="light"] .adv-toggle-filter-btn:hover,
[data-theme="light"] .adv-toggle-filter-btn.active {
    background: #e2e8f0 !important;
    color: #0f172a !important;
    border-color: #94a3b8 !important;
}

[data-theme="light"] .adv-toggle-filter-btn i {
    color: #ec4899 !important;
}

[data-theme="light"] .adv-toggle-icon {
    color: #475569 !important;
}

/* دراور و فیلدهای فیلتر پیشرفته */
[data-theme="light"] .adv-filter-drawer,
[data-theme="light"] .adv-filter-drawer-card {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    box-shadow: 0 12px 30px rgba(0,0,0,0.06) !important;
}

[data-theme="light"] .adv-label {
    color: #1e293b !important;
    font-weight: 700 !important;
}

[data-theme="light"] .adv-select {
    background: #f8fafc !important;
    color: #0f172a !important;
    border: 1px solid #cbd5e1 !important;
    font-weight: 600 !important;
    border-radius: 10px !important;
}

[data-theme="light"] .adv-select option {
    background: #ffffff !important;
    color: #0f172a !important;
}

[data-theme="light"] .adv-genre-chip {
    background: #f1f5f9 !important;
    border: 1px solid #cbd5e1 !important;
}

[data-theme="light"] .adv-genre-chip-label {
    color: #334155 !important;
    font-weight: 600 !important;
}

[data-theme="light"] .adv-genre-chip input:checked + .adv-genre-chip-label {
    background: #ec4899 !important;
    color: #ffffff !important;
}

/* 2. Parent Portals (کارت‌های دسته‌بندی با تعداد عنوان: +915 عنوان و...) */
[data-theme="light"] .parent-portals-section {
    background: transparent !important;
}

[data-theme="light"] .parent-portal-card {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.04) !important;
    border-radius: 18px !important;
}

[data-theme="light"] .parent-portal-card::before,
[data-theme="light"] .parent-portal-card::after {
    display: none !important;
}

[data-theme="light"] .parent-portal-title {
    color: #0f172a !important;
    font-weight: 800 !important;
}

[data-theme="light"] .parent-portal-desc {
    color: #475569 !important;
    font-weight: 500 !important;
}

[data-theme="light"] .parent-portal-stats {
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
    color: #0284c7 !important;
    font-weight: 700 !important;
    border-radius: 10px !important;
}

[data-theme="light"] .parent-portal-stats span,
[data-theme="light"] .parent-portal-stats i {
    color: #0284c7 !important;
}

[data-theme="light"] .parent-portal-badge {
    background: rgba(236, 72, 153, 0.12) !important;
    color: #db2777 !important;
    border: 1px solid rgba(236, 72, 153, 0.25) !important;
    font-weight: 700 !important;
}

[data-theme="light"] .parent-portal-btn-link {
    background: #f1f5f9 !important;
    color: #1e293b !important;
    border: 1px solid #cbd5e1 !important;
    font-weight: 700 !important;
}

[data-theme="light"] .parent-portal-btn-link:hover {
    background: #ec4899 !important;
    color: #ffffff !important;
    border-color: #ec4899 !important;
}

/* 3. Top Navbar Mobile & Global Elements */
[data-theme="light"] .navbar {
    background: rgba(255, 255, 255, 0.94) !important;
    backdrop-filter: blur(16px) !important;
    border-bottom: 1px solid #e2e8f0 !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.03) !important;
}

[data-theme="light"] .mobile-offcanvas-drawer {
    background: #ffffff !important;
    color: #0f172a !important;
}

[data-theme="light"] .mobile-drawer-header {
    background: #f8fafc !important;
    border-bottom: 1px solid #e2e8f0 !important;
}

[data-theme="light"] .mobile-drawer-close-btn {
    background: #e2e8f0 !important;
    color: #1e293b !important;
    border: 1px solid #cbd5e1 !important;
}

[data-theme="light"] .mobile-drawer-link {
    color: #1e293b !important;
    font-weight: 600 !important;
    border-bottom: 1px solid #f1f5f9 !important;
}

[data-theme="light"] .mobile-drawer-link:hover {
    background: #f1f5f9 !important;
    color: #ec4899 !important;
}

/* 4. Stories Container */
[data-theme="light"] .stories-container-section {
    background: transparent !important;
}

[data-theme="light"] .story-item-name {
    color: #1e293b !important;
    font-weight: 700 !important;
}

/* ==========================================================================
   14. COMPREHENSIVE LIGHT THEME OVERHAUL (LOGO, HEADINGS, TILES, CONTRAST)
   ========================================================================== */

/* 1. Dynamic Logo Swap (نمایش لوگوی تیره مخصوص لایت‌مود) */
[data-theme="light"] .site-logo-dark {
    display: none !important;
}
[data-theme="light"] .site-logo-light {
    display: block !important;
}
[data-theme="dark"] .site-logo-dark {
    display: block !important;
}
[data-theme="dark"] .site-logo-light {
    display: none !important;
}

/* 2. Top Header & Navbar in Light Mode */
[data-theme="light"] .navbar,
[data-theme="light"] #mainAppNavbar {
    background: rgba(255, 255, 255, 0.96) !important;
    border-bottom: 1px solid #e2e8f0 !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.04) !important;
}

[data-theme="light"] .mobile-drawer-toggle-btn {
    background: #f1f5f9 !important;
    border: 1px solid #cbd5e1 !important;
    color: #0f172a !important;
}

/* 3. Section Titles & Headings (بخش‌های منتخب رسانه و سایر تیترها) */
[data-theme="light"] .shelf-main-heading,
[data-theme="light"] .section-title,
[data-theme="light"] .stories-title,
[data-theme="light"] h1, 
[data-theme="light"] h2, 
[data-theme="light"] h3 {
    color: #0f172a !important;
    font-weight: 900 !important;
}

[data-theme="light"] .shelf-sub-heading,
[data-theme="light"] .section-subtitle,
[data-theme="light"] .stories-subtitle {
    color: #475569 !important;
    font-weight: 600 !important;
}

[data-theme="light"] .shelf-icon-badge {
    background: #ec4899 !important;
    color: #ffffff !important;
    box-shadow: 0 4px 12px rgba(236, 72, 153, 0.3) !important;
    border: none !important;
}

/* 4. Parent Portal Cards (کارت‌های دسته‌بندی و رسانه) */
[data-theme="light"] .parent-portal-card {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    box-shadow: 0 8px 24px rgba(15, 23, 42, 0.06) !important;
    border-radius: 20px !important;
}

/* Overlay gradient in light mode: Soft light translucent gradient so background is visible but clean */
[data-theme="light"] .portal-card-overlay {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.4) 0%, rgba(248, 250, 252, 0.88) 50%, #ffffff 95%) !important;
}

[data-theme="light"] .parent-portal-card:hover .portal-card-overlay {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.2) 0%, rgba(248, 250, 252, 0.82) 50%, #ffffff 92%) !important;
}

/* Typography on Portal Cards */
[data-theme="light"] .portal-title-fa,
[data-theme="light"] .portal-title-fa a {
    color: #0f172a !important;
    font-weight: 900 !important;
    text-shadow: none !important;
}

[data-theme="light"] .portal-count-chip {
    background: #f1f5f9 !important;
    border: 1px solid #cbd5e1 !important;
    color: #0284c7 !important;
    font-weight: 800 !important;
}

[data-theme="light"] .portal-count-chip span,
[data-theme="light"] .portal-count-chip i {
    color: #0284c7 !important;
}

[data-theme="light"] .portal-action-row {
    border-top: 1px solid #f1f5f9 !important;
    color: #475569 !important;
    font-weight: 800 !important;
}

[data-theme="light"] .parent-portal-card:hover .portal-action-row {
    color: #ec4899 !important;
}

[data-theme="light"] .portal-action-arrow {
    background: #f1f5f9 !important;
    color: #0f172a !important;
}

[data-theme="light"] .parent-portal-card:hover .portal-action-arrow {
    background: #ec4899 !important;
    color: #ffffff !important;
}

/* 5. Stories Bar in Light Mode */
[data-theme="light"] .story-title-label {
    color: #1e293b !important;
    font-weight: 700 !important;
}

/* 6. Mobile Bottom Bar in Light Mode */
[data-theme="light"] .mobile-bottom-bar {
    background: rgba(255, 255, 255, 0.98) !important;
    border-top: 1px solid #e2e8f0 !important;
    box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.05) !important;
}

[data-theme="light"] .mobile-bottom-tab {
    color: #64748b !important;
}

[data-theme="light"] .mobile-bottom-tab.active {
    color: #ec4899 !important;
}

[data-theme="light"] .mobile-bottom-tab.active .mobile-tab-icon {
    color: #ec4899 !important;
}

/* ==========================================================================
   15. FOOTER & COMPREHENSIVE LIGHT THEME ENGINE (MAX CONTRAST)
   ========================================================================== */
html[data-theme="light"] .app-cinema-footer,
[data-theme="light"] .app-cinema-footer {
    background: #f8fafc !important;
    border-top: 1px solid #e2e8f0 !important;
}

html[data-theme="light"] .footer-container,
[data-theme="light"] .footer-container {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.04) !important;
    border-radius: 24px !important;
}

/* Footer Typography & About Text */
html[data-theme="light"] .footer-about-text,
[data-theme="light"] .footer-about-text {
    color: #334155 !important;
    font-weight: 500 !important;
    line-height: 1.85 !important;
}

/* Footer Headings */
html[data-theme="light"] .footer-col-title,
[data-theme="light"] .footer-col-title {
    color: #0f172a !important;
    font-weight: 900 !important;
}

/* Footer Navigation Links (حل مشکل متن کم‌رنگ و ناخوانا) */
html[data-theme="light"] .footer-links-list a,
[data-theme="light"] .footer-links-list a {
    color: #1e293b !important;
    font-weight: 700 !important;
    font-size: 0.86rem !important;
    transition: all 0.2s ease !important;
}

html[data-theme="light"] .footer-links-list a:hover,
[data-theme="light"] .footer-links-list a:hover {
    color: #ec4899 !important;
    transform: translateX(-4px) !important;
}

html[data-theme="light"] .footer-links-list a i,
[data-theme="light"] .footer-links-list a i {
    color: #94a3b8 !important;
}

html[data-theme="light"] .footer-links-list a:hover i,
[data-theme="light"] .footer-links-list a:hover i {
    color: #ec4899 !important;
}

/* PWA Pill in Footer */
html[data-theme="light"] .footer-pwa-pill,
[data-theme="light"] .footer-pwa-pill {
    background: rgba(236, 72, 153, 0.08) !important;
    border: 1px solid rgba(236, 72, 153, 0.25) !important;
    color: #be185d !important;
    font-weight: 700 !important;
}

/* Social Buttons in Footer */
html[data-theme="light"] .footer-social-btn,
[data-theme="light"] .footer-social-btn {
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
    color: #1e293b !important;
    font-weight: 700 !important;
}

html[data-theme="light"] .footer-social-btn:hover,
[data-theme="light"] .footer-social-btn:hover {
    background: #ffffff !important;
    border-color: #cbd5e1 !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05) !important;
}

/* Footer Bottom Bar & Copyright */
html[data-theme="light"] .footer-bottom-row,
[data-theme="light"] .footer-bottom-row {
    border-top: 1px solid #e2e8f0 !important;
    color: #64748b !important;
    font-weight: 600 !important;
}

html[data-theme="light"] .btn-footer-back-top,
[data-theme="light"] .btn-footer-back-top {
    background: #f1f5f9 !important;
    border: 1px solid #cbd5e1 !important;
    color: #0f172a !important;
    font-weight: 800 !important;
}

/* Floating Scroll Top Button */
html[data-theme="light"] .btn-scroll-top,
[data-theme="light"] .btn-scroll-top {
    background: #ffffff !important;
    border: 1px solid #cbd5e1 !important;
    color: #0f172a !important;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.12) !important;
}

html[data-theme="light"] .btn-scroll-top svg,
[data-theme="light"] .btn-scroll-top i {
    fill: #0f172a !important;
    color: #0f172a !important;
}

/* ==========================================================================
   16. CATEGORY HERO BANNER & ACTORS CAROUSEL (LIGHT MODE FIXES)
   ========================================================================== */

/* Hero Banner (کاور بالای صفحه دسته‌بندی در لایت‌مود) */
[data-theme="light"] .category-hero-wrap {
    background: linear-gradient(135deg, #f8fafc 0%, #edf2f7 50%, #e2e8f0 100%) !important;
    border-bottom: 1px solid #cbd5e1 !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.04) !important;
}

[data-theme="light"] .category-hero-wrap .hero-glow-spot {
    background: radial-gradient(circle, rgba(236, 72, 153, 0.08) 0%, transparent 70%) !important;
}

/* Breadcrumbs (مسیر راهنما) */
[data-theme="light"] .breadcrumb-nav {
    color: #64748b !important;
}

[data-theme="light"] .breadcrumb-nav a {
    color: #475569 !important;
    font-weight: 600 !important;
}

[data-theme="light"] .breadcrumb-nav a:hover {
    color: #ec4899 !important;
}

[data-theme="light"] .breadcrumb-nav span {
    color: #0f172a !important;
    font-weight: 700 !important;
}

/* Main Category Title (عنوان اصلی دسته - مثلا انیمه) */
[data-theme="light"] .category-header-title {
    color: #0f172a !important;
    font-weight: 900 !important;
}

[data-theme="light"] .category-header-title span {
    color: #0f172a !important;
}

[data-theme="light"] .category-header-desc {
    color: #475569 !important;
    font-weight: 500 !important;
}

/* Subcategory Tabs (تب‌های زیردسته‌ها) */
[data-theme="light"] .sub-tab-pill {
    background: #ffffff !important;
    border: 1px solid #cbd5e1 !important;
    color: #1e293b !important;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.03) !important;
}

[data-theme="light"] .sub-tab-pill:hover {
    border-color: #ec4899 !important;
    color: #ec4899 !important;
    transform: translateY(-2px);
}

[data-theme="light"] .sub-tab-pill.active {
    background: linear-gradient(135deg, #ff2a6d, #8b5cf6) !important;
    border-color: transparent !important;
    color: #ffffff !important;
    box-shadow: 0 4px 15px rgba(255, 42, 109, 0.35) !important;
}

[data-theme="light"] .sub-tab-pill.active span,
[data-theme="light"] .sub-tab-pill.active i {
    color: #ffffff !important;
}

[data-theme="light"] .sub-tab-count {
    background: #f1f5f9 !important;
    color: #0284c7 !important;
    border: 1px solid #cbd5e1 !important;
}

[data-theme="light"] .sub-tab-pill.active .sub-tab-count {
    background: rgba(255, 255, 255, 0.25) !important;
    color: #ffffff !important;
    border-color: rgba(255, 255, 255, 0.4) !important;
}

/* Category Actors Shelf & Cards (صداپیشگان برتر در لایت مود) */
[data-theme="light"] .category-actors-shelf {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    box-shadow: 0 4px 18px rgba(0, 0, 0, 0.04) !important;
}

[data-theme="light"] .category-actor-card {
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.02) !important;
}

[data-theme="light"] .category-actor-card:hover {
    background: #ffffff !important;
    border-color: #ff2a6d !important;
    box-shadow: 0 6px 16px rgba(255, 42, 109, 0.15) !important;
    transform: translateY(-4px);
}

[data-theme="light"] .category-actor-avatar-wrap {
    background: linear-gradient(135deg, #f1f5f9, #e2e8f0) !important;
    border: 2.5px solid #ff2a6d !important;
    box-shadow: 0 0 12px rgba(255, 42, 109, 0.25) !important;
}

[data-theme="light"] .category-actor-name {
    color: #0f172a !important;
    font-weight: 900 !important;
}

[data-theme="light"] .category-actor-name-en {
    color: #64748b !important;
    font-weight: 600 !important;
}

[data-theme="light"] .category-actor-age {
    background: #fef3c7 !important;
    color: #b45309 !important;
    border: 1px solid #fde68a !important;
}

[data-theme="light"] .category-actor-count {
    background: #e0f2fe !important;
    color: #0369a1 !important;
    border: 1px solid #bae6fd !important;
}

/* ==========================================================================
   17. SUBCATEGORY CAROUSEL & CARDS (LIGHT MODE POLISH)
   ========================================================================== */
html[data-theme="light"] .subcat-shelf-block,
[data-theme="light"] .subcat-shelf-block {
    background: transparent !important;
}

/* Shelf Title & Subtitle */
html[data-theme="light"] .subcat-shelf-title,
[data-theme="light"] .subcat-shelf-title {
    color: #0f172a !important;
    font-weight: 900 !important;
    text-shadow: none !important;
}

html[data-theme="light"] .subcat-shelf-subtitle,
[data-theme="light"] .subcat-shelf-subtitle {
    color: #64748b !important;
    font-weight: 600 !important;
}

html[data-theme="light"] .subcat-circle-badge,
[data-theme="light"] .subcat-circle-badge {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    color: #ec4899 !important;
    box-shadow: 0 4px 14px rgba(236, 72, 153, 0.15) !important;
}

html[data-theme="light"] .btn-subcat-view-all,
[data-theme="light"] .btn-subcat-view-all {
    background: #ffffff !important;
    border: 1px solid #cbd5e1 !important;
    color: #ec4899 !important;
    font-weight: 800 !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04) !important;
}

html[data-theme="light"] .btn-subcat-view-all:hover,
[data-theme="light"] .btn-subcat-view-all:hover {
    background: #ec4899 !important;
    color: #ffffff !important;
    border-color: #ec4899 !important;
    box-shadow: 0 4px 14px rgba(236, 72, 153, 0.3) !important;
}

html[data-theme="light"] .subcat-arrow-btn,
[data-theme="light"] .subcat-arrow-btn {
    background: #ffffff !important;
    border: 1px solid #cbd5e1 !important;
    color: #0f172a !important;
}

/* Media Cards inside Shelves */
html[data-theme="light"] .media-poster-card,
[data-theme="light"] .media-poster-card {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 16px !important;
    padding-bottom: 6px !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.05) !important;
    transition: transform 0.25s ease, box-shadow 0.25s ease !important;
}

html[data-theme="light"] .media-poster-card:hover,
[data-theme="light"] .media-poster-card:hover {
    box-shadow: 0 8px 24px rgba(236, 72, 153, 0.18) !important;
    border-color: #f472b6 !important;
}

/* Title Persian (نام اثر) */
html[data-theme="light"] .title-fa-clean,
[data-theme="light"] .title-fa-clean {
    color: #0f172a !important;
    font-weight: 800 !important;
    font-size: 0.8rem !important;
}

/* Title English (زیرنویس/نام انگلیسی) */
html[data-theme="light"] .title-en-golden,
[data-theme="light"] .title-en-golden {
    color: #d97706 !important; /* Rich amber gold legible on white */
    font-weight: 700 !important;
    font-size: 0.76rem !important;
    text-shadow: none !important;
}

/* Year & Meta label */
html[data-theme="light"] .year-muted-label,
[data-theme="light"] .year-muted-label {
    color: #64748b !important;
    font-weight: 600 !important;
}

/* Badges on Poster in Light Mode */
html[data-theme="light"] .pill-episode-dark,
[data-theme="light"] .pill-episode-dark {
    background: rgba(15, 23, 42, 0.85) !important;
    border: 1px solid rgba(255, 255, 255, 0.4) !important;
    color: #ffffff !important;
    backdrop-filter: blur(4px) !important;
}

html[data-theme="light"] .pill-audio-accent,
[data-theme="light"] .pill-audio-accent {
    background: rgba(217, 119, 6, 0.95) !important;
    border: 1px solid rgba(255, 255, 255, 0.6) !important;
    color: #ffffff !important;
    font-weight: 800 !important;
}

/* View More Card at the end of Shelf */
html[data-theme="light"] .shelf-view-more-card,
[data-theme="light"] .shelf-view-more-card {
    background: #ffffff !important;
    border: 2px dashed #f472b6 !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.04) !important;
}

html[data-theme="light"] .shelf-view-more-card .view-more-icon,
[data-theme="light"] .shelf-view-more-card .view-more-text {
    color: #ec4899 !important;
    font-weight: 800 !important;
}

/* ==========================================================================
   18. SHELF VIEW MORE CARD POLISH (MAX CONTRAST LIGHT MODE)
   ========================================================================== */
html[data-theme="light"] .shelf-view-more-card,
[data-theme="light"] .shelf-view-more-card {
    background: linear-gradient(145deg, #ffffff 0%, #fff1f2 100%) !important;
    border: 2px dashed #e11d48 !important;
    box-shadow: 0 6px 20px rgba(225, 29, 72, 0.08) !important;
    color: #0f172a !important;
}

html[data-theme="light"] .shelf-view-more-card:hover,
[data-theme="light"] .shelf-view-more-card:hover {
    background: linear-gradient(145deg, #fff1f2 0%, #ffe4e6 100%) !important;
    border-color: #be123c !important;
    transform: translateY(-4px) scale(1.02) !important;
    box-shadow: 0 12px 28px rgba(225, 29, 72, 0.16) !important;
}

html[data-theme="light"] .view-more-icon-circle,
[data-theme="light"] .view-more-icon-circle {
    background: linear-gradient(135deg, #e11d48, #9333ea) !important;
    color: #ffffff !important;
    box-shadow: 0 4px 14px rgba(225, 29, 72, 0.35) !important;
}

html[data-theme="light"] .view-more-text,
[data-theme="light"] .view-more-text {
    color: #0f172a !important;
    font-weight: 900 !important;
    font-size: 0.92rem !important;
}

html[data-theme="light"] .view-more-sub,
[data-theme="light"] .view-more-sub {
    color: #475569 !important;
    font-weight: 700 !important;
    font-size: 0.78rem !important;
    opacity: 1 !important;
}

/* 19. NOTIFICATION MODAL & DROPDOWN POLISH */
.notif-dropdown-card {
    position: fixed !important;
    top: 70px !important;
    left: 14px !important;
    right: 14px !important;
    max-width: 440px !important;
    margin: 0 auto !important;
    z-index: 999999 !important;
    display: none;
    flex-direction: column !important;
    border-radius: 22px !important;
    overflow: hidden !important;
    box-shadow: 0 25px 65px rgba(0, 0, 0, 0.45) !important;
}

.notif-dropdown-card.active {
    display: flex !important;
}

.notif-overlay-backdrop {
    position: fixed !important;
    inset: 0 !important;
    background: rgba(15, 23, 42, 0.65) !important;
    backdrop-filter: blur(8px) !important;
    -webkit-backdrop-filter: blur(8px) !important;
    z-index: 999998 !important;
    display: none;
}

.notif-overlay-backdrop.active {
    display: block !important;
}

html[data-theme="light"] .notif-dropdown-card,
[data-theme="light"] .notif-dropdown-card {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.12) !important;
}

html[data-theme="light"] .notif-card-header,
[data-theme="light"] .notif-card-header {
    background: #f8fafc !important;
    border-bottom: 1px solid #e2e8f0 !important;
    color: #0f172a !important;
}

html[data-theme="light"] .notif-card-header span,
[data-theme="light"] .notif-card-header h3 {
    color: #0f172a !important;
    font-weight: 900 !important;
}

html[data-theme="light"] .notif-item-row,
[data-theme="light"] .notif-item-row {
    background: #ffffff !important;
    border-bottom: 1px solid #f1f5f9 !important;
    color: #0f172a !important;
}

html[data-theme="light"] .notif-item-row:hover,
[data-theme="light"] .notif-item-row:hover {
    background: #f8fafc !important;
}

html[data-theme="light"] .notif-item-title,
[data-theme="light"] .notif-item-title {
    color: #0f172a !important;
    font-weight: 800 !important;
}

html[data-theme="light"] .notif-item-msg,
[data-theme="light"] .notif-item-msg {
    color: #475569 !important;
}

html[data-theme="light"] .notif-card-footer,
[data-theme="light"] .notif-card-footer {
    background: #f8fafc !important;
    border-top: 1px solid #e2e8f0 !important;
    color: #e11d48 !important;
    font-weight: 800 !important;
}

/* 20. NOTIFICATION POPUP AND ACTORS SHELF LIGHT OVERHAUL */
html[data-theme="light"] .notif-dropdown-card,
[data-theme="light"] .notif-dropdown-card {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.12), 0 0 25px rgba(236, 72, 153, 0.15) !important;
    backdrop-filter: blur(25px) !important;
    -webkit-backdrop-filter: blur(25px) !important;
}

html[data-theme="light"] .notif-card-header,
[data-theme="light"] .notif-card-header {
    background: #f8fafc !important;
    border-bottom: 1px solid #e2e8f0 !important;
    color: #0f172a !important;
}

html[data-theme="light"] .notif-card-header span,
[data-theme="light"] .notif-card-header span {
    color: #0f172a !important;
    font-weight: 900 !important;
}

html[data-theme="light"] .notif-mark-all-btn,
[data-theme="light"] .notif-mark-all-btn {
    background: #f1f5f9 !important;
    border: 1px solid #cbd5e1 !important;
    color: #e11d48 !important;
    font-weight: 800 !important;
}

html[data-theme="light"] .notif-mark-all-btn:hover,
[data-theme="light"] .notif-mark-all-btn:hover {
    background: #ffe4e6 !important;
    border-color: #f43f5e !important;
    color: #be123c !important;
}

html[data-theme="light"] .notif-items-list,
[data-theme="light"] .notif-items-list {
    background: #ffffff !important;
    color: #334155 !important;
}

html[data-theme="light"] .notif-item-row,
[data-theme="light"] .notif-item-row {
    background: #ffffff !important;
    border-bottom: 1px solid #f1f5f9 !important;
}

html[data-theme="light"] .notif-item-row:hover,
[data-theme="light"] .notif-item-row:hover {
    background: #f8fafc !important;
}

html[data-theme="light"] .notif-item-row.unread,
[data-theme="light"] .notif-item-row.unread {
    background: #fff1f2 !important;
}

html[data-theme="light"] .notif-item-title,
[data-theme="light"] .notif-item-title {
    color: #0f172a !important;
    font-weight: 800 !important;
}

html[data-theme="light"] .notif-item-msg,
[data-theme="light"] .notif-item-msg {
    color: #475569 !important;
}

html[data-theme="light"] .notif-overlay-backdrop,
[data-theme="light"] .notif-overlay-backdrop {
    background: rgba(15, 23, 42, 0.45) !important;
    backdrop-filter: blur(4px) !important;
    -webkit-backdrop-filter: blur(4px) !important;
}

html[data-theme="light"] .category-actors-shelf,
[data-theme="light"] .category-actors-shelf {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 20px !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05) !important;
    backdrop-filter: none !important;
}

/* 21. MOBILE TOP ACTION SLIDER (LIGHT MODE OVERHAUL) */
html[data-theme="light"] .mobile-action-bar-track,
[data-theme="light"] .mobile-action-bar-track {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08) !important;
}

html[data-theme="light"] .mobile-bar-action-item,
[data-theme="light"] .mobile-bar-action-item {
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
    color: #334155 !important;
}

html[data-theme="light"] .mobile-bar-action-item:hover,
[data-theme="light"] .mobile-bar-action-item:hover {
    background: #f1f5f9 !important;
    color: #0f172a !important;
}

html[data-theme="light"] .mobile-bar-action-item.item-vip,
[data-theme="light"] .mobile-bar-action-item.item-vip {
    color: #d97706 !important;
    background: #fffbeb !important;
    border-color: #fde68a !important;
    box-shadow: 0 0 10px rgba(245, 158, 11, 0.15) !important;
}

html[data-theme="light"] .mobile-bar-action-item.item-bell,
[data-theme="light"] .mobile-bar-action-item.item-bell {
    color: #0f172a !important;
    background: #f8fafc !important;
    border-color: #e2e8f0 !important;
}

html[data-theme="light"] .mobile-bar-action-item.item-theme,
[data-theme="light"] .mobile-bar-action-item.item-theme {
    color: #0284c7 !important;
    background: #f0f9ff !important;
    border-color: #bae6fd !important;
}

html[data-theme="light"] .mobile-bar-action-item.item-download,
[data-theme="light"] .mobile-bar-action-item.item-download {
    color: #059669 !important;
    background: #ecfdf5 !important;
    border-color: #a7f3d0 !important;
}

html[data-theme="light"] .mobile-bar-action-item.item-search,
[data-theme="light"] .mobile-bar-action-item.item-search {
    color: #7c3aed !important;
    background: #f5f3ff !important;
    border-color: #ddd6fe !important;
}

html[data-theme="light"] .mobile-profile-square,
[data-theme="light"] .mobile-profile-square {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    color: #475569 !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05) !important;
}

html[data-theme="light"] .mobile-action-bar-arrow-btn,
[data-theme="light"] .mobile-action-bar-arrow-btn {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    color: #64748b !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05) !important;
}

html[data-theme="light"] .mobile-header-actions-group.is-open .mobile-action-bar-arrow-btn,
[data-theme="light"] .mobile-header-actions-group.is-open .mobile-action-bar-arrow-btn {
    background: #ffe4e6 !important;
    border-color: #f43f5e !important;
    color: #e11d48 !important;
}

/* ==========================================================================
   22. VIP PAGE COMPLETE LIGHT MODE OVERHAUL
   ========================================================================== */
html[data-theme="light"] .vip-page-wrapper,
[data-theme="light"] .vip-page-wrapper {
    background: #f8fafc !important;
}

html[data-theme="light"] .vip-hero-title,
[data-theme="light"] .vip-hero-title {
    color: #0f172a !important;
}

html[data-theme="light"] .vip-hero-desc,
[data-theme="light"] .vip-hero-desc {
    color: #475569 !important;
}

/* User VIP Status Card */
html[data-theme="light"] .vip-status-card,
[data-theme="light"] .vip-status-card {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05) !important;
}

html[data-theme="light"] .status-meta-text h3,
[data-theme="light"] .status-meta-text h3 {
    color: #0f172a !important;
}

html[data-theme="light"] .status-meta-text p,
[data-theme="light"] .status-meta-text p {
    color: #64748b !important;
}

html[data-theme="light"] .metric-pill,
[data-theme="light"] .metric-pill {
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
}

/* VIP Plans Cards */
html[data-theme="light"] .plan-card,
[data-theme="light"] .plan-card {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05) !important;
}

html[data-theme="light"] .plan-card.featured,
[data-theme="light"] .plan-card.featured {
    background: #ffffff !important;
    border: 2px solid #f59e0b !important;
    box-shadow: 0 14px 35px rgba(245, 158, 11, 0.15) !important;
}

html[data-theme="light"] .plan-title,
[data-theme="light"] .plan-title {
    color: #0f172a !important;
}

html[data-theme="light"] .plan-duration,
[data-theme="light"] .plan-duration {
    color: #64748b !important;
}

html[data-theme="light"] .plan-pricing-box,
[data-theme="light"] .plan-pricing-box {
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
}

html[data-theme="light"] .toman-price,
[data-theme="light"] .toman-price {
    color: #0f172a !important;
}

html[data-theme="light"] .toman-price small,
[data-theme="light"] .toman-price small {
    color: #64748b !important;
}

html[data-theme="light"] .stars-price-row,
[data-theme="light"] .stars-price-row {
    color: #b45309 !important;
    border-top: 1px dashed #e2e8f0 !important;
}

html[data-theme="light"] .stars-badge,
[data-theme="light"] .stars-badge {
    background: #fef3c7 !important;
    color: #b45309 !important;
}

html[data-theme="light"] .plan-features-list li,
[data-theme="light"] .plan-features-list li {
    color: #334155 !important;
}

html[data-theme="light"] .btn-outline-plan,
[data-theme="light"] .btn-outline-plan {
    background: #f1f5f9 !important;
    color: #0f172a !important;
    border: 1px solid #cbd5e1 !important;
}

html[data-theme="light"] .btn-outline-plan:hover,
[data-theme="light"] .btn-outline-plan:hover {
    background: #e2e8f0 !important;
    color: #0f172a !important;
}

/* Free VIP Referral Card */
html[data-theme="light"] .vip-referral-card,
[data-theme="light"] .vip-referral-card {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05) !important;
}

html[data-theme="light"] .referral-title,
[data-theme="light"] .referral-title {
    color: #0f172a !important;
}

html[data-theme="light"] .referral-desc,
[data-theme="light"] .referral-desc {
    color: #475569 !important;
}

/* Benefits Section */
html[data-theme="light"] .vip-perks-section,
[data-theme="light"] .vip-perks-section {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05) !important;
}

html[data-theme="light"] .section-headline,
[data-theme="light"] .section-headline {
    color: #0f172a !important;
}

html[data-theme="light"] .perk-content h4,
[data-theme="light"] .perk-content h4 {
    color: #0f172a !important;
}

html[data-theme="light"] .perk-content p,
[data-theme="light"] .perk-content p {
    color: #475569 !important;
}

/* FAQ Section */
html[data-theme="light"] .faq-item,
[data-theme="light"] .faq-item {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.03) !important;
}

html[data-theme="light"] .faq-question,
[data-theme="light"] .faq-question {
    color: #0f172a !important;
}

html[data-theme="light"] .faq-answer,
[data-theme="light"] .faq-answer {
    color: #475569 !important;
}

/* ==========================================================================
   23. THEME ICONS IN LIGHT MODE (AUTO CSS DISPLAY GUARANTEE)
   ========================================================================== */
html[data-theme="light"] .theme-icon-moon,
[data-theme="light"] .theme-icon-moon {
    display: none !important;
}

html[data-theme="light"] .theme-icon-sun,
[data-theme="light"] .theme-icon-sun {
    display: inline-block !important;
    color: #f59e0b !important;
}

html[data-theme="dark"] .theme-icon-sun,
[data-theme="dark"] .theme-icon-sun {
    display: none !important;
}

html[data-theme="dark"] .theme-icon-moon,
[data-theme="dark"] .theme-icon-moon {
    display: inline-block !important;
    color: #94a3b8 !important;
}

/* ==========================================================================
   RATING BADGES — LIGHT MODE FORCED VISIBILITY
   Ensures all rating badges (IMDb, MAL, Site) remain readable in light mode
   ========================================================================== */

/* IMDb gold badge */
html[data-theme="light"] .card-badge-rating.rating-imdb,
[data-theme="light"] .card-badge-rating.rating-imdb,
html[data-theme="light"] .badge-rating-tag.rating-imdb,
[data-theme="light"] .badge-rating-tag.rating-imdb {
    background: rgba(234, 179, 8, 0.95) !important;
    color: #000000 !important;
    border: 1px solid rgba(180, 130, 0, 0.4) !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.25) !important;
}
html[data-theme="light"] .card-badge-rating.rating-imdb i,
[data-theme="light"] .card-badge-rating.rating-imdb i { color: #000000 !important; }

/* MAL purple badge */
html[data-theme="light"] .card-badge-rating.rating-mal,
[data-theme="light"] .card-badge-rating.rating-mal,
html[data-theme="light"] .badge-rating-tag.rating-mal,
[data-theme="light"] .badge-rating-tag.rating-mal {
    background: rgba(126, 34, 206, 0.92) !important;
    color: #ffffff !important;
    border: 1px solid rgba(139, 92, 246, 0.4) !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.2) !important;
}
html[data-theme="light"] .card-badge-rating.rating-mal i,
[data-theme="light"] .card-badge-rating.rating-mal i { color: #fbbf24 !important; }

/* Site rating pink badge */
html[data-theme="light"] .card-badge-rating.rating-site,
[data-theme="light"] .card-badge-rating.rating-site,
html[data-theme="light"] .badge-rating-tag.rating-site,
[data-theme="light"] .badge-rating-tag.rating-site {
    background: rgba(236, 72, 153, 0.95) !important;
    color: #ffffff !important;
    border: 1px solid rgba(219, 39, 119, 0.4) !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.2) !important;
}

/* Status: completed, ongoing, movie */
html[data-theme="light"] .card-badge-status.status-completed,
[data-theme="light"] .card-badge-status.status-completed {
    background: rgba(16, 185, 129, 0.92) !important;
    color: #ffffff !important;
    border: 1px solid rgba(5, 150, 105, 0.5) !important;
}
html[data-theme="light"] .card-badge-status.status-ongoing,
[data-theme="light"] .card-badge-status.status-ongoing {
    background: rgba(234, 179, 8, 0.92) !important;
    color: #000 !important;
    border: 1px solid rgba(180, 130, 0, 0.5) !important;
}
html[data-theme="light"] .card-badge-status.status-movie,
[data-theme="light"] .card-badge-status.status-movie {
    background: rgba(99, 102, 241, 0.92) !important;
    color: #ffffff !important;
    border: 1px solid rgba(79, 70, 229, 0.5) !important;
}

/* Dashboard meta text (IMDb star + number) */
html[data-theme="light"] .dash-item-meta,
[data-theme="light"] .dash-item-meta {
    color: #334155 !important;
}
html[data-theme="light"] .dash-item-meta span,
[data-theme="light"] .dash-item-meta span { color: #334155 !important; }
html[data-theme="light"] .dash-item-meta i.fa-star,
[data-theme="light"] .dash-item-meta i.fa-star { color: #d97706 !important; }

/* ==========================================================================
   GLOBAL PAGINATION PILLS — LIGHT MODE GUARANTEED VISIBILITY
   ========================================================================== */
html[data-theme="light"] .page-link-pill,
[data-theme="light"] .page-link-pill {
    background: #ffffff !important;
    border: 1px solid #cbd5e1 !important;
    color: #334155 !important;
    font-weight: 700 !important;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04) !important;
}

html[data-theme="light"] .page-link-pill:hover:not(.disabled):not(.active),
[data-theme="light"] .page-link-pill:hover:not(.disabled):not(.active) {
    background: #f1f5f9 !important;
    border-color: #94a3b8 !important;
    color: #0f172a !important;
}

html[data-theme="light"] .page-link-pill.active,
[data-theme="light"] .page-link-pill.active {
    background: linear-gradient(135deg, #ec4899, #8b5cf6) !important;
    border-color: transparent !important;
    color: #ffffff !important;
    box-shadow: 0 4px 12px rgba(236, 72, 153, 0.35) !important;
}

html[data-theme="light"] .page-link-pill.disabled,
[data-theme="light"] .page-link-pill.disabled {
    background: #f8fafc !important;
    border-color: #e2e8f0 !important;
    color: #94a3b8 !important;
    opacity: 0.7 !important;
}