/* ═════ Carle Industries — mode sombre (réglable) ═════
   Activé par <html data-ci-theme="dark"> (bouton lune/soleil de la barre, mémorisé ;
   à défaut, réglage clair/sombre de l'appareil). Teinte de base = fond du logo (#202428). */

/* ── Bouton clair / sombre (barre en verre) ── */
.ci-theme{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:50%;border:0;background:transparent;color:inherit;cursor:pointer;flex-shrink:0;transition:background .2s,transform .35s cubic-bezier(.2,.8,.2,1)}
.ci-theme:hover{background:rgba(17,17,20,.06)}
.ci-theme:active{transform:rotate(-25deg) scale(.92)}
.ci-theme .ci-soleil{display:none}
[data-ci-theme=dark] .ci-theme .ci-lune{display:none}
[data-ci-theme=dark] .ci-theme .ci-soleil{display:block}
[data-ci-theme=dark] .ci-theme:hover{background:rgba(255,255,255,.08)}
.n26 .ci-theme{margin-left:4px}
.v26 #nav .ci-theme{margin-right:2px}

/* ── Logos : encre en clair, logo exact sur fond sombre ── */
.lg-sombre{display:none!important}
[data-ci-theme=dark] .lg-clair{display:none!important}
/* Même taille visible que le logo clair (marges transparentes différentes : 28 px d'encre = 25 px de logo sombre) */
.lg-clair,.lg-sombre{flex:none!important;max-width:none!important}
[data-ci-theme=dark] .lg-sombre{display:block!important;height:25px!important;width:auto!important}
body .f26 img.lg-pied,body footer .f-logo img.lg-pied{height:44px!important;width:auto!important}

/* Transition douce lors du changement de thème */
html.ci-trans,html.ci-trans *{transition:background-color .35s ease,border-color .35s ease,color .25s ease!important}

/* ═══════════════ Jetons sombres ═══════════════ */
[data-ci-theme=dark]{
  color-scheme:dark;
  --s-fond:#17191c; --s-fond2:#1d2024; --s-surf:#202428; --s-surf2:#272b30; --s-ligne:#30353b; --s-ligne2:#3b4148;
  --s-txt:#eef0f2; --s-txt2:#c9ccd1; --s-gris:#9da2a9; --s-gris2:#7d828a;
  /* accueil (feuille d'origine) */
  --white:#17191c; --off:#1d2024; --light:#30353b; --mid:#9da2a9; --dark:#c9ccd1; --black:#eef0f2; --accent:#eef0f2;
  /* surcouche 2026 */
  --v-off:#1d2024; --v-ligne:#30353b; --v-gris:#a2a7ae; --v-gris2:#7d828a; --v-noir:#eef0f2;
  /* pages services / légales */
  --blanc:#17191c; --ligne:#30353b; --gris:#a2a7ae; --gris2:#7d828a; --noir:#eef0f2;
}
[data-ci-theme=dark] body{background:var(--s-fond);color:var(--s-txt)}

/* ── Barre en verre ── */
[data-ci-theme=dark] .v26 #nav,[data-ci-theme=dark] .n26{background:rgba(32,36,40,.78);border-color:rgba(255,255,255,.08);box-shadow:0 12px 34px -14px rgba(0,0,0,.7)}
[data-ci-theme=dark] .v26 .nav-center > a:hover,[data-ci-theme=dark] .v26 .nav-fab-wrap > a:hover,[data-ci-theme=dark] .v26 .nav-icon:hover,[data-ci-theme=dark] .n26 .l:hover,[data-ci-theme=dark] .n26 .l[aria-current=page]{background:rgba(255,255,255,.08)}
[data-ci-theme=dark] .v26 .fab-menu,[data-ci-theme=dark] .v26 .dd,[data-ci-theme=dark] .n26 .fab-m,[data-ci-theme=dark] .n26 details.mob .menu,[data-ci-theme=dark] .v26 .nav-center.open{background:rgba(32,36,40,.94);border-color:rgba(255,255,255,.09);box-shadow:0 20px 50px -18px rgba(0,0,0,.8)}
[data-ci-theme=dark] .n26 .fab-m a:hover,[data-ci-theme=dark] .n26 details.mob .menu a:hover{background:rgba(255,255,255,.07)}
[data-ci-theme=dark] .fab-item-icon{background:var(--s-surf2);border-color:var(--s-ligne)}
[data-ci-theme=dark] .fab-item:hover .fab-item-icon{background:#30353b;border-color:#454b52}
[data-ci-theme=dark] .fab-item-icon svg,[data-ci-theme=dark] .dd svg[stroke="#111"],[data-ci-theme=dark] svg[stroke="#111"]{stroke:#e4e6e9}
[data-ci-theme=dark] .v26 .nav-devis,[data-ci-theme=dark] .n26 .go{background:#eef0f2;color:#17191c}
[data-ci-theme=dark] .v26 .nav-devis:hover,[data-ci-theme=dark] .n26 .go:hover{background:var(--v-rouge,#d71920);color:#fff}
[data-ci-theme=dark] .nav-toggle span{background:#eef0f2}
[data-ci-theme=dark] .dd-input,[data-ci-theme=dark] .search-box input,[data-ci-theme=dark] .dd input{background:var(--s-surf);color:var(--s-txt);border-color:var(--s-ligne)}
[data-ci-theme=dark] .sr-t mark{background:#5a4a12;color:#fff}

/* ── Accueil : héros (reste sur photo) ── */
[data-ci-theme=dark] .slide-content,[data-ci-theme=dark] .rep-hero-text{color:#fff}
[data-ci-theme=dark] .slide-cta{color:#fff}
[data-ci-theme=dark] .slide-cta:hover{background:#fff;color:#111;border-color:#fff}
[data-ci-theme=dark] .h-dot.active{background:#fff}
[data-ci-theme=dark] .h-arrow{color:#fff}
[data-ci-theme=dark] .v26{background:var(--s-fond)}
[data-ci-theme=dark] .v26 .v-apres-hero{background:var(--s-fond)}
[data-ci-theme=dark] .v26 .v-chiffres b{color:var(--s-txt)}

/* Sections claires de l'accueil */
[data-ci-theme=dark] #engagements{background:var(--s-fond)}
[data-ci-theme=dark] .eng-txt p,[data-ci-theme=dark] .about-wrap p,[data-ci-theme=dark] .contact-left p,[data-ci-theme=dark] .info-box p,[data-ci-theme=dark] .tech-desc,[data-ci-theme=dark] .reco-why,[data-ci-theme=dark] .tarif-desc,[data-ci-theme=dark] .passerelle p,[data-ci-theme=dark] .avert-p,[data-ci-theme=dark] .memo-client,[data-ci-theme=dark] .opt-perso{color:var(--s-txt2)}
[data-ci-theme=dark] .v26 #about{background:var(--s-fond2)}
[data-ci-theme=dark] .v26 .v-about p{color:var(--s-txt2)}
[data-ci-theme=dark] .v26 .v-parc div{background:var(--s-surf);border-color:var(--s-ligne)}
[data-ci-theme=dark] .v26 #real{background:var(--s-fond)}
[data-ci-theme=dark] .v26 .v-ligne:hover,[data-ci-theme=dark] .v26 .v-ligne:focus-visible{background:var(--s-surf)}
[data-ci-theme=dark] .v26 #avis{background:var(--s-fond2)}
[data-ci-theme=dark] .avis-c{background:var(--s-surf);border-color:var(--s-ligne)}
[data-ci-theme=dark] #faq{background:var(--s-fond)}
[data-ci-theme=dark] .v26 #contact{background:var(--s-fond2)}
[data-ci-theme=dark] .v26 .cform{background:var(--s-surf);border-color:var(--s-ligne)}
[data-ci-theme=dark] .v26 .fg input,[data-ci-theme=dark] .v26 .fg textarea,[data-ci-theme=dark] .v26 .fg select,[data-ci-theme=dark] .fg input,[data-ci-theme=dark] .fg textarea,[data-ci-theme=dark] .fg select{background:var(--s-fond);color:var(--s-txt);border-color:var(--s-ligne2)}
[data-ci-theme=dark] .fg input::placeholder,[data-ci-theme=dark] .fg textarea::placeholder{color:#6f747c}
[data-ci-theme=dark] .fg input:focus,[data-ci-theme=dark] .fg textarea:focus,[data-ci-theme=dark] .fg select:focus{border-color:#8a9099;background:var(--s-fond)}
[data-ci-theme=dark] .contact-dropzone{background:var(--s-fond);border-color:var(--s-ligne2)}
[data-ci-theme=dark] .contact-dropzone:hover,[data-ci-theme=dark] .contact-dropzone.dragover{background:var(--s-surf2);border-color:#8a9099}
[data-ci-theme=dark] .v26 .v-fiche{background:var(--s-surf)}
[data-ci-theme=dark] .v26 .v-neuf{background:#eef0f2;color:#17191c}
[data-ci-theme=dark] .btn-send{background:#eef0f2;color:#17191c;border-color:#eef0f2}
[data-ci-theme=dark] .btn-send:hover{background:transparent;color:#eef0f2}
[data-ci-theme=dark] .v26 .v-btn.v-noir{background:#eef0f2;color:#17191c;border-color:#eef0f2}
[data-ci-theme=dark] .v26 .v-btn.v-noir:hover{background:var(--v-rouge);border-color:var(--v-rouge);color:#fff}
[data-ci-theme=dark] .etoiles .vide{fill:#3b4148}

/* Pied de page de l'accueil (toujours sombre, un cran plus profond) */
[data-ci-theme=dark] footer{background:#101215;color:rgba(255,255,255,.5)}
[data-ci-theme=dark] .f-links a:hover{color:#fff}
[data-ci-theme=dark] .skip-link{background:#eef0f2;color:#17191c}

/* ── Fenêtres de commande, devis, recherche ── */
[data-ci-theme=dark] .panel,[data-ci-theme=dark] .avert-box{background:var(--s-surf)}
[data-ci-theme=dark] .panel-close:hover{background:var(--s-surf2)}
[data-ci-theme=dark] .coul,[data-ci-theme=dark] .mm-case,[data-ci-theme=dark] .acc-header,[data-ci-theme=dark] .acc-cat,[data-ci-theme=dark] .opt-btn,[data-ci-theme=dark] .prio-cell,[data-ci-theme=dark] .prio-out,[data-ci-theme=dark] .q-block,[data-ci-theme=dark] .q-card,[data-ci-theme=dark] .chk-card,[data-ci-theme=dark] .tarif-card,[data-ci-theme=dark] .reco-chip,[data-ci-theme=dark] .q-block.acc-row .acc-body{background:var(--s-fond2)}
[data-ci-theme=dark] .acc-body,[data-ci-theme=dark] .info-box,[data-ci-theme=dark] .file-info,[data-ci-theme=dark] .ctype,[data-ci-theme=dark] .prio-wrap,[data-ci-theme=dark] .reco,[data-ci-theme=dark] .passerelle,[data-ci-theme=dark] .step-pill,[data-ci-theme=dark] .form-ok,[data-ci-theme=dark] .tarif-card.on{background:var(--s-fond)}
[data-ci-theme=dark] .acc-header:hover,[data-ci-theme=dark] .acc-cat:hover,[data-ci-theme=dark] .choice-card:hover,[data-ci-theme=dark] .sr-item:hover,[data-ci-theme=dark] .sr-item.on,[data-ci-theme=dark] .fab-item:hover{background:var(--s-surf2)}
[data-ci-theme=dark] .coul-mode{background:var(--s-fond)}
[data-ci-theme=dark] .coul-mode button{color:var(--s-gris)}
[data-ci-theme=dark] #overlayPack .choice-card{border-color:var(--s-ligne2)}
[data-ci-theme=dark] .slider-row input[type=range]::-webkit-slider-thumb{border-color:var(--s-surf)}
[data-ci-theme=dark] .slider-row input[type=range]::-moz-range-thumb{border-color:var(--s-surf)}
/* encadrés d'alerte : version sombre lisible */
[data-ci-theme=dark] .coul-purge,[data-ci-theme=dark] .warn-box,[data-ci-theme=dark] .prio-out.warn,[data-ci-theme=dark] .file-warn,[data-ci-theme=dark] .todo,[data-ci-theme=dark] .alerte{background:#2c2614;border-color:#6b5520;color:#f0d999}
[data-ci-theme=dark] .warn-box strong{color:#ffe7a3}
[data-ci-theme=dark] .file-warn-fort{background:#2e1717;border-color:#c62828;color:#f5b5b5}

/* ═══════════════ Pages services (site-2026.css) ═══════════════ */
[data-ci-theme=dark] body.p26{background:var(--s-fond);color:var(--s-txt)}
[data-ci-theme=dark] .s26.gris{background:var(--s-fond2)}
[data-ci-theme=dark] .lead26,[data-ci-theme=dark] .duo26 p,[data-ci-theme=dark] .faq26 details p{color:var(--s-txt2)}
[data-ci-theme=dark] .duo26 li{color:var(--s-txt2)}
[data-ci-theme=dark] .fiche26,[data-ci-theme=dark] .prix26 div{background:var(--s-surf)}
[data-ci-theme=dark] .b26.noir{background:#eef0f2;color:#17191c;border-color:#eef0f2}
[data-ci-theme=dark] .b26.noir:hover{background:var(--rouge);border-color:var(--rouge);color:#fff}
[data-ci-theme=dark] .b26.blanc{color:#111}
[data-ci-theme=dark] .b26.contour:hover{color:#111}
[data-ci-theme=dark] .cta26{border-color:#2a2e34}
[data-ci-theme=dark] .f26{background:#101215}
[data-ci-theme=dark] .p26 .skip-link{background:#eef0f2;color:#17191c}

/* ═══════════════ Pages légales (legal.css) ═══════════════ */
[data-ci-theme=dark] .lg-nav{background:rgba(23,25,28,.96)}
[data-ci-theme=dark] .somm,[data-ci-theme=dark] .encadre,[data-ci-theme=dark] .form-retract,[data-ci-theme=dark] th{background:var(--s-surf)}
[data-ci-theme=dark] .encadre{border-left-color:#eef0f2}
[data-ci-theme=dark] .lg-footer{background:#101215}
[data-ci-theme=dark] :focus-visible{outline-color:#eef0f2}

/* Bloc services : reste un cran plus sombre que la page */
[data-ci-theme=dark] .v26 #services{background:#0f1113;color:#fff}
[data-ci-theme=dark] .v26 #mainForm .btn-send:hover{background:#eef0f2;border-color:#eef0f2;color:#17191c}

/* Styles en ligne de la feuille d'origine (texte gris foncé, boutons noirs) */
[data-ci-theme=dark] [style*="color:#555"]:not([style*="background"]),[data-ci-theme=dark] [style*="color: #555"]:not([style*="background"]),[data-ci-theme=dark] [style*="color:#333"]:not([style*="background"]),[data-ci-theme=dark] [style*="color:#666"]:not([style*="background"]){color:var(--s-txt2)!important}
[data-ci-theme=dark] [style*="color:#111"]:not([style*="background"]){color:var(--s-txt)!important}
[data-ci-theme=dark] [style*="background:var(--black)"][style*="color:#fff"]{color:#17191c!important}
[data-ci-theme=dark] .prio-out{color:var(--s-txt2)}
[data-ci-theme=dark] .prio-out strong{color:var(--s-txt)}