/* ═══════════════════════════════════════════════════════════════════
   eVazo — MODE CLAIR : ajustements manuels
   Chargé APRÈS theme-light.css (généré). Tout ce que le générateur ne
   peut pas déduire : utilitaires Bootstrap, styles inline, surfaces
   principales, contrôles natifs.
   ═══════════════════════════════════════════════════════════════════ */
html[data-theme="light"] {
    color-scheme: light;
    --bg-main:       #f2f3f8;
    --bg-card:       rgba(255, 255, 255, 0.92);
    --border-subtle: rgba(21, 22, 43, 0.10);
    --text-muted:    rgba(21, 22, 43, 0.60);
    --nav-bg:        rgba(255, 255, 255, 0.94);
}

/* ── Surfaces principales ── */
html[data-theme="light"] body {
    background: linear-gradient(135deg, #f4f5fa 0%, #eef1f8 50%, #e9eef8 100%);
    background-attachment: fixed;
    color: #15162b;
}
html[data-theme="light"] .evazoNav { border-bottom-color: rgba(21,22,43,.08); box-shadow: 0 1px 0 rgba(21,22,43,.04); }
html[data-theme="light"] .evazo-subnav-music,
html[data-theme="light"] .evazo-subnav-podcast { background: rgba(255,255,255,.94); }
html[data-theme="light"] .evazo-subnav-video   { background: rgba(255,250,250,.96); }
html[data-theme="light"] .evazo-subnav { border-bottom-color: rgba(21,22,43,.08); }
html[data-theme="light"] .evazoBar,
html[data-theme="light"] .evazo-bottom-nav,
html[data-theme="light"] #podPlayerGlobal {
    background: rgba(255,255,255,.97);
    box-shadow: 0 -8px 32px rgba(21,22,43,.10), 0 -1px 0 rgba(21,22,43,.06);
}
html[data-theme="light"] .evazo-bottom-nav { border-top-color: rgba(21,22,43,.08); }
html[data-theme="light"] .modern-card,
html[data-theme="light"] .panel,
html[data-theme="light"] .panel-default {
    box-shadow: 0 4px 24px rgba(21,22,43,.06);
}
html[data-theme="light"] .evazo-footer { background: rgba(21,22,43,.03); border-top-color: rgba(21,22,43,.08); }

/* ── Formulaires (le générateur ne touche pas aux fonds noirs translucides) ── */
html[data-theme="light"] .form-control,
html[data-theme="light"] .form-select {
    background: #fff !important;
    border-color: rgba(21,22,43,.16) !important;
    color: #15162b !important;
}
html[data-theme="light"] .form-select {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%2315162b' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e") !important;
    background-repeat: no-repeat !important;
    background-position: right .75rem center !important;
    background-size: 16px 12px !important;
}
html[data-theme="light"] .form-control::placeholder { color: rgba(21,22,43,.42); }
html[data-theme="light"] .nav-search,
html[data-theme="light"] .nav-search:focus { background: rgba(21,22,43,.05) !important; color: #15162b !important; }
html[data-theme="light"] .nav-search::placeholder { color: rgba(21,22,43,.45); }
html[data-theme="light"] .panel-footer { background: rgba(21,22,43,.04); }
html[data-theme="light"] .table tbody tr:hover { background: rgba(21,22,43,.04) !important; }
html[data-theme="light"] ::-webkit-scrollbar-track { background: rgba(21,22,43,.05); }

/* ── Utilitaires Bootstrap utilisés dans les templates ── */
html[data-theme="light"] .text-white { color: #15162b !important; }
html[data-theme="light"] .text-muted { color: rgba(21,22,43,.6) !important; }
html[data-theme="light"] .text-light { color: rgba(21,22,43,.8) !important; }
html[data-theme="light"] .btn-outline-light {
    color: rgba(21,22,43,.75) !important;
    border-color: rgba(21,22,43,.18) !important;
}
html[data-theme="light"] .btn-outline-light:hover { background: rgba(21,22,43,.08) !important; color: #15162b !important; }
html[data-theme="light"] .navbar-dark .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2821, 22, 43, 0.8%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
html[data-theme="light"] .dropdown-menu-dark {
    --bs-dropdown-bg: #fff; --bs-dropdown-color: #15162b; --bs-dropdown-link-color: rgba(21,22,43,.8);
    --bs-dropdown-link-hover-color: #15162b; --bs-dropdown-link-hover-bg: rgba(102,126,234,.12);
    --bs-dropdown-divider-bg: rgba(21,22,43,.1); --bs-dropdown-border-color: rgba(21,22,43,.1);
}
html[data-theme="light"] .dropdown-divider { border-color: rgba(21,22,43,.1) !important; }
html[data-theme="light"] .table-dark { --bs-table-bg: #fff; --bs-table-color: #15162b; --bs-table-border-color: rgba(21,22,43,.1); }
html[data-theme="light"] .modal-content { background: #fff !important; color: #15162b; border-color: rgba(21,22,43,.1) !important; }
html[data-theme="light"] .modal-title { color: #15162b !important; }
html[data-theme="light"] .btn-close { filter: none; }
html[data-theme="light"] .alert-danger { background: rgba(220,53,69,.1); color: #b02a37; }
html[data-theme="light"] .badge.bg-dark { background: #15162b !important; }

/* ── Éléments de la barre / navigation ── */
html[data-theme="light"] .evazo-profile-dropdown { background: #fff !important; box-shadow: 0 8px 32px rgba(21,22,43,.14) !important; }
html[data-theme="light"] .evazo-genre-dropdown,
html[data-theme="light"] .snav-genre-panel,
html[data-theme="light"] .evazo-suggest,
html[data-theme="light"] .evazo-queue-panel,
html[data-theme="light"] .evazo-pip,
html[data-theme="light"] .atp-modal-box,
html[data-theme="light"] .premium-modal-box {
    background: #fff !important;
    box-shadow: 0 16px 48px rgba(21,22,43,.16);
}
html[data-theme="light"] .tb-progress-rail { background: rgba(21,22,43,.1); }
html[data-theme="light"] .tb-volume-range { background: rgba(21,22,43,.18); }
html[data-theme="light"] .tb-cover-wrap { box-shadow: 0 4px 14px rgba(21,22,43,.18), 0 0 0 1px rgba(21,22,43,.06); }
html[data-theme="light"] .tb-progress-bubble,
html[data-theme="light"] .tb-autonext-toast,
html[data-theme="light"] .radio-toast,
html[data-theme="light"] .atp-toast { background: #fff; color: #15162b; box-shadow: 0 8px 30px rgba(21,22,43,.18); }
html[data-theme="light"] .evazo-mob-menu-item { background: rgba(21,22,43,.05); border-color: rgba(21,22,43,.08); color: rgba(21,22,43,.85); }
html[data-theme="light"] .visitor-banner { color: #15162b; background: linear-gradient(90deg, rgba(245,158,11,.14), rgba(234,88,12,.08)); }
html[data-theme="light"] .visitor-btn-login { background: rgba(21,22,43,.06); border-color: rgba(21,22,43,.15); color: #15162b; }
html[data-theme="light"] .visitor-btn-reg { color: #92400e; }
html[data-theme="light"] .premium-modal-close { background: rgba(21,22,43,.06); color: #555; }
html[data-theme="light"] .evazo-avatar { border-color: rgba(21,22,43,.12); }

/* ── Bouton thème (soleil / lune) ── */
.evazo-theme-btn { cursor: pointer; }
.evazo-theme-btn .evazo-theme-ico-light { display: none; }
html[data-theme="light"] .evazo-theme-btn .evazo-theme-ico-light { display: inline; }
html[data-theme="light"] .evazo-theme-btn .evazo-theme-ico-dark  { display: none; }

/* ── Page d'écoute / vidéo ── */
html[data-theme="light"] .sw-stage { background: #dfe3ee; border-color: rgba(21,22,43,.08); box-shadow: 0 20px 50px rgba(21,22,43,.16); }
html[data-theme="light"] .sw-info { background: #fff; border-color: rgba(21,22,43,.08); }
html[data-theme="light"] .sw-btn { background: rgba(21,22,43,.05); border-color: rgba(21,22,43,.1); color: #15162b; }
html[data-theme="light"] .sw-btn:hover { background: rgba(21,22,43,.1); color: #15162b; }
html[data-theme="light"] .sl-thumb { background: #dfe3ee; border-color: rgba(21,22,43,.08); }
html[data-theme="light"] .player-wrap { background: #000; }

/* ── Cartes du feed ── */
html[data-theme="light"] .fd-root { --card: #ffffff; --card-hi: #f6f7fb; --bg: transparent; }
html[data-theme="light"] .fd-thumb { background: #dfe3ee; }
html[data-theme="light"] .fd-card:hover .fd-thumb { box-shadow: 0 12px 30px rgba(21,22,43,.18); }

/* ── Styles inline connus (modale Shazam, en-têtes) ── */
html[data-theme="light"] #acrModal .modal-content { background: #fff !important; }
html[data-theme="light"] #acrModalLabel { color: #15162b !important; }

/* ── Utilitaires Bootstrap « blanc atténué » (pages connexion / inscription) ── */
html[data-theme="light"] .text-white-50 { color: rgba(21,22,43,.6) !important; }
html[data-theme="light"] .text-white-75 { color: rgba(21,22,43,.8) !important; }

/* ── Textes posés sur une pochette (profil : titres d'albums) ── */
html[data-theme="light"] .pf-album-info-over .pf-album-title { color: #fff; }
html[data-theme="light"] .pf-album-info-over .pf-album-meta  { color: rgba(255,255,255,.75); }

/* ── Champs des pages connexion / inscription (fond noir translucide en sombre) ── */
html[data-theme="light"] .auth-input { background: #fff; border-color: rgba(21,22,43,.16); color: #15162b; }
html[data-theme="light"] .auth-input::placeholder { color: rgba(21,22,43,.42); }

/* ── Lecteur réduit (badge flottant) : reste sombre en mode clair, comme le badge Google Play ── */
html[data-theme="light"] .evazo-mini-badge { background: rgba(12,12,26,.92); color: #fff; border-color: rgba(124,58,237,.55); }
html[data-theme="light"] .evazo-mb-btn { color: rgba(255,255,255,.85); }
html[data-theme="light"] .evazo-mb-btn:hover { background: rgba(255,255,255,.1); color: #fff; }
html[data-theme="light"] .evazo-mb-play { color: #fff; }
html[data-theme="light"] .evazo-mb-artist { color: rgba(255,255,255,.55); }
html[data-theme="light"] .evazo-mb-ctrls { border-left-color: rgba(255,255,255,.1); }
html[data-theme="light"] .evazo-mb-expand { border-left-color: rgba(255,255,255,.1); color: rgba(255,255,255,.85); }

/* ── Recherche centrée (barre du haut) en mode clair ── */
html[data-theme="light"] .evazo-search-pill { background: rgba(21,22,43,.06); border-color: rgba(21,22,43,.14); box-shadow: none; }
html[data-theme="light"] .evazo-search-pill:hover { background: rgba(21,22,43,.08); }
html[data-theme="light"] .evazo-search-pill:focus-within { background: #fff; border-color: rgba(124,58,237,.7); box-shadow: 0 0 0 4px rgba(102,126,234,.18); }
html[data-theme="light"] .evazo-search-pill-btn { color: #fff; }