/* ============================================================ Carnet Thai — Theme sombre (couche de remappage couleurs) Active uniquement quand . Le design clair n'est jamais modifie. Palette : fond #0b1622, surfaces #15263a, texte #dce6f2, accent or #e8a93e. Deux parties : (1) coeur ecrit a la main ; (2) couverture auto-generee par scan de luminance (en bas, sous le separateur). ============================================================ */ html[data-theme="dark"]{color-scheme:dark} html[data-theme="dark"] body{background:#0b1622!important;color:#dce6f2} /* --- Header : transparent en haut (logo + titres sur le hero), puis fond sombre au defilement. La classe .ct-scrolled est posee par theme.js sur toutes les pages (uniforme, pas de fuite bleue). Le !important prime sur le style inline pose par les scripts de scroll de certaines pages. --- */ html[data-theme="dark"] #header{background:transparent!important;backdrop-filter:none!important} html[data-theme="dark"] #header.ct-scrolled{background:rgba(7,21,40,0.92)!important;backdrop-filter:blur(12px)!important} /* --- Texte de contenu : titres et corps forces en clair --- */ html[data-theme="dark"] h1,html[data-theme="dark"] h2,html[data-theme="dark"] h3, html[data-theme="dark"] h4,html[data-theme="dark"] h5,html[data-theme="dark"] h6{color:#eaf2fb} html[data-theme="dark"] p,html[data-theme="dark"] li,html[data-theme="dark"] dd, html[data-theme="dark"] dt,html[data-theme="dark"] td,html[data-theme="dark"] th, html[data-theme="dark"] blockquote,html[data-theme="dark"] figcaption{color:#cdd9e8} /* --- Utilitaires Tailwind (fonds clairs) --- */ html[data-theme="dark"] .bg-sand-50{background-color:#0b1622!important} html[data-theme="dark"] .bg-white,html[data-theme="dark"] .bg-ocean-50, html[data-theme="dark"] .bg-sand-100,html[data-theme="dark"] .bg-sand-200, html[data-theme="dark"] .bg-slate-50,html[data-theme="dark"] .bg-gray-50, html[data-theme="dark"] .bg-gray-100{background-color:#15263a!important} html[data-theme="dark"] .bg-ocean-50\/30,html[data-theme="dark"] .bg-ocean-50\/40, html[data-theme="dark"] .bg-ocean-50\/50{background-color:#0f1d2e!important} html[data-theme="dark"] .bg-ocean-100{background-color:#1b2f47!important} html[data-theme="dark"] .bg-green-50{background-color:#12241a!important} html[data-theme="dark"] .bg-red-50{background-color:#2a1414!important} html[data-theme="dark"] .bg-amber-50,html[data-theme="dark"] .bg-yellow-50{background-color:#241d10!important} html[data-theme="dark"] .bg-blue-50{background-color:#13243a!important} /* --- Utilitaires Tailwind (textes sombres -> clairs) --- */ html[data-theme="dark"] .text-ocean-900{color:#dce6f2!important} html[data-theme="dark"] .text-ocean-800{color:#cdd9e8!important} html[data-theme="dark"] .text-ocean-700{color:#b8c8dc!important} html[data-theme="dark"] .text-ocean-600{color:#9fb2c8!important} /* --- Composants soignes (gardes a la main ; exclus du generateur) --- */ html[data-theme="dark"] .summary-bloc{background:linear-gradient(135deg,#15263a 0%,#172a40 100%)!important;border-color:rgba(232,169,62,0.35)!important;box-shadow:0 2px 12px rgba(0,0,0,0.4)} html[data-theme="dark"] .summary-bloc h2{color:#eaf2fb} html[data-theme="dark"] .summary-bloc li{color:#dce6f2;border-bottom-color:rgba(232,169,62,0.18)} html[data-theme="dark"] .prose-article{color:#dce6f2} html[data-theme="dark"] .prose-article h2{color:#eaf2fb} html[data-theme="dark"] .prose-article h3{color:#8fc3f2} html[data-theme="dark"] .prose-article a{color:#5ab0f0} html[data-theme="dark"] .prose-article blockquote{color:#a9d2f5;border-left-color:#caa24a} html[data-theme="dark"] .prose-legal,html[data-theme="dark"] .prose-legal h2{color:#dce6f2} html[data-theme="dark"] .prose-legal h2{border-bottom-color:#2a4259} html[data-theme="dark"] .prose-legal a{color:#5ab0f0} html[data-theme="dark"] .nav-pill{background:#17304a!important;color:#8fc3f2!important} html[data-theme="dark"] .nav-pill:hover{background:#0070c7!important;color:#fff!important} html[data-theme="dark"] .bloc-texte{background:#15263a!important;border-color:#2a4259!important;border-left-color:#2f7fb8!important} html[data-theme="dark"] .bloc-texte .label{color:#6fb6ea} html[data-theme="dark"] .bloc-concret{background:#15263a!important;border-color:#2a4259!important;border-left-color:#37a05a!important} html[data-theme="dark"] .bloc-concret .label{color:#5cc77f} html[data-theme="dark"] .ma-lecture{background:#211c10!important;border-color:#caa24a!important} html[data-theme="dark"] .ma-lecture .label{color:#e8a93e} html[data-theme="dark"] .disclaimer-box{background:#1f1a10!important;border-color:#5c4a1f!important;color:#e8d7a8} html[data-theme="dark"] .encart-affilie{background:#15263a!important;border-color:#244a6e!important;box-shadow:0 1px 4px rgba(0,0,0,0.4)} html[data-theme="dark"] .encart-affilie .text-ocean-900{color:#eaf2fb!important} html[data-theme="dark"] .related-card-body{background:transparent!important} html[data-theme="dark"] .related-card-title{color:#eaf2fb!important} html[data-theme="dark"] .related-card-desc{color:#9fb2c8!important} html[data-theme="dark"] .related-card-img{background-color:#1a2a3f!important;filter:brightness(.82) contrast(1.02)} /* --- Vague de separation : couleur du fond sombre --- */ html[data-theme="dark"] .wave-divider::after{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 1200 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 30 Q300 0 600 30 T1200 30 V60 H0Z' fill='%230b1622'/%3E%3C/svg%3E")} /* --- Sections texturees (alternance de fond) : ton du fond sombre --- */ html[data-theme="dark"] .sand-texture{background-color:#0b1622!important;background-image:none!important} /* --- Images : leger voile --- */ html[data-theme="dark"] .prose-article img{filter:brightness(.85) contrast(1.02)} /* --- Tableaux (selecteurs d'elements / striping) --- */ html[data-theme="dark"] table{background-color:#15263a!important} html[data-theme="dark"] table th{background-color:#13243a!important;color:#eaf2fb!important} html[data-theme="dark"] table tr:nth-child(even){background-color:#1b2c42!important} html[data-theme="dark"] table td,html[data-theme="dark"] table th{border-color:#2a4259!important} html[data-theme="dark"] table .highlight{background-color:#241d10!important;color:#e8d7a8!important} html[data-theme="dark"] table td:first-child{background-color:#13243a!important} /* --- Page carte interactive (carte-bangkok) : panneau + popups + fond de carte --- */ html[data-theme="dark"] .sidebar{background-color:#0e1b2b!important;border-right-color:#22364e!important} html[data-theme="dark"] .sidebar-header{background:linear-gradient(to bottom,#13243a,#0e1b2b)!important;border-bottom-color:#22364e!important} html[data-theme="dark"] .sidebar-footer{background-color:#0e1b2b!important;border-top-color:#22364e!important} html[data-theme="dark"] .toggle-all-btn{background-color:#17304a!important;color:#8fc3f2!important;border-color:#2a4259!important} html[data-theme="dark"] .maplibregl-popup-content{background:#15263a!important;border-color:#2a4259!important} html[data-theme="dark"] .maplibregl-popup-tip{border-top-color:#15263a!important;border-bottom-color:#15263a!important} html[data-theme="dark"] .maplibregl-ctrl-group{background:#15263a!important} html[data-theme="dark"] .maplibregl-ctrl-group button+button{border-top-color:#2a4259!important} /* Fond de carte : le canvas est assombri par filtre ; les marqueurs HTML restent intacts */ html[data-theme="dark"] .maplibregl-canvas{filter:invert(1) hue-rotate(180deg) brightness(.92) contrast(.95) saturate(.85)} html[data-theme="dark"] .btn-clear{color:#d3b06a!important;border-color:#3a4a5e!important} html[data-theme="dark"] .btn-clear:hover:not(:disabled){background:#1b2c42!important;border-color:#caa24a!important} html[data-theme="dark"] .counter-badge{color:#071528} html[data-theme="dark"] .map-info-bar strong{color:#eaf2fb!important} /* --- Checklist : barre de progression collante (fond creme inline) --- */ html[data-theme="dark"] #progress-bar{background:rgba(11,22,34,0.96)!important;border-bottom-color:#22364e!important} html[data-theme="dark"] #progress-text{color:#8fc3f2!important} html[data-theme="dark"] [style*="background:#e0effe"]{background-color:#1b2c42!important} /* --- Pages d'avis au HTML imbrique : aplatir les wrappers qui contiennent un autre wrapper ou qui sont imbriques (supprime les cadres emboites en sombre). Les blocs autonomes correctement structures gardent leur carte. --- */ html[data-theme="dark"] :is(.logement-bloc,.logement-hotel-bloc,.info-bloc):has(:is(.logement-bloc,.logement-hotel-bloc,.info-bloc)), html[data-theme="dark"] :is(.logement-bloc,.logement-hotel-bloc,.info-bloc) :is(.logement-bloc,.logement-hotel-bloc,.info-bloc){background:transparent!important;border:none!important;box-shadow:none!important;padding:0!important} /* --- Bouton de bascule de theme --- */ /* Layout nav (les deux themes) : le bouton ajoute un element, on reserre l'espacement et on empeche les retours a la ligne (logo, liens, "A propos"). */ #header nav{gap:1.1rem!important;white-space:nowrap} #header nav a{white-space:nowrap} #header a[href="/"] span{white-space:nowrap} .theme-toggle{flex:0 0 auto} .theme-toggle{display:inline-flex;align-items:center;justify-content:center;background:transparent;border:none;cursor:pointer;color:#e8a93e!important;padding:.25rem;line-height:0} .theme-toggle:hover{color:#efc56e!important} /* Or de la marque + ombre portee : visible sur la nav sombre comme sur un hero clair */ .theme-toggle svg{filter:drop-shadow(0 1px 3px rgba(0,0,0,0.7))} .theme-toggle .ti-moon{display:inline-flex;align-items:center;gap:.5rem} .theme-toggle .ti-sun{display:none;align-items:center;gap:.5rem} html[data-theme="dark"] .theme-toggle .ti-moon{display:none} html[data-theme="dark"] .theme-toggle .ti-sun{display:inline-flex} /* --- Fonds en degrade clair (angle mort du scan) -> surface sombre --- */ html[data-theme="dark"] .affiliation-bloc, html[data-theme="dark"] .itin-thumb, html[data-theme="dark"] .meteo-skeleton, html[data-theme="dark"] .popup-image-fallback, html[data-theme="dark"] .result-display, html[data-theme="dark"] .shop-bloc{background:#15263a!important;border-color:#2a4259!important} html[data-theme="dark"] blockquote{background-color:#15263a!important} /* --- Qualite de l'air / calendrier : une couleur sombre distincte par niveau. Selecteurs combines (.aqi-tile.aqi-x / .mois-card.mois-x) pour primer sur la base. --- */ html[data-theme="dark"] .aqi-tile.aqi-good,html[data-theme="dark"] .aqi-tile.aqi-bon,html[data-theme="dark"] .mois-card.mois-good{background:#11301f!important;border-color:#2f7d4f!important;color:#9be7b5!important} html[data-theme="dark"] .aqi-tile.aqi-mod,html[data-theme="dark"] .aqi-tile.aqi-moderate,html[data-theme="dark"] .aqi-tile.aqi-modere,html[data-theme="dark"] .mois-card.mois-ok{background:#2e2710!important;border-color:#8a7320!important;color:#ecd07a!important} html[data-theme="dark"] .aqi-tile.aqi-mediocre,html[data-theme="dark"] .aqi-tile.aqi-unhealthy-sens,html[data-theme="dark"] .aqi-tile.aqi-unhealthy-sg{background:#321f0e!important;border-color:#a86a2e!important;color:#f0b878!important} html[data-theme="dark"] .aqi-tile.aqi-mauvais,html[data-theme="dark"] .aqi-tile.aqi-unhealthy,html[data-theme="dark"] .mois-card.mois-bad{background:#321414!important;border-color:#9a3838!important;color:#f0a0a0!important} html[data-theme="dark"] .aqi-tile.aqi-tres-mauvais,html[data-theme="dark"] .aqi-tile.aqi-very,html[data-theme="dark"] .aqi-tile.aqi-very-unhealthy{background:#281033!important;border-color:#7a3a9a!important;color:#dca8f0!important} html[data-theme="dark"] .aqi-tile.aqi-hazardous{background:#2a0808!important;border-color:#7f1d1d!important;color:#f0a0a0!important} html[data-theme="dark"] .aqi-tile.aqi-error{background:#15263a!important;border-color:#2a4259!important;color:#9fb2c8!important} html[data-theme="dark"] .winner{background-color:#11301f!important;color:#9be7b5!important} /* === COUVERTURE AUTO-GENEREE (scan luminance) — ne pas editer sous cette ligne === */ /* --- Surfaces (classes