/* ═══════════════════════════════════════════════
   THEMES – Világos mód felülírások
   (A CSS változók a base.css-ben vannak definiálva)
   MovarFM · css/themes.css
   ═══════════════════════════════════════════════ */

/* ─── Téma gomb ─── */
[data-theme="light"] .theme-btn{
    background:rgba(0,0,0,.04);
}

[data-theme="light"] .mobile-menu-toggle{
    background:rgba(0,0,0,.04);
    border-color:rgba(0,0,0,.09);
}

/* ─── Body háttér ─── */
[data-theme="light"] body{
    background:
        radial-gradient(circle at 10% 10%, rgba(0,160,200,.07), transparent 24%),
        radial-gradient(circle at 90% 0%, rgba(80,100,200,.06), transparent 24%),
        radial-gradient(circle at 50% 100%, rgba(0,160,200,.05), transparent 28%),
        linear-gradient(180deg,var(--bg-1),var(--bg-2) 45%,var(--bg-3));
}

/* ─── Oldalsáv ─── */
[data-theme="light"] .side-card{
    background:rgba(215,228,248,.85);
}

/* ─── Kis dobozok ─── */
[data-theme="light"] .mini-box,
[data-theme="light"] .info-box,
[data-theme="light"] .history-item{
    background:rgba(0,0,0,.04);
    border-color:rgba(0,0,0,.07);
}

/* ─── Jelzők / Badge-ek ─── */
[data-theme="light"] .np-badge,
[data-theme="light"] .eyebrow{
    background:rgba(0,0,0,.05);
    border-color:rgba(0,0,0,.08);
    color:var(--text);
}

/* ─── Képek háttere ─── */
[data-theme="light"] .cover-image,
[data-theme="light"] .sticky-cover,
[data-theme="light"] .history-cover{
    background:#cddaee;
}

/* ─── Haladás sáv ─── */
[data-theme="light"] .progress-track{
    background:rgba(0,0,0,.10);
}

/* ─── Vizualizátor ─── */
[data-theme="light"] .visualizer{
    background:linear-gradient(180deg, rgba(255,255,255,.72), rgba(226,237,252,.82));
    border-color:rgba(0,0,0,.11);
}

/* ─── Vizualizátor stílus menü ─── */
[data-theme="light"] .viz-style-menu{
    background:rgba(248,251,255,.97);
    border-color:rgba(0,0,0,.12);
    box-shadow:0 16px 36px rgba(0,0,0,.14), 0 2px 6px rgba(0,0,0,.08);
}

[data-theme="light"] .viz-style-btn{
    background:rgba(0,0,0,.03);
    color:#0d1827;
    border-color:rgba(0,0,0,.07);
}

[data-theme="light"] .viz-style-btn:hover{
    background:rgba(0,0,0,.07);
    border-color:rgba(0,0,0,.13);
    color:#0d1827;
}

[data-theme="light"] .viz-style-btn.is-active{
    border-color:rgba(0,153,187,.55);
    background:rgba(0,153,187,.16);
    color:#005f80;
}

/* ─── Hangerő csúszka ─── */
[data-theme="light"] input[type="range"]{
    background:linear-gradient(90deg, rgba(0,153,187,.30), rgba(0,0,0,.08));
    border-color:rgba(0,0,0,.06);
}

/* ─── Lábléc sáv ─── */
[data-theme="light"] .footer{
    background:rgba(225,234,250,.93);
    border-color:rgba(0,0,0,.09);
    box-shadow:0 16px 36px rgba(0,0,0,.12);
}

/* ─── Lejátszó kártya háttér effekt ─── */
[data-theme="light"] .player-card::before{
    background:radial-gradient(circle, rgba(0,153,187,.08), transparent 70%);
}

/* ─── API jelző ─── */
[data-theme="light"] .api-indicator{
    box-shadow:0 0 10px rgba(22,163,74,.35);
}

[data-theme="light"] .api-indicator.offline{
    box-shadow:0 0 10px rgba(220,38,38,.25);
}