/* ============================================================
   detail-dark.css — Mode sombre des fiches détail
   (restaurant / achat / logement / transport + AMAP)

   Les fiches détail ont leur propre <style> inline avec des couleurs
   claires codées en dur et n'incluent pas styles.css. Ce fichier ajoute
   les surcharges sombres, déclenchées par <html data-theme="dark">
   (posé par le mini-script inline en <head> de chaque fiche, avant paint,
   donc sans flash + respecte le réglage manuel localStorage['deca-theme']).

   Palette alignée sur styles.css :
     bg #0e0e11 · surface #1b1b1f · panneau #141418
     texte #f2f2f5 · secondaire #9a9aa2 · tertiaire #6a6a72 · bordure #2c2c31

   Une seule branche [data-theme="dark"] → pas de @media ni de nesting CSS
   (compat iOS 15). La spécificité (:root[data-theme="dark"] …) bat les
   règles inline du <style> de la page.
   ============================================================ */

:root[data-theme="dark"] { background: var(--color-bg); }
:root[data-theme="dark"] body { background: var(--color-bg); color: var(--color-text); }

/* Header */
:root[data-theme="dark"] .header { background: rgba(16,16,20,0.85); border-bottom-color: var(--color-text-tertiary); }
:root[data-theme="dark"] .logo-text { color: var(--color-text); }
:root[data-theme="dark"] .logo-tag { color: #9a9aa2; border-color: var(--color-text-tertiary); }
:root[data-theme="dark"] .header-back { background: var(--color-surface); border-color: #2c2c31; color: #c7c7cc; }
:root[data-theme="dark"] .header-back:hover { color: var(--color-text); border-color: #3a3a40; }
:root[data-theme="dark"] .header-sep { background: rgba(255,255,255,0.12); }
:root[data-theme="dark"] .header-crumb { color: #6a6a72; }
:root[data-theme="dark"] .header-crumb strong { color: var(--color-text); }

/* Panneau gauche + scrollbar */
:root[data-theme="dark"] .panel-left { background: #141418; border-right-color: var(--color-text-tertiary); scrollbar-color: var(--color-text-tertiary) transparent; }
:root[data-theme="dark"] .panel-left::-webkit-scrollbar-thumb { background: rgba(255,255,255,0.15); }

/* Hero + galerie */
:root[data-theme="dark"] .detail-hero-img { background: var(--color-surface); }
:root[data-theme="dark"] .deca-gallery-img { background: var(--color-surface); }

/* Titres / textes */
:root[data-theme="dark"] .detail-name { color: var(--color-text); }
:root[data-theme="dark"] .detail-address { color: #9a9aa2; }
:root[data-theme="dark"] .detail-address svg { color: #6a6a72; }
:root[data-theme="dark"] .detail-location-pill { color: #6a6a72; }
:root[data-theme="dark"] .not-found h2 { color: var(--color-text); }
:root[data-theme="dark"] .not-found p { color: #9a9aa2; }

/* Séparateur */
:root[data-theme="dark"] .divider { background: rgba(255,255,255,0.08); }

/* Cartes d'info / atouts */
:root[data-theme="dark"] .info-item { background: var(--color-surface); border-color: #2c2c31; }
:root[data-theme="dark"] .info-item-label { color: #6a6a72; }
:root[data-theme="dark"] .info-item-value { color: var(--color-text); }
:root[data-theme="dark"] .atout-item { background: var(--color-surface); border-color: #2c2c31; color: #e8e8ec; }

/* Badges neutres (les badges vegan/michelin gardent leurs teintes) */
:root[data-theme="dark"] .badge-category,
:root[data-theme="dark"] .badge-cat { background: var(--color-surface); color: #9a9aa2; border-color: #2c2c31; }

/* Boutons secondaires */
:root[data-theme="dark"] .btn-secondary-deca { background: var(--color-surface); color: var(--color-text); border-color: #2c2c31; }
:root[data-theme="dark"] .btn-secondary-deca:hover { background: #26262b; }

/* Note de source */
:root[data-theme="dark"] .source-note { color: #6a6a72; }
:root[data-theme="dark"] .source-note a { color: #9a9aa2; }

/* Panneau carte (droite) + overlays + chargement */
:root[data-theme="dark"] .panel-right { background: var(--color-bg); }
:root[data-theme="dark"] .map-loading { background: #141418; }
:root[data-theme="dark"] .map-loading-spinner { border-color: #2c2c31; border-top-color: var(--color-text); }
:root[data-theme="dark"] .map-loading p { color: #6a6a72; }
:root[data-theme="dark"] .map-overlay-badge { background: rgba(27,27,31,0.92); color: var(--color-text); border-color: var(--color-text-tertiary); }

/* Chips de filtres (référentiel métier) */
:root[data-theme="dark"] .filter-chip { background: var(--color-surface); color: #c7c7cc; border-color: #2c2c31; }
:root[data-theme="dark"] .filter-chip.chip-metier { background: rgba(251,210,80,0.10); border-color: rgba(251,210,80,0.25); color: #f0c84a; }
:root[data-theme="dark"] .filter-chip.chip-eco { background: rgba(74,222,128,0.10); border-color: rgba(74,222,128,0.25); color: #5fd99a; }

/* Bordure du séparateur de panneau en pile (mobile) */
:root[data-theme="dark"] .panel-left { border-bottom-color: var(--color-text-tertiary); }

/* ── Neutralisation des fonds clairs en style="" inline ──
   (uniquement restaurant-detail : sections producteur / AMAP) */
:root[data-theme="dark"] [style*="background:#fafafa"],
:root[data-theme="dark"] [style*="background: #fafafa"] { background: #141418 !important; }
:root[data-theme="dark"] [style*="background:#f9f9fb"],
:root[data-theme="dark"] [style*="background: #f9f9fb"] { background: var(--color-surface) !important; }
:root[data-theme="dark"] [style*="background:#f0f7f0"],
:root[data-theme="dark"] [style*="background: #f0f7f0"] { background: rgba(74,222,128,0.08) !important; }
:root[data-theme="dark"] [style*="background:#eee"],
:root[data-theme="dark"] [style*="background: #eee"] { background: var(--color-bg) !important; }
:root[data-theme="dark"] [style*="rgba(255,193,7,0.12)"] { background: rgba(255,193,7,0.16) !important; }

/* Bordures claires de séparation de sections (restaurant : border-bottom #ececf0) */
:root[data-theme="dark"] [style*="border-bottom:1px solid #ececf0"],
:root[data-theme="dark"] [style*="border-bottom: 1px solid #ececf0"] { border-bottom-color: var(--color-text-tertiary) !important; }

/* ── Fiches AMAP : onglets de carte flottants (.map-tabs / .map-tab) ── */
:root[data-theme="dark"] .map-tabs { background: rgba(27,27,31,0.92); border-color: var(--color-text-tertiary); }
:root[data-theme="dark"] .map-tab { color: #9a9aa2; }
:root[data-theme="dark"] .map-tab.active { background: #f2f2f5; color: #15151a; }
:root[data-theme="dark"] .map-tab:hover:not(.active) { background: rgba(255,255,255,0.08); color: var(--color-text); }
