/* JA NETTOYAGE v12 - apparence du site */
:root{color-scheme:light;--header-bg:rgba(246,244,239,.94);--field-bg:#fff;--body-copy:#34322f;--on-ink:#fff}
:root[data-theme="dark"]{color-scheme:dark;--bg:#111816;--ink:#f4f4f0;--muted:#bdcac3;--line:#39463f;--card:#1c2621;--accent:#80d5bc;--accent-dark:#b1f2dd;--soft:#284238;--shadow:0 18px 50px rgba(0,0,0,.28);--header-bg:rgba(17,24,22,.97);--field-bg:#202d26;--body-copy:#d5ded8;--on-ink:#101613}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]):not([data-theme="dark"]){color-scheme:dark;--bg:#111816;--ink:#f4f4f0;--muted:#bdcac3;--line:#39463f;--card:#1c2621;--accent:#80d5bc;--accent-dark:#b1f2dd;--soft:#284238;--shadow:0 18px 50px rgba(0,0,0,.28);--header-bg:rgba(17,24,22,.97);--field-bg:#202d26;--body-copy:#d5ded8;--on-ink:#101613}}
header{background:var(--header-bg)!important;border-bottom-color:var(--line)!important;color:var(--ink)!important}
header a,header .brand,header .navlinks a:not(.btn){color:var(--ink)}
header .brand small{color:var(--muted)}
header .btn.primary{background:var(--ink);border-color:var(--ink);color:var(--on-ink)}
header .back,header a.btn:not(.primary){border-color:var(--ink);color:var(--ink)}
main p:not(.lead):not(.note):not(.muted):not(.sap p):not(.notice),main li:not(.hero-card li){color:var(--body-copy)}
.card p,.section-head p,.hero-card ul,.lead,.note,.help{color:var(--muted)!important}
input,select,textarea{background:var(--field-bg)!important;color:var(--ink)!important}
input::placeholder,textarea::placeholder{color:var(--muted);opacity:1}
.btn.primary{color:var(--on-ink)}
:root[data-theme="dark"] .btn.accent{color:#111816}
:root[data-theme="dark"] .sap{background:#23362f;color:#f6fff9}
:root[data-theme="dark"] .sap p{color:#d9e6df}
:root[data-theme="dark"] .sap .mini{background:#16251e;border-color:#466052}
:root[data-theme="dark"] .sap .mini p{color:#d9e6df}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]):not([data-theme="dark"]) .btn.accent{color:#111816}:root:not([data-theme="light"]):not([data-theme="dark"]) .sap{background:#23362f;color:#f6fff9}:root:not([data-theme="light"]):not([data-theme="dark"]) .sap p{color:#d9e6df}:root:not([data-theme="light"]):not([data-theme="dark"]) .sap .mini{background:#16251e;border-color:#466052}}
.nav-end{display:flex;align-items:center;gap:10px;min-width:0}
.theme-toggle{width:35px;height:35px;min-width:35px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;border:1px solid var(--line);border-radius:50%;background:var(--card);color:var(--ink);padding:0;cursor:pointer;transition:background .2s,border-color .2s}
.theme-toggle:hover{border-color:var(--accent);background:var(--soft)}
.theme-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.theme-toggle svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.theme-toggle .icon-sun{display:none}
:root[data-theme="dark"] .theme-toggle .icon-moon{display:none}
:root[data-theme="dark"] .theme-toggle .icon-sun{display:block}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]):not([data-theme="dark"]) .theme-toggle .icon-moon{display:none}:root:not([data-theme="light"]):not([data-theme="dark"]) .theme-toggle .icon-sun{display:block}}
@media(max-width:560px){.nav-end{gap:7px}nav{gap:8px}.brand{font-size:.88rem}.brand small{font-size:.65rem}.nav-end .back,.nav-end>a.btn{padding:9px 10px;font-size:.76rem}.theme-toggle{width:32px;height:32px;min-width:32px}}

/* Pied de page : horaires d’intervention et moyens de paiement (v14) */
.footer-extra{border-top:1px solid var(--line);margin-top:22px;padding-top:20px;display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}
.service-schedule{font-size:.87rem;line-height:1.6;max-width:400px;color:var(--muted)}
.service-schedule strong,.payment-label{color:var(--ink);font-weight:700}
.payment-footer{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.payment-label{font-size:.82rem;white-space:nowrap}
.payment-logos{display:flex;align-items:center;flex-wrap:wrap;gap:7px}
.payment-logo{height:30px;min-width:47px;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;background:white;border:1px solid #dedede;border-radius:5px;padding:3px 7px;color:#192c42;line-height:1;font-family:Arial,Helvetica,sans-serif}
.payment-logo.cash{gap:4px;font-size:10px;font-weight:700;padding:3px 6px;min-width:76px}
.payment-logo.cash svg{width:25px;height:21px}
.payment-logo.visa{font-size:19px;letter-spacing:-1.5px;font-style:italic;font-weight:900;color:#1a3183}
.payment-logo.amex{font-size:8px;text-align:center;font-weight:900;line-height:.95;background:#2774cb;color:white;border-color:#2774cb;padding:3px 5px;min-width:49px}
.payment-logo.cb{font-size:19px;font-weight:900;font-style:italic;color:#1673b8}
.payment-logo.mastercard svg{width:42px;height:26px}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
@media(max-width:640px){.footer-extra{align-items:flex-start}.payment-footer{align-items:flex-start;flex-direction:column;gap:7px}.payment-logos{gap:5px}.payment-logo{height:29px}}

/* Révélation circulaire du nouveau thème depuis le bouton soleil/lune. */
::view-transition-old(root),
::view-transition-new(root) {
  animation: none;
  mix-blend-mode: normal;
}
::view-transition-old(root) { z-index: 0; }
::view-transition-new(root) { z-index: 1; }