/* Couleurs plus vives (30/10/2026) : fond nuit-prune avec halos rose et violet,
   blocs teintés prune au lieu de gris. Chargé en dernier. */

/* ---------- Thème sombre ---------- */
html:not([data-theme=light]){background:#0d0911}
html:not([data-theme=light]) body{background:transparent}
html:not([data-theme=light]) body::before{content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;
  background:
    radial-gradient(60% 45% at 0% 0%,#ff0a7840,transparent 70%),
    radial-gradient(55% 45% at 100% 30%,#7b2cff33,transparent 70%),
    radial-gradient(70% 50% at 50% 105%,#ff0a782e,transparent 70%),
    linear-gradient(160deg,#1c1020 0%,#130c18 45%,#0d0911 100%)}

html:not([data-theme=light]) header{background:#140c19e6;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
html:not([data-theme=light]) .floating{background:#1a0f1fe6;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
html:not([data-theme=light]) .social-fab{background:#1a0f1fe6}
html:not([data-theme=light]) .footer{background:#0f0a13e6}
html:not([data-theme=light]) ::-webkit-scrollbar-track{background:#140c19}

/* Grands blocs */
html:not([data-theme=light]) .hero,
html:not([data-theme=light]) .partner-hero{background:linear-gradient(135deg,#2e1a33,#1c1222 60%,#2a1428)}
html:not([data-theme=light]) .page>.section{background:linear-gradient(145deg,#211527,#180f1d)}
html:not([data-theme=light]) .home-remote{background:linear-gradient(135deg,#341b36,#1f1325)!important}
html:not([data-theme=light]) .home-reviews{background:linear-gradient(160deg,#24152a,#1a0f1f)!important}
html:not([data-theme=light]) .legal-highlight{background:linear-gradient(145deg,#2c1a30,#1d1222)!important}
html:not([data-theme=light]) .cta{background:radial-gradient(120% 90% at 50% 0%,#ff0a7845,transparent 70%),linear-gradient(145deg,#3a1a35,#1f1225)}

/* Cartes et panneaux */
html:not([data-theme=light]) .card,
html:not([data-theme=light]) .step{background:linear-gradient(140deg,#2f1d33,#211526);border-color:#ff0a7826}
html:not([data-theme=light]) .facts{background:linear-gradient(145deg,#2a1a2fcc,#1c1221cc)}
html:not([data-theme=light]) .facts>div{background:linear-gradient(140deg,#2c1b31,#1f1424)}
html:not([data-theme=light]) .facts .area{background:linear-gradient(140deg,#3a1d38,#2a1529)}
html:not([data-theme=light]) .service-accordion,
html:not([data-theme=light]) .quote-category{background:linear-gradient(140deg,#2d1c31,#1f1424)}
html:not([data-theme=light]) .faq details{background:linear-gradient(140deg,#2b1b2f,#1f1424)}
html:not([data-theme=light]) .faq details[open]{background:linear-gradient(140deg,#3a1f3c,#241629)}
html:not([data-theme=light]) .contact-channel{background:linear-gradient(140deg,#361d37,#211526)}
html:not([data-theme=light]) .formintro{background:linear-gradient(135deg,#341c36,#211526)}
html:not([data-theme=light]) .formbox{background:#1b1120}
html:not([data-theme=light]) .formstep{background:#25172a}
html:not([data-theme=light]) .option{background:#1f1424}
html:not([data-theme=light]) :is(input,textarea,select){background:#150d19}
html:not([data-theme=light]) .aside{background:linear-gradient(140deg,#ff0a7824,#7b2cff14)}
html:not([data-theme=light]) .remote-list{background:#1d1222}
html:not([data-theme=light]) .review{background:#331d35}
html:not([data-theme=light]) .review-direct-card{background:#28182d}
/* Étiquette Client / Professionnel des avis (remplace les étoiles) */
.review-direct-source{align-self:flex-start;order:0;display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;font-size:10.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#ffd1e6;background:#ff0a7826;border:1px solid #ff0a7852}
.review-direct-source::before{content:'';width:6px;height:6px;border-radius:50%;background:#25d366}
.review-direct-source.is-pro{color:#e4d6ff;background:#7b2cff2b;border-color:#9a6bff5c}
html[data-theme=light] .review-direct-source{color:#a3004f;background:#fff0f7;border-color:#f5bcd6}
html[data-theme=light] .review-direct-source.is-pro{color:#5a24b8;background:#f4efff;border-color:#d6c6fb}
html:not([data-theme=light]) .reviews-direct-controls button{background:#3a2140}
html:not([data-theme=light]) .hero .service-selector{background:linear-gradient(130deg,#28182d,#1a1020)}
html:not([data-theme=light]) :is(.jump a,.zone-back){background:linear-gradient(120deg,#5a2445,#3d1d3a 60%,#2c1630)}
/* Menu téléphone : liste nette, sans dégradé (30/10/2026) */
@media(max-width:1099px){.nav a:not(:last-child){background:none!important}.nav a.nav-partner{background:transparent!important}.nav a.nav-partner:hover{background:#ff0a7814!important}html:not([data-theme=light]) .nav.open{background:#140c19f7}}
html:not([data-theme=light]) .avail-detail{background:#2e1a3280}
html:not([data-theme=light]) .zone-info{background:#2a1a2e}
html:not([data-theme=light]) #p-sector[readonly]{background:#23152a}
html:not([data-theme=light]) .zone-stage{background:radial-gradient(ellipse at 50% 40%,#2e1b33,#140c18 75%)}
html:not([data-theme=light]) .zone-city{background:linear-gradient(140deg,#3d1f3cf5,#221527f5)}

/* ---------- Boutons principaux « Demander un devis » : rose vif (les 2 thèmes) ---------- */
.btn.primary,.floating a.devis,.nav a:last-child,.wa-label~.devis{
  background:linear-gradient(120deg,#e6006f 0%,#c4005f 55%,#9a0a55 100%)!important;
  border-color:#ff5aa3!important;box-shadow:0 8px 22px #ff0a7840,inset 0 1px 0 #ffffff33!important}
.btn.primary:hover,.btn.primary:focus-visible,.floating a.devis:hover,.nav a:last-child:hover{filter:brightness(1.1);box-shadow:0 10px 26px #ff0a7859,inset 0 1px 0 #ffffff40!important}

/* ---------- Thème clair : blanc lumineux avec halos rose et lilas ---------- */
html[data-theme=light]{background:#fdf9fb}
html[data-theme=light] body{background:transparent}
html[data-theme=light] body::before{content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;
  background:
    radial-gradient(60% 45% at 0% 0%,#ff0a7826,transparent 70%),
    radial-gradient(55% 45% at 100% 35%,#8a4dff1f,transparent 70%),
    radial-gradient(70% 50% at 50% 105%,#ff0a781a,transparent 70%),
    linear-gradient(160deg,#fff 0%,#fdf7fa 50%,#f8f1f6 100%)}

/* ---------- Photo atelier en fond du bloc d'accueil (faible, fondue sur les bords) ---------- */
#accueil .hero{position:relative;isolation:isolate}
#accueil .hero::after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;border-radius:inherit;
  background:url(atelier-fond.webp) 62% 55%/cover no-repeat;
  opacity:.36;filter:saturate(.95) brightness(.8);
  -webkit-mask-image:radial-gradient(ellipse 95% 85% at 60% 50%,#000 45%,transparent 85%);
          mask-image:radial-gradient(ellipse 95% 85% at 60% 50%,#000 45%,transparent 85%)}
html:not([data-theme=light]) #accueil .hero p{color:#e2dbe8}
html:not([data-theme=light]) #accueil .hero h1 span{background:linear-gradient(90deg,#ff5ca0,#ffa3cb);-webkit-background-clip:text;background-clip:text;color:transparent}
html:not([data-theme=light]) #accueil .hero .location{color:#f1e9f4;background:#0b070d99;border-color:#ffffff24}
/* Thème clair : photo lumineuse et aérée (tons clairs, légère teinte rosée) pour ne pas griser l'accroche */
html[data-theme=light] #accueil .hero::after{opacity:.4;filter:grayscale(.35) sepia(.15) hue-rotate(290deg) contrast(.5) brightness(1.38)}
html[data-theme=light] #accueil .hero h1 span{background:linear-gradient(90deg,#b8005a,#c8005f);-webkit-background-clip:text;background-clip:text;color:transparent}
html[data-theme=light] #accueil .hero p{color:#2e2933}
@media(max-width:760px){
  #accueil .hero::after{left:calc(50% - 50vw);right:calc(50% - 50vw);opacity:.38;background-position:65% 50%;
    -webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 14%,#000 76%,transparent 100%);
            mask-image:linear-gradient(180deg,transparent 0%,#000 14%,#000 76%,transparent 100%)}
  html[data-theme=light] #accueil .hero::after{opacity:.42}
}

/* Liens légaux du pied de page : petits et discrets */
.footer-legal{gap:0 16px!important;justify-content:center;flex-wrap:wrap}
.footer-legal a{font-size:10.5px!important;font-weight:500!important;text-transform:none!important;letter-spacing:.02em!important;color:#a99cad!important;padding:6px 0!important}
.footer-legal a:hover{color:#ff5aa3!important}
html[data-theme=light] .footer-legal a{color:#6b6370!important}
html[data-theme=light] .footer-legal a:hover{color:#c4005f!important}

/* Petits personnages en filigrane dans les 3 étapes de l'accueil (dessins dans assets/etapes/) */
.home-steps .step{position:relative;overflow:hidden;isolation:isolate}
.home-steps .step>*{position:relative;z-index:1}
.home-steps .step::after{content:'';position:absolute;right:16px;bottom:12px;z-index:0;width:118px;height:118px;pointer-events:none;background:var(--etape) center bottom/contain no-repeat;opacity:.9;filter:drop-shadow(0 8px 14px #0000004d);transition:opacity .3s,transform .4s}
.home-steps .step:nth-child(1){--etape:url(etapes/demande.svg?v=2)}
.home-steps .step:nth-child(2){--etape:url(etapes/etude.svg?v=2)}
.home-steps .step:nth-child(3){--etape:url(etapes/rendezvous.svg?v=2)}
.home-steps .step:hover::after{opacity:1;transform:translateY(-4px) rotate(-3deg)}
html[data-theme=light] .home-steps .step::after{opacity:.95;filter:drop-shadow(0 8px 14px #3a1f2c26)}
html[data-theme=light] .home-steps .step:hover::after{opacity:1}
@media(min-width:600px){.home-steps .step{padding-bottom:132px!important}}
@media(max-width:599px){.home-steps .step{padding-right:104px!important;min-height:110px}.home-steps .step::after{width:88px;height:88px;right:10px;bottom:auto;top:50%;margin-top:-44px}}
@media(prefers-reduced-motion:reduce){.home-steps .step::after{transition:none}.home-steps .step:hover::after{transform:none}}

/* Personnages des 6 étapes de la page Déroulement (mêmes réglages que l'accueil) */
#fonctionnement .steps .step{position:relative;overflow:hidden;isolation:isolate}
#fonctionnement .steps .step>*{position:relative;z-index:1}
#fonctionnement .steps .step::after{content:'';position:absolute;right:16px;bottom:12px;z-index:0;width:118px;height:118px;pointer-events:none;background:var(--etape) center bottom/contain no-repeat;opacity:.9;filter:drop-shadow(0 8px 14px #0000004d);transition:opacity .3s,transform .4s}
#fonctionnement .steps .step:nth-child(1){--etape:url(etapes/demande.svg?v=2)}
#fonctionnement .steps .step:nth-child(2){--etape:url(etapes/echange.svg?v=1)}
#fonctionnement .steps .step:nth-child(3){--etape:url(etapes/etude.svg?v=2)}
#fonctionnement .steps .step:nth-child(4){--etape:url(etapes/devis.svg?v=1)}
#fonctionnement .steps .step:nth-child(5){--etape:url(etapes/rendezvous.svg?v=2)}
#fonctionnement .steps .step:nth-child(6){--etape:url(etapes/intervention.svg?v=1)}
#fonctionnement .steps .step:hover::after{opacity:1;transform:translateY(-4px) rotate(-3deg)}
html[data-theme=light] #fonctionnement .steps .step::after{opacity:.95;filter:drop-shadow(0 8px 14px #3a1f2c26)}
@media(min-width:600px){#fonctionnement .steps .step{padding-bottom:132px!important}}
@media(max-width:599px){#fonctionnement .steps .step{padding-right:104px!important;min-height:110px}#fonctionnement .steps .step::after{width:88px;height:88px;right:10px;bottom:auto;top:50%;margin-top:-44px}}
@media(prefers-reduced-motion:reduce){#fonctionnement .steps .step::after{transition:none}#fonctionnement .steps .step:hover::after{transform:none}}

/* Panneau des chiffres de l'accueil : fond unique, séparations fines, icône rose par chiffre (30/10/2026) */
#accueil .facts{gap:0!important;background:linear-gradient(150deg,#24152a,#190f1e)!important;border:1px solid #ffffff17!important;border-radius:24px!important;overflow:hidden;box-shadow:inset 0 1px 0 #ffffff0f,0 14px 34px #00000038!important}
#accueil .facts>div,#accueil .facts .area,#accueil .facts .hours{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:6px;min-height:0;padding:20px 18px!important;background:none!important;border:0!important;border-radius:0!important;box-shadow:1px 0 0 #ffffff12,0 1px 0 #ffffff12!important}
#accueil .facts>div::before{content:'';flex:none;width:38px;height:38px;margin-bottom:6px;border-radius:12px;border:1px solid #ff0a7840;background:#ff0a781a var(--ico) center/19px no-repeat}
#accueil .facts>div:nth-child(1){--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ff4f9e' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M13 2 4 14h7l-1 8 9-12h-7z'/%3E%3C/svg%3E")}
#accueil .facts>div:nth-child(2){--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ff4f9e' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='9' r='6'/%3E%3Cpath d='M8.5 14 7 22l5-3 5 3-1.5-8'/%3E%3C/svg%3E")}
#accueil .facts>div:nth-child(3){--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ff4f9e' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3 2'/%3E%3C/svg%3E")}
#accueil .facts>div:nth-child(4){--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ff4f9e' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 22s7-6.5 7-12a7 7 0 0 0-14 0c0 5.5 7 12 7 12z'/%3E%3Ccircle cx='12' cy='10' r='2.5'/%3E%3C/svg%3E")}
#accueil .facts>div strong{color:#fff!important}
html[data-theme=light] #accueil .facts{background:#fff!important;border-color:#e6dde3!important;box-shadow:0 12px 30px #3a1f2c12!important}
html[data-theme=light] #accueil .facts>div{box-shadow:1px 0 0 #eee5ea,0 1px 0 #eee5ea!important}
html[data-theme=light] #accueil .facts>div::before{background-color:#ff0a7810;border-color:#ff0a7833}
html[data-theme=light] #accueil .facts>div:nth-child(1){--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23d4006b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M13 2 4 14h7l-1 8 9-12h-7z'/%3E%3C/svg%3E")}
html[data-theme=light] #accueil .facts>div:nth-child(2){--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23d4006b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='9' r='6'/%3E%3Cpath d='M8.5 14 7 22l5-3 5 3-1.5-8'/%3E%3C/svg%3E")}
html[data-theme=light] #accueil .facts>div:nth-child(3){--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23d4006b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3 2'/%3E%3C/svg%3E")}
html[data-theme=light] #accueil .facts>div:nth-child(4){--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23d4006b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 22s7-6.5 7-12a7 7 0 0 0-14 0c0 5.5 7 12 7 12z'/%3E%3Ccircle cx='12' cy='10' r='2.5'/%3E%3C/svg%3E")}
html[data-theme=light] #accueil .facts>div strong{color:#1b1c20!important}
@media(max-width:599px){#accueil .facts>div{padding:18px 16px!important}#accueil .facts>div::before{width:34px;height:34px;background-size:17px}}

/* Icônes cartoon des chiffres : en haut à droite de chaque case (remplacent les petites tuiles) */
#accueil .facts>div,#accueil .facts .hours,#accueil .facts .area{position:relative;padding-top:78px!important}
#accueil .facts>div::before,html[data-theme=light] #accueil .facts>div::before{position:absolute;top:12px;right:12px;width:58px;height:58px;margin:0;border:0;border-radius:0;background:var(--ico2) center/contain no-repeat!important;filter:drop-shadow(0 6px 10px #00000040);animation:chiffre-flotte 3.2s ease-in-out infinite}
#accueil .facts>div:nth-child(1){--ico2:url(chiffres/eclair.svg)}
#accueil .facts>div:nth-child(2){--ico2:url(chiffres/medaille.svg)}
#accueil .facts>div:nth-child(3){--ico2:url(chiffres/reveil.svg)}
#accueil .facts>div:nth-child(4){--ico2:url(chiffres/repere.svg)}
#accueil .facts>div:nth-child(2)::before{animation-delay:-.8s}
#accueil .facts>div:nth-child(3)::before{animation-delay:-1.6s}
#accueil .facts>div:nth-child(4)::before{animation-delay:-2.4s}
@keyframes chiffre-flotte{0%,100%{transform:translateY(0) rotate(6deg)}50%{transform:translateY(-4px) rotate(-3deg)}}
html[data-theme=light] #accueil .facts>div::before{filter:drop-shadow(0 6px 10px #3a1f2c26)}
@media(max-width:599px){#accueil .facts>div::before,html[data-theme=light] #accueil .facts>div::before{width:50px;height:50px;top:10px;right:10px}#accueil .facts>div,#accueil .facts .hours,#accueil .facts .area{padding-top:68px!important}}
@media(prefers-reduced-motion:reduce){#accueil .facts>div::before{animation:none!important;transform:rotate(6deg)}}

/* FAQ : personnage penché qui lève la main avec une bulle « ? » (en haut à droite) */
#faq{position:relative}
html{overflow-x:clip}
#faq::after{content:'';position:absolute;top:0;right:calc(50% - 50vw);z-index:0;width:220px;height:357px;pointer-events:none;background:url(etapes/question.svg?v=6) right bottom/contain no-repeat;filter:drop-shadow(0 10px 18px #00000040);transform-origin:100% 100%;animation:faq-coucou 4.5s ease-in-out infinite}
#faq>h1,#faq>.lead,#faq>.section{position:relative;z-index:1}
@keyframes faq-coucou{0%,100%{transform:rotate(0)}50%{transform:rotate(-1.5deg)}}
html[data-theme=light] #faq::after{filter:drop-shadow(0 10px 18px #3a1f2c26)}
@media(max-width:599px){#faq::after{top:10px;width:150px;height:243px}#faq>h1,#faq>.lead{max-width:calc(100% - 118px)}}
@media(prefers-reduced-motion:reduce){#faq::after{animation:none}}