/* Whazup — thème « Marine & corail » : plus de contraste, un orange adouci (corail), des filtres bleu clair.
   Pour tout annuler : retirer la ligne <link ... soft-theme.css> dans index.html. */
:root { --wz-bg:#F0F6FB; --wz-ink:#14213D; --wz-mut:#5B6B7A; --wz-line:#DCE3E6; --wz-acc:#E8655A; --wz-acc-d:#C9483F; --wz-tint:#D7ECEF; --wz-teal:#1F7A8C; --wz-navy2:#22355F; }

/* fond et texte (sélecteurs renforcés pour passer devant le thème chaud) */
html body.wz-v2.wz-v2, html body.wz-v2.wz-v2 #view-discover, html body.wz-v2.wz-v2 main.view { background: var(--wz-bg) !important; color: var(--wz-ink) !important; }
html body.wz-v2.wz-v2 .topbar { background: rgba(255,255,255,.88) !important; border-bottom: 1px solid var(--wz-line) !important; backdrop-filter: blur(8px); }
html body.wz-v2.wz-v2 #wz-slogan, html body.wz-v2.wz-v2 #wz-count { color: var(--wz-mut) !important; }
html body.wz-v2.wz-v2 #wz-count b { color: var(--wz-acc-d) !important; }
html body.wz-v2.wz-v2 #wz-rows .wzr-i { background: #DCE8F2 !important; }

/* case de recherche : une carte nette */
html body.wz-v2 #wz-searchbar { border-color: var(--wz-line) !important; box-shadow: 0 6px 18px -14px rgba(20,33,61,.45) !important; }

/* raccourcis de date et filtres : blancs, puis bleu clair quand ils sont choisis */
html body.wz-v2 #wz-chips .wz-chip,
html body.wz-v2 #wz-chips .wz-cal-chip { background: #fff !important; border: 1px solid var(--wz-line) !important; color: var(--wz-ink) !important; }
html body.wz-v2 #wz-chips .wz-chip.on {
  background: var(--wz-tint) !important; border-color: var(--wz-teal) !important; color: var(--wz-ink) !important;
  box-shadow: inset 0 0 0 1px var(--wz-teal) !important;
}
html body.wz-v2 .home-quickbar-section button:not(#wz-all-btn), html body.wz-v2 .quick-cat { background: #fff !important; border: 1px solid var(--wz-line) !important; color: var(--wz-ink) !important; }

/* bannière « Je ne sais pas quoi faire » : bleu marine, texte clair, icône corail */
html body.wz-v2:not(.wz-nocity) #view-discover #sc-surprise {
  background: linear-gradient(135deg, var(--wz-ink), var(--wz-navy2)) !important; color: #fff !important;
  box-shadow: 0 10px 22px -16px rgba(20,33,61,.7) !important;
}
html body.wz-v2:not(.wz-nocity) #view-discover #sc-surprise,
html body.wz-v2:not(.wz-nocity) #view-discover #sc-surprise * { color: #fff !important; }
html body.wz-v2:not(.wz-nocity) #view-discover #sc-surprise .wz-e { background: var(--wz-acc) !important; }

/* gros bouton « Me localiser » et boutons principaux : corail uni */
html body #wz-locate-top { background: var(--wz-acc) !important; box-shadow: 0 8px 18px -12px rgba(201,72,63,.65) !important; }
[style*="linear-gradient"][style*="E85D3D" i], [style*="linear-gradient"][style*="F2864B" i] {
  background: var(--wz-acc) !important; box-shadow: none !important;
}

/* titres de rangées, dates, liens : corail foncé lisible */
html body #view-discover #wz-rows .wzr-h h2 em.wz-em { color: var(--wz-acc) !important; }
html body.wz-v2 #wz-rows .wzr-m b { color: var(--wz-acc-d) !important; }
html body.wz-v2 #wz-all-btn, html body.wz-v2 #wz-all-list { color: var(--wz-acc-d) !important; }
html body.wz-v2 #wz-nav .nav-item, html body.wz-v2 #wz-nav .nav-label { color: var(--wz-mut) !important; }
html body.wz-v2 #wz-nav .nav-item.active, html body.wz-v2 #wz-nav .nav-item.active .nav-label { color: var(--wz-ink) !important; }

/* calendrier */
#wz-cal .cal-box { background: #fff !important; color: var(--wz-ink) !important; }
#wz-cal .cal-ok, #wz-cal .cal-d.cal-start, #wz-cal .cal-d.cal-end { background: var(--wz-acc) !important; color: #fff !important; }
#wz-cal .cal-d.cal-in { background: var(--wz-tint) !important; }
#wz-cal .cal-d.cal-today { box-shadow: inset 0 0 0 1.5px var(--wz-teal) !important; }
#wz-cal .cal-d i { background: var(--wz-teal) !important; }

/* v2 : fond bleu partout (marges + bandeau du haut) */
html body, html body.wz-v2:has(#view-discover:not(.hidden)), html body.wz-v2:has(#view-detail:not(.hidden)) { background: var(--wz-bg) !important; }
html, html body.wz-v2 .topbar, html body .topbar, html body header.topbar { background-color: var(--wz-bg) !important; }
html body header.topbar { background: rgba(240,246,251,.94) !important; border-bottom: 1px solid var(--wz-line) !important; }

/* v3 : fenêtre « Où sors-tu ? » */
html body #wz-sheet { background: var(--wz-bg) !important; color: var(--wz-ink) !important; }
html body #wz-sheet .card h3 { color: var(--wz-acc-d) !important; }
html body #wz-sheet .row { background: #fff !important; border: 1px solid var(--wz-line) !important; color: var(--wz-ink) !important; }
html body #wz-sheet .row.on { background: #FDECEA !important; border-color: var(--wz-acc) !important; }
html body #wz-sheet .chip { background: #fff !important; border-color: var(--wz-line) !important; color: var(--wz-ink) !important; }
html body #wz-sheet .chip.on { background: var(--wz-navy2) !important; border-color: var(--wz-navy2) !important; color: #fff !important; }
html body #wz-sheet .sh-foot { background: var(--wz-bg) !important; border-top-color: var(--wz-line) !important; }
html body #wz-sheet .go, html body #wz-sheet button.go { background: var(--wz-acc) !important; color: #fff !important; }
html body #wz-sheet input[type=search], html body #wz-sheet input { border-color: var(--wz-line) !important; }

/* v4 : bandeau du haut bleu pastel (même spécificité que le thème chaud) */
html body.wz-v2:has(#view-discover:not(.hidden)) .topbar,
html body.wz-v2:has(#view-detail:not(.hidden)) .topbar { background: rgba(240,246,251,.96) !important; box-shadow: 0 1px 0 var(--wz-line) !important; }
html body.wz-v2 .topbar .brand-word .accent, html body.wz-v2:has(#view-discover:not(.hidden)) .topbar .brand-word .accent { color: var(--wz-acc) !important; }

/* v5 : fenêtre « Je ne sais pas quoi faire » aux couleurs du thème */
html body #wz-idea#wz-idea { background: var(--wz-bg) !important; color: var(--wz-ink) !important; }
html body #wz-idea#wz-idea .wz-i-k, html body #wz-idea#wz-idea .wz-i-why { color: var(--wz-acc-d) !important; }
html body #wz-idea#wz-idea .wz-i-steps i { background: var(--wz-line) !important; }
html body #wz-idea#wz-idea .wz-i-steps i.on { background: var(--wz-acc) !important; }
html body #wz-idea#wz-idea .wz-i-c { background: #fff !important; border: 1px solid var(--wz-line) !important; box-shadow: none !important; color: var(--wz-ink) !important; }
html body #wz-idea#wz-idea .wz-i-c.on { background: var(--wz-navy2) !important; border-color: var(--wz-navy2) !important; color: #fff !important; }
html body #wz-idea#wz-idea .wz-i-go { background: var(--wz-acc) !important; color: #fff !important; }
html body #wz-idea#wz-idea .wz-i-alt { background: #fff !important; color: var(--wz-acc-d) !important; border: 1px solid var(--wz-line) !important; }
html body #wz-idea#wz-idea .wz-i-ph { background: var(--wz-tint) !important; }
html body #wz-idea#wz-idea .wz-i-route { background: var(--wz-acc) !important; }

/* v6 : page « Nouveautés à … » : fond bleu pastel au lieu du bleu nuit */
html body #newfinds-overlay { background: var(--wz-bg) !important; }
html body #newfinds-overlay > div > div:first-child > div:first-child { color: var(--wz-mut) !important; }
html body #newfinds-overlay > div > div:first-child > div:nth-child(2) { color: var(--wz-ink) !important; }
html body #newfinds-overlay #newfinds-back, html body #newfinds-overlay #newfinds-close { background: #fff !important; color: var(--wz-ink) !important; border: 1px solid var(--wz-line) !important; }
html body #newfinds-overlay #newfinds-result { border: 1px solid var(--wz-line); box-shadow: 0 12px 24px -20px rgba(20,33,61,.5); }

/* v7 : carnet, amis, passeport, compte, fiche d'un événement → même style (bleu pastel, marine, corail) */
html body #souvenirs-screen, html body #passport-screen, html body #friends-screen { background: var(--wz-bg) !important; color: var(--wz-ink) !important; }
html body.wz-v2 #view-detail, html body.wz-v2:has(#view-detail:not(.hidden)) { background: var(--wz-bg) !important; }
html body.wz-v2 #view-detail .detail-hero { background: var(--wz-tint) !important; }
html body.wz-v2 #view-detail .detail-hero::after { background: linear-gradient(to top, rgba(240,246,251,.97), rgba(240,246,251,0)) !important; }
html body.wz-v2 #view-detail #btn-interested, html body.wz-v2 #view-detail #btn-interested:not(.active) { background: var(--wz-acc) !important; color: #fff !important; box-shadow: 0 12px 22px -16px rgba(201,72,63,.8) !important; }
html body.wz-v2 #view-detail .action-tile .tile-icon, html body.wz-v2 #view-detail .info-row-new .ico { background: var(--wz-bg) !important; }
html body.wz-v2 #view-detail .action-tile.active { background: #FDECEA !important; }
html body.wz-v2 #view-detail .info-sub.accent { color: var(--wz-acc-d) !important; }
html body #wz-ctabs button { background: #fff !important; border: 1px solid var(--wz-line) !important; color: var(--wz-ink) !important; }
html body #wz-ctabs button.on { background: var(--wz-navy2) !important; border-color: var(--wz-navy2) !important; color: #fff !important; }
html body #souvenirs-screen [style*="linear-gradient(90deg"], html body #friends-screen [style*="linear-gradient(90deg"], html body #passport-screen [style*="linear-gradient(90deg"] { background: var(--wz-acc) !important; color: #fff !important; }
html body #friends-screen input, html body #friends-screen input[type=email], html body #friends-screen input[type=text] { background: #fff !important; border: 1px solid var(--wz-line) !important; color: var(--wz-ink) !important; }
html body #account-modal .account-hero { background: linear-gradient(135deg, var(--wz-ink), var(--wz-navy2)) !important; }
html body #account-modal .account-hero-title { color: #fff !important; }
html body #account-modal .account-hero-sub { color: rgba(255,255,255,.8) !important; }
html body #account-modal .btn-primary, html body #account-modal [style*="linear-gradient"]:not(.account-hero) { background: var(--wz-acc) !important; color: #fff !important; }
html body #account-modal .modal-content { background: #fff !important; }

/* v8 : page « Nouveautés à … » : titres et infos lisibles (étaient blanc sur blanc) */
html body.wz-v2 #newfinds-overlay #newfinds-result .explore-pick div[style*="font-family"][style*="font-family"][style*="font-family"] { color: #14213D !important; }
html body.wz-v2 #newfinds-overlay #newfinds-result .explore-pick div[style*="color:#999"], html body.wz-v2 #newfinds-overlay #newfinds-result .explore-pick span[style*="color:#888"] { color: #6B7691 !important; }