/* ============================================================
   theme-light.css — Mode clair (appliqué via html.light-mode)
   ============================================================ */

/* ---- Variables publiques (recherche.html) ---- */
html.light-mode {
    --bg:  #f8f8f8;
    --c1:  #ffffff;
    --c2:  #eeeeee;
    --b1:  #e0e0e0;
    --b2:  #d0d0d0;
    --tx:  #1a1a1a;
    --mu:  #666666;
    --mu2: #999999;
    /* Variables admin */
    --card-bg:      #ffffff;
    --border-color: #e0e0e0;
    /* Fond derrière les covers (PNG transparents, marges zoom) */
    --cover-bg:     #e0e0e0;
}

html.light-mode body {
    background-color: #f8f8f8 !important;
    color: var(--tx, #1a1a1a);
}

/* ---- Admin : contenu principal ---- */
html.light-mode .main-content {
    background: var(--bg) !important;
    color: #1a1a1a !important;
}

/* Textes codés en dur dans l'admin (uniquement .main-content pour éviter les conflits) */
html.light-mode .page-title,
html.light-mode .stat-value,
html.light-mode .stat-label,
html.light-mode .main-content h1,
html.light-mode .main-content h2,
html.light-mode .main-content h3,
html.light-mode .main-content h4 {
    color: #1a1a1a;
}

/* Cards admin */
html.light-mode [style*="background: #111"],
html.light-mode [style*="background:#111"] {
    background: #fff !important;
}

html.light-mode [style*="color: #f0f0f0"],
html.light-mode [style*="color:#f0f0f0"] {
    color: #1a1a1a !important;
}

/* ---- index.html (liste événements) ---- */
html.light-mode {
    --bg:       #f8f8f8;
    --tx:       #1a1a1a;
    --card-bg:  #ffffff;
    --input-bg: #ffffff;
    --border:   #d0d0d0;
}

html.light-mode .search-bar {
    background-color: #ffffff !important;
    border-color: #d0d0d0 !important;
    box-shadow: 0 5px 20px rgba(0,0,0,0.08) !important;
}
html.light-mode .search-input { color: #1a1a1a !important; }
html.light-mode .search-input::placeholder { color: #999 !important; }
html.light-mode .search-icon-wrapper { color: #aaa !important; }

html.light-mode .event-card {
    background-color: #ffffff !important;
    color: #1a1a1a !important;
    border-color: #e0e0e0 !important;
    box-shadow: 0 10px 20px rgba(0,0,0,0.08) !important;
}
html.light-mode .event-title { color: #1a1a1a !important; }
html.light-mode .overlay-gradient { opacity: 0 !important; }

/* Prix pack (pcrd) — fond chaud pour éviter le blanc trop agressif */
html.light-mode .pcrd { background: #fdf5f0 !important; }

/* Titre de l'événement (hero-name) — codé en dur white dans recherche.html */
html.light-mode .hero-name { color: #1a1a1a !important; }

html.light-mode .no-events {
    background: #ffffff !important;
    border-color: #d0d0d0 !important;
    color: #555 !important;
}

/* Nombre de photos trouvées (pc-n) */
html.light-mode .pc-n { color: #1a1a1a !important; }
html.light-mode .pc-n span { color: var(--mu) !important; }

/* Cartes Notre-Projet et Présentation */
html.light-mode .info-card { background: #ffffff !important; border-color: #e0e0e0 !important; box-shadow: 0 4px 20px rgba(0,0,0,0.06) !important; }
html.light-mode .info-card:hover { border-color: rgba(255,133,89,0.3) !important; box-shadow: 0 16px 48px rgba(0,0,0,0.1) !important; }
html.light-mode .card-title { color: #1a1a1a !important; }

/* Bouton Importer — hover ne doit pas devenir blanc */
html.light-mode .btn-outline:hover { color: #1a1a1a !important; border-color: #888 !important; }

/* Bouton selfie (déclencheur appareil) — visible en mode clair */
html.light-mode .shtr { border-color: var(--acc, #FF8559) !important; background: rgba(255,133,89,0.08) !important; }
html.light-mode .shtr-in { background: var(--acc, #FF8559) !important; }
html.light-mode .shtr:active { background: rgba(255,133,89,0.2) !important; }