/* ================================================================
   Li.Fe. Radio — DARK THEME SYSTEM
   Toggle via [data-theme="dark"] on <html>
   Logo swap: JS replaces immagini/2.png ↔ immagini/1.png
   ================================================================ */

/* ── CSS Variable Overrides ─────────────────────────────── */
[data-theme="dark"] {
    --text-main: #e8e8e8;
    --text-muted: rgba(255,255,255,0.85);
    --card-border: 2.5px solid rgba(255,255,255,0.12);
    --pop-shadow: 6px 6px 0px rgba(0,0,0,0.35);
    --pop-shadow-strong: 8px 8px 0px rgba(0,0,0,0.5);
    --accent-light: rgba(1,133,199,0.2);
}

/* ── Body & Backgrounds ──────────────────────────────────── */
[data-theme="dark"] body {
    background-color: #0a0a0a;
    color: var(--text-main);
}
[data-theme="dark"] .fluid-bg {
    background: linear-gradient(180deg, #0a0a0a 0%, #0d1520 40%, #0a1628 100%) !important;
}
[data-theme="dark"] .blur-ball { opacity: 0.15; }

/* ── Header ──────────────────────────────────────────────── */
[data-theme="dark"] .main-header {
    background: rgba(10,10,10,0.92) !important;
    border-bottom-color: rgba(255,255,255,0.08) !important;
}
[data-theme="dark"] .nav-menu a { color: #e8e8e8; }
[data-theme="dark"] .nav-menu a:hover,
[data-theme="dark"] .nav-menu a.active { color: var(--accent-celeste); }
[data-theme="dark"] .header-actions,
[data-theme="dark"] .header-actions a { color: #e8e8e8; }
[data-theme="dark"] .header-actions .divider { color: rgba(255,255,255,0.25); }
[data-theme="dark"] .mobile-menu-btn { color: #e8e8e8; }

/* ── Mobile Nav Overlay ──────────────────────────────────── */
[data-theme="dark"] .mobile-nav-overlay {
    background: rgba(10,10,10,0.97) !important;
}
[data-theme="dark"] .mobile-nav-overlay a { color: #e8e8e8; }
[data-theme="dark"] .mobile-nav-close { color: #e8e8e8; }

/* ── Section Headers ─────────────────────────────────────── */
[data-theme="dark"] .section-header h2 { color: #e8e8e8; }
[data-theme="dark"] .section-header::after { background: var(--accent-celeste) !important; }
[data-theme="dark"] .view-all { color: rgba(255,255,255,0.6); }

/* ── Cards (News / WUU) ──────────────────────────────────── */
[data-theme="dark"] .wuu-card {
    background: rgba(20,20,20,0.85) !important;
    border-color: rgba(255,255,255,0.08) !important;
    box-shadow: var(--pop-shadow);
}
[data-theme="dark"] .wuu-card h3,
[data-theme="dark"] .wuu-card h4 { color: #e8e8e8; }
[data-theme="dark"] .wuu-card p { color: rgba(255,255,255,0.6); }
[data-theme="dark"] .news-img-placeholder {
    background: rgba(1,133,199,0.08) !important;
    border-bottom-color: rgba(255,255,255,0.08) !important;
}
[data-theme="dark"] .news-content { color: rgba(255,255,255,0.7); }
[data-theme="dark"] .news-tag {
    background: rgba(1,133,199,0.2) !important;
    color: var(--accent-celeste) !important;
}

/* ── Instagram Cards ─────────────────────────────────────── */
[data-theme="dark"] .ig-post-card {
    background: rgba(20,20,20,0.85) !important;
    border: 2.5px solid rgba(255,255,255,0.7) !important;
    box-shadow: 0 0 12px rgba(255,255,255,0.15), 0 0 24px rgba(255,255,255,0.06), var(--pop-shadow) !important;
}
[data-theme="dark"] .ig-post-card:hover {
    border-color: rgba(255,255,255,0.9) !important;
    box-shadow: 0 0 18px rgba(255,255,255,0.25), 0 0 36px rgba(255,255,255,0.1), var(--pop-shadow-strong) !important;
}
[data-theme="dark"] .ig-media-mock {
    background: rgba(1,133,199,0.06) !important;
    border-bottom-color: rgba(255,255,255,0.4) !important;
}
[data-theme="dark"] .ig-header {
    color: #FFFFFF;
    border-bottom-color: rgba(255,255,255,0.4) !important;
}
[data-theme="dark"] .ig-username { color: #FFFFFF; }
[data-theme="dark"] .ig-footer { color: #FFFFFF; }
[data-theme="dark"] .ig-actions { color: #FFFFFF; }
[data-theme="dark"] .ig-likes { color: #FFFFFF; }
[data-theme="dark"] .ig-caption { color: rgba(255,255,255,0.9); }
[data-theme="dark"] .ig-caption strong { color: #FFFFFF; }
[data-theme="dark"] .ig-media-content span { color: #FFFFFF; }
[data-theme="dark"] .ig-media-content { color: rgba(255,255,255,0.85); }

[data-theme="dark"] .page-desc,
[data-theme="dark"] .articles-count {
    color: #FFFFFF !important;
}
/* ── Program / Podcast Cards ─────────────────────────────── */
[data-theme="dark"] .program-card {
    background: rgba(20,20,20,0.85) !important;
    border: 2.5px solid rgba(255,255,255,0.7) !important;
    box-shadow: 0 0 12px rgba(255,255,255,0.15), 0 0 24px rgba(255,255,255,0.06), var(--pop-shadow) !important;
}
[data-theme="dark"] .program-card:hover {
    border-color: rgba(255,255,255,0.9) !important;
    box-shadow: 0 0 18px rgba(255,255,255,0.25), 0 0 36px rgba(255,255,255,0.1), var(--pop-shadow-strong) !important;
}
[data-theme="dark"] .card-info h3 { color: #e8e8e8; }
[data-theme="dark"] .card-info p { color: rgba(255,255,255,0.6); }
[data-theme="dark"] .card-image-wrapper {
    border-bottom-color: rgba(255,255,255,0.4) !important;
}

/* ── Counter Section (already dark bg) ───────────────────── */
[data-theme="dark"] .counter-section {
    background: #0d1a2d !important;
}
[data-theme="dark"] .counter-card {
    background: rgba(20,20,20,0.7) !important;
    border-color: rgba(255,255,255,0.08) !important;
}
[data-theme="dark"] .counter-number { color: #e8e8e8; }
[data-theme="dark"] .counter-label { color: rgba(255,255,255,0.5); }
[data-theme="dark"] .counter-card-icon { color: rgba(255,255,255,0.25); }
[data-theme="dark"] .counter-badge span {
    border-color: rgba(255,255,255,0.15) !important;
    color: rgba(255,255,255,0.7) !important;
}

/* ── Rivedi Section (already dark in light mode) ─────────── */
[data-theme="dark"] .rivedi-section {
    background: linear-gradient(135deg, #0d1a2d 0%, #0a1628 50%, #081020 100%) !important;
}

/* ── Podcast Split Cards ─────────────────────────────────── */
[data-theme="dark"] .podcast-split-card {
    background: rgba(20,20,20,0.85) !important;
    border: 2.5px solid rgba(255,255,255,0.7) !important;
    box-shadow: 0 0 12px rgba(255,255,255,0.15), 0 0 24px rgba(255,255,255,0.06), var(--pop-shadow) !important;
}
[data-theme="dark"] .podcast-split-card:hover {
    border-color: rgba(255,255,255,0.9) !important;
    box-shadow: 0 0 18px rgba(255,255,255,0.25), 0 0 36px rgba(255,255,255,0.1), var(--pop-shadow-strong) !important;
}
[data-theme="dark"] .podcast-cover-side {
    background: rgba(1,38,87,0.2) !important;
    border-right-color: var(--accent-celeste) !important;
}
[data-theme="dark"] .podcast-text-side h3 { color: #e8e8e8; }
[data-theme="dark"] .podcast-text-side p { color: rgba(255,255,255,0.6); }

/* ── WUU Panel ───────────────────────────────────────────── */
[data-theme="dark"] .wuu-panel {
    background: rgba(20,20,20,0.85) !important;
    border: 2.5px solid rgba(255,255,255,0.7) !important;
    box-shadow: 0 0 12px rgba(255,255,255,0.15), 0 0 24px rgba(255,255,255,0.06), var(--pop-shadow) !important;
}
[data-theme="dark"] .wuu-panel:hover {
    border-color: rgba(255,255,255,0.9) !important;
    box-shadow: 0 0 18px rgba(255,255,255,0.25), 0 0 36px rgba(255,255,255,0.1), var(--pop-shadow-strong) !important;
}

/* ── Schedule & Ranking rows ─────────────────────────────── */
[data-theme="dark"] .schedule-row,
[data-theme="dark"] .ranking-row {
    border-bottom-color: rgba(255,255,255,0.06) !important;
}
[data-theme="dark"] .schedule-time { color: var(--accent-celeste); }
[data-theme="dark"] .schedule-details h4,
[data-theme="dark"] .rank-details h4 { color: #e8e8e8; }
[data-theme="dark"] .schedule-details p,
[data-theme="dark"] .rank-details p { color: rgba(255,255,255,0.6); }
[data-theme="dark"] .rank-number { color: var(--accent-celeste); }

/* ── Spotify Embed ───────────────────────────────────────── */
[data-theme="dark"] .spotify-embed-mock {
    background: rgba(20,20,20,0.85) !important;
    border: 2.5px solid rgba(255,255,255,0.7) !important;
    box-shadow: 0 0 12px rgba(255,255,255,0.15), 0 0 24px rgba(255,255,255,0.06), 6px 6px 0px #1db954 !important;
}
[data-theme="dark"] .spotify-embed-mock:hover {
    border-color: rgba(255,255,255,0.9) !important;
    box-shadow: 0 0 18px rgba(255,255,255,0.25), 0 0 36px rgba(255,255,255,0.1), 6px 6px 0px #1db954 !important;
}
[data-theme="dark"] .spotify-embed-mock h4 { color: #e8e8e8; }
[data-theme="dark"] .spotify-embed-mock p { color: rgba(255,255,255,0.6); }

/* ── Search Overlay ──────────────────────────────────────── */
[data-theme="dark"] .search-overlay {
    background: rgba(10,10,10,0.97) !important;
}
[data-theme="dark"] .search-overlay-input {
    background: rgba(255,255,255,0.06) !important;
    color: #e8e8e8 !important;
    border-color: rgba(255,255,255,0.12) !important;
}
[data-theme="dark"] .search-overlay-hint { color: rgba(255,255,255,0.35); }
[data-theme="dark"] .search-result-item {
    background: rgba(20,20,20,0.85) !important;
    border-color: rgba(255,255,255,0.06) !important;
    color: #e8e8e8;
}
[data-theme="dark"] .search-result-item:hover {
    background: rgba(30,30,30,0.9) !important;
}
[data-theme="dark"] .search-result-item .search-result-title { color: #e8e8e8; }
[data-theme="dark"] .search-result-item .search-result-snippet { color: rgba(255,255,255,0.5); }
[data-theme="dark"] .search-overlay-close {
    border-color: rgba(255,255,255,0.2) !important;
    color: #e8e8e8 !important;
}

/* ── Adv Banners ─────────────────────────────────────────── */
[data-theme="dark"] .adv-placeholder {
    background: rgba(20,20,20,0.85) !important;
    border-color: rgba(255,255,255,0.08) !important;
    color: rgba(255,255,255,0.4) !important;
}

/* ── Footer ──────────────────────────────────────────────── */
[data-theme="dark"] .main-footer {
    background: #060d18 !important;
}
[data-theme="dark"] .footer-nav a { color: rgba(255,255,255,0.6); }
[data-theme="dark"] .footer-nav a:hover { color: var(--accent-celeste); }
[data-theme="dark"] .footer-contacts li { color: rgba(255,255,255,0.6); }
[data-theme="dark"] .footer-copy { color: rgba(255,255,255,0.3); border-top-color: rgba(255,255,255,0.06); }

/* ── Cookie Banner ───────────────────────────────────────── */
[data-theme="dark"] .cookie-pop-banner {
    background: rgba(20,20,20,0.95) !important;
    border-color: rgba(255,255,255,0.08) !important;
    color: #e8e8e8;
}
[data-theme="dark"] .cookie-pop-banner h3 { color: #e8e8e8; }

/* ── Hero Section ────────────────────────────────────────── */
[data-theme="dark"] .hero-section { background: transparent; }
[data-theme="dark"] .hero-badge { background: rgba(1,133,199,0.2); color: var(--accent-celeste); }
[data-theme="dark"] .hero-title { color: #e8e8e8; }
[data-theme="dark"] .hero-subtitle { color: var(--accent-celeste); }

/* ── Loader ──────────────────────────────────────────────── */
[data-theme="dark"] .loader-overlay { background: #0a0a0a; }

/* ── Day Events Panel (Palinsesto) ───────────────────────── */
[data-theme="dark"] .day-events-panel {
    background: rgba(20,20,20,0.7) !important;
    border: 2.5px solid rgba(255,255,255,0.7) !important;
    box-shadow: 0 0 12px rgba(255,255,255,0.15), 0 0 24px rgba(255,255,255,0.06), var(--pop-shadow) !important;
}
[data-theme="dark"] .calendar-day-number {
    background: rgba(20,20,20,0.6) !important;
    border-color: rgba(255,255,255,0.1) !important;
    color: #e8e8e8 !important;
}
[data-theme="dark"] .calendar-day-number.active,
[data-theme="dark"] .calendar-day-number:hover {
    background: var(--accent-celeste) !important;
    color: #0a0a0a !important;
    border-color: var(--accent-celeste) !important;
}
[data-theme="dark"] .weekday-label { color: rgba(255,255,255,0.5); border-color: rgba(255,255,255,0.08) !important; background: rgba(20,20,20,0.5) !important; }
[data-theme="dark"] .month-selector button {
    background: rgba(20,20,20,0.6) !important;
    color: #e8e8e8 !important;
    border-color: rgba(255,255,255,0.08) !important;
}
[data-theme="dark"] .month-selector button.active {
    background: var(--accent-celeste) !important;
    color: #0a0a0a !important;
}
[data-theme="dark"] .calendar-info-box {
    background: rgba(20,20,20,0.6) !important;
    border-color: rgba(255,255,255,0.06) !important;
    color: rgba(255,255,255,0.6) !important;
}
[data-theme="dark"] .calendar-info-box strong { color: #e8e8e8; }

/* Calendario del palinsesto: pulsanti dei giorni (mobile) leggibili in dark */
[data-theme="dark"] .calendar-weekday-button {
    background: rgba(20,20,20,0.6) !important;
    border-color: rgba(255,255,255,0.1) !important;
    color: #e8e8e8 !important;
}
[data-theme="dark"] .calendar-weekday-button.active,
[data-theme="dark"] .calendar-weekday-button:hover {
    background: var(--accent-celeste) !important;
    color: #0a0a0a !important;
    border-color: var(--accent-celeste) !important;
}
@media (max-width: 600px) {
    [data-theme="dark"] .calendar-photo-days-title { color: rgba(255,255,255,0.9) !important; }
}

/* ── Pal Photo ───────────────────────────────────────────── */
[data-theme="dark"] .pal-photo {
    background: rgba(20,20,20,0.6) !important;
    border: 2.5px solid rgba(255,255,255,0.7) !important;
    box-shadow: 0 0 12px rgba(255,255,255,0.15), 0 0 24px rgba(255,255,255,0.06), var(--pop-shadow) !important;
    color: rgba(255,255,255,0.15) !important;
}

/* ── Blog Card ───────────────────────────────────────────── */
[data-theme="dark"] .blog-card {
    background: rgba(20,20,20,0.85) !important;
    border-color: rgba(255,255,255,0.08) !important;
}
[data-theme="dark"] .blog-card h3,
[data-theme="dark"] .blog-card h4 { color: #e8e8e8; }
[data-theme="dark"] .blog-card p { color: rgba(255,255,255,0.6); }

/* ── News Slider ─────────────────────────────────────────── */
[data-theme="dark"] .news-slider-viewport {
    background: rgba(20,20,20,0.85) !important;
    border-color: rgba(255,255,255,0.08) !important;
}
[data-theme="dark"] .news-slide .news-content p { color: rgba(255,255,255,0.6); }
[data-theme="dark"] .news-slider-dot {
    border-color: rgba(255,255,255,0.2) !important;
    background: rgba(255,255,255,0.1) !important;
}
[data-theme="dark"] .news-slider-dot.active {
    background: var(--accent-celeste) !important;
    border-color: var(--accent-celeste) !important;
}
[data-theme="dark"] .news-slider-arrow {
    background: rgba(20,20,20,0.7) !important;
    border-color: rgba(255,255,255,0.1) !important;
    color: #e8e8e8 !important;
}

/* ── News Small Cards ────────────────────────────────────── */
[data-theme="dark"] .news-img-placeholder-small {
    background: rgba(1,133,199,0.06) !important;
    border-right-color: rgba(255,255,255,0.08) !important;
    border-bottom-color: rgba(255,255,255,0.08) !important;
}
[data-theme="dark"] .card-small h4 { color: #e8e8e8; }

/* ── TV / Social Cards ───────────────────────────────────── */
[data-theme="dark"] .tv-card,
[data-theme="dark"] .podcast-card {
    background: rgba(20,20,20,0.85) !important;
    border: 2.5px solid rgba(255,255,255,0.7) !important;
    box-shadow: 0 0 12px rgba(255,255,255,0.15), 0 0 24px rgba(255,255,255,0.06), var(--pop-shadow) !important;
}
[data-theme="dark"] .tv-card:hover,
[data-theme="dark"] .podcast-card:hover {
    border-color: rgba(255,255,255,0.9) !important;
    box-shadow: 0 0 18px rgba(255,255,255,0.25), 0 0 36px rgba(255,255,255,0.1), var(--pop-shadow-strong) !important;
}

/* ── Player Bar ──────────────────────────────────────────── */
[data-theme="dark"] .player-bar,
[data-theme="dark"] .radio-player-bar {
    background: rgba(10,10,10,0.95) !important;
    border-top-color: rgba(255,255,255,0.06) !important;
}
[data-theme="dark"] .track-title { color: #e8e8e8 !important; }
[data-theme="dark"] .track-artist { color: rgba(255,255,255,0.5) !important; }
[data-theme="dark"] .track-status { color: rgba(255,255,255,0.4) !important; }
[data-theme="dark"] .control-btn {
    background: rgba(255,255,255,0.08) !important;
    color: #e8e8e8 !important;
    border-color: rgba(255,255,255,0.12) !important;
}
[data-theme="dark"] .btn-live-link {
    background: rgba(255,255,255,0.06) !important;
    color: #e8e8e8 !important;
    border-color: rgba(255,255,255,0.12) !important;
}
[data-theme="dark"] .speaker-avatar-box {
    border-color: rgba(255,255,255,0.1) !important;
    color: #e8e8e8 !important;
    background: rgba(1,133,199,0.15) !important;
}

/* ── Palinsesto Page Hero ────────────────────────────────── */
[data-theme="dark"] .page-hero h1 { color: #e8e8e8; }
[data-theme="dark"] .eyebrow {
    background: rgba(1,133,199,0.2) !important;
    color: var(--accent-celeste) !important;
    box-shadow: 4px 4px 0 rgba(0,0,0,0.3) !important;
}
[data-theme="dark"] .articles-toolbar label,
[data-theme="dark"] .articles-toolbar select {
    color: #e8e8e8 !important;
    background: rgba(20,20,20,0.8) !important;
    border-color: rgba(255,255,255,0.08) !important;
}
[data-theme="dark"] .pal-article-card {
    background: rgba(20,20,20,0.85) !important;
    border-color: rgba(255,255,255,0.08) !important;
}
[data-theme="dark"] .pal-article-card h3 { color: #e8e8e8; }
[data-theme="dark"] .pal-article-card p { color: rgba(255,255,255,0.6); }

/* ── Buttons ─────────────────────────────────────────────── */
[data-theme="dark"] .btn {
    background: var(--accent-celeste) !important;
    color: #0a0a0a !important;
    border-color: var(--accent-celeste) !important;
}

/* ── Loader ──────────────────────────────────────────────── */
[data-theme="dark"] .loader-overlay { background: #0a0a0a; }
[data-theme="dark"] .loader-motto { color: rgba(255,255,255,0.85); }

/* ── Theme Toggle Button ─────────────────────────────────── */
.theme-toggle-btn {
    background: none;
    border: none;
    cursor: pointer;
    font-size: 1.1rem;
    color: var(--text-main);
    padding: 4px 6px;
    transition: color 0.2s, transform 0.2s;
    display: flex;
    align-items: center;
    justify-content: center;
}
.theme-toggle-btn:hover {
    color: var(--accent-celeste);
    transform: scale(1.1);
}


/* ── Team Page ────────────────────────────────────────────── */
[data-theme="dark"] .team-card {
    background: rgba(255,255,255,0.04) !important;
    border: 2.5px solid rgba(255,255,255,0.7) !important;
    box-shadow: 0 0 12px rgba(255,255,255,0.15), 0 0 24px rgba(255,255,255,0.06), var(--pop-shadow) !important;
}
[data-theme="dark"] .team-card:hover {
    border-color: rgba(255,255,255,0.9) !important;
    box-shadow: 0 0 18px rgba(255,255,255,0.25), 0 0 36px rgba(255,255,255,0.1), var(--pop-shadow-strong) !important;
}
[data-theme="dark"] .team-card-avatar {
    border-bottom-color: rgba(255,255,255,0.12) !important;
    background: rgba(1,133,199,0.12) !important;
    color: var(--accent-celeste) !important;
}
[data-theme="dark"] .team-card-name {
    color: #e8e8e8 !important;
}
[data-theme="dark"] .team-card-role {
    color: rgba(255,255,255,0.5) !important;
}
[data-theme="dark"] .team-card-desc {
    color: rgba(255,255,255,0.45) !important;
}
[data-theme="dark"] .team-toggle-group {
    background: rgba(255,255,255,0.06) !important;
    border-color: rgba(255,255,255,0.12) !important;
    box-shadow: 0 0 12px rgba(255,255,255,0.08), var(--pop-shadow) !important;
}
[data-theme="dark"] .team-toggle-btn {
    color: rgba(255,255,255,0.5) !important;
}
[data-theme="dark"] .team-toggle-btn.active {
    background: var(--accent-celeste) !important;
    color: var(--white) !important;
}
[data-theme="dark"] .badge-operativo {
    background: var(--accent-celeste) !important;
    color: var(--white) !important;
}
[data-theme="dark"] .badge-famiglia {
    background: var(--accent-red) !important;
    color: var(--white) !important;
}
[data-theme="dark"] .page-desc {
    color: rgba(255,255,255,0.5) !important;
}
[data-theme="dark"] .back-home {
    background: rgba(255,255,255,0.06) !important;
    color: #e8e8e8 !important;
    border-color: rgba(255,255,255,0.12) !important;
}
[data-theme="dark"] .back-home:hover {
    color: var(--accent-celeste) !important;
    border-color: var(--accent-celeste) !important;
}
[data-theme="dark"] .footer-logo {
    filter: brightness(0) invert(1);
}
[data-theme="dark"] .footer-links a {
    color: rgba(255,255,255,0.6);
}
[data-theme="dark"] .footer-links a:hover {
    color: var(--accent-celeste);
}

/* ── NEW LIFE HIT - Effetto Neon (Dark Theme) ── */
[data-theme="dark"] .newlifehit-section {
    background: #0a0a0a !important;
    border-top: 1px solid rgba(255,255,255,0.06);
    border-bottom: 1px solid rgba(255,255,255,0.06);
}
[data-theme="dark"] .newlifehit-section::before {
    background:
        radial-gradient(ellipse at 30% 20%, rgba(1,133,199,0.18) 0%, transparent 55%),
        radial-gradient(ellipse at 70% 80%, rgba(255,42,84,0.12) 0%, transparent 50%) !important;
}
[data-theme="dark"] .nlh-section-header h2 {
    color: #e8e8e8 !important;
    text-shadow: 0 0 10px rgba(1,133,199,0.7), 0 0 22px rgba(1,133,199,0.45), 0 0 38px rgba(1,133,199,0.25) !important;
}
/* Card coverflow attiva: glow neon celeste intenso */
[data-theme="dark"] .nlh-card.active {
    box-shadow: 0 20px 60px rgba(0,0,0,0.7), 0 0 0 3px rgba(1,133,199,0.6),
                0 0 20px rgba(1,133,199,0.5), 0 0 40px rgba(1,133,199,0.3) !important;
}
/* Card laterali: glow neon attenuato */
[data-theme="dark"] .nlh-card.peek-next,
[data-theme="dark"] .nlh-card.peek-prev {
    box-shadow: 0 12px 40px rgba(0,0,0,0.6), 0 0 0 2px rgba(1,133,199,0.25),
                0 0 12px rgba(1,133,199,0.2) !important;
}
/* Bordo copertina card attiva con neon */
[data-theme="dark"] .nlh-card.active .nlh-card-cover {
    box-shadow: inset 0 0 0 2px rgba(1,133,199,0.4) !important;
}
/* Titolo brano con neon */
[data-theme="dark"] .nlh-title {
    color: #e8e8e8 !important;
    text-shadow: 0 0 10px rgba(1,133,199,0.6), 0 0 20px rgba(1,133,199,0.3) !important;
}
/* Descrizione brano con neon attenuato */
[data-theme="dark"] .nlh-desc {
    color: rgba(232,232,232,0.75) !important;
    text-shadow: 0 0 8px rgba(1,133,199,0.3) !important;
}
/* Frecce di navigazione neon */
[data-theme="dark"] .nlh-nav {
    background: rgba(1,133,199,0.12) !important;
    border-color: rgba(1,133,199,0.5) !important;
    color: #e8e8e8 !important;
    box-shadow: 0 0 10px rgba(1,133,199,0.25), 0 0 20px rgba(1,133,199,0.12) !important;
}
[data-theme="dark"] .nlh-nav:hover {
    background: rgba(1,133,199,0.25) !important;
    border-color: var(--accent-celeste) !important;
    box-shadow: 0 0 16px rgba(1,133,199,0.6), 0 0 32px rgba(1,133,199,0.3) !important;
}
/* Dots neon */
[data-theme="dark"] .nlh-dot {
    border-color: rgba(1,133,199,0.5) !important;
}
[data-theme="dark"] .nlh-dot.active {
    background: var(--accent-celeste) !important;
    border-color: var(--accent-celeste) !important;
    box-shadow: 0 0 10px rgba(1,133,199,0.7), 0 0 20px rgba(1,133,199,0.4) !important;
}
[data-theme="dark"] .nlh-dot:hover {
    border-color: var(--accent-celeste) !important;
}
[data-theme="dark"] .nlh-empty {
    color: rgba(255,255,255,0.45) !important;
}