/* Version téléphone soignée. Chargé après theme.css. */

/* En-tête compact et menu en liste (téléphone et tablette). */
@media(max-width:1099px){
.head{height:64px;gap:12px}
.menubtn{width:42px;height:42px;border-radius:50%;background:transparent;border:1px solid #ffffff24;box-shadow:none;font-size:18px;color:#f0e7f1}
.menubtn:hover,.menubtn:focus-visible{background:#ff0a7814;border-color:#ff0a7880;filter:none;transform:none}
.menubtn[aria-expanded="true"]{background:#ff0a78;border-color:#ff0a78;color:#fff;filter:none}
.theme-toggle{top:11px;width:42px;height:42px}
.nav.open{display:flex;flex-direction:column;gap:0;padding:4px 0 20px;max-height:calc(100dvh - 90px)}
.nav a,.nav.open a{min-height:54px;padding:15px 4px;justify-content:space-between;background:none;border:0;border-bottom:1px solid #ffffff12;border-radius:0;box-shadow:none;font-size:14px;letter-spacing:.07em;color:#e9e2ec}
.nav a::after{content:'›';font-family:Arial,sans-serif;font-size:22px;font-weight:400;line-height:1;color:#ff4b96;transition:transform .2s}
.nav a:hover,.nav a:focus-visible{background:none;border-color:#ffffff12;filter:none;transform:none;box-shadow:none;color:#fff}
.nav a:hover::after{transform:translateX(3px)}
.nav a.current{background:none;border-color:#ffffff12;box-shadow:inset 3px 0 0 #ff0a78;padding-left:14px;color:#ff6aa9}
.nav a.nav-partner{margin-top:18px;min-height:50px;justify-content:center;border:1px solid #ff0a7880;border-radius:12px;color:#ffc1da;padding-left:4px}
.nav a.nav-partner:hover{border-color:#ff0a78;background:#ff0a7814}
.nav a:last-child{margin-top:10px;min-height:50px;justify-content:center;border:1px solid #a7668255;border-radius:12px;background:linear-gradient(120deg,#944564 0%,#793c56 52%,#553344 100%);color:#fff;padding-left:4px}
.nav a:last-child:hover{background:linear-gradient(120deg,#944564 0%,#793c56 52%,#553344 100%);filter:brightness(1.12)}
.nav a.nav-partner::after,.nav a:last-child::after{content:none}
.nav a.nav-partner.current,.nav a:last-child.current{box-shadow:none}
.nav a[data-home-reviews].current{box-shadow:none;padding-left:4px;color:#e9e2ec}
}
@media(max-width:599px){.theme-toggle{right:68px}}
@media(min-width:600px) and (max-width:1099px){.theme-toggle{right:78px}}

/* Téléphone */
@media(max-width:599px){
.head .logo{width:min(250px,calc(100vw - 142px))}
.page{padding-top:16px}

/* Accueil */
.hero{padding:26px 20px 22px;border-radius:20px}
#accueil .hero h1{font-size:min(27px,7.2vw);line-height:1.14;margin-bottom:14px}
.hero p{font-size:15px;line-height:1.65}
.location{font-size:12px;margin:16px 0 4px}
.actions{gap:10px;margin-top:18px}
.actions .btn{min-height:52px;font-size:13px;border-radius:13px}
.actions .btn:not(.primary){background:transparent;border:1px solid #ffffff2e;box-shadow:none}
.actions .btn:not(.primary):hover,.actions .btn:not(.primary):focus-visible{background:#ffffff0a;border-color:#ff0a7880;filter:none}
.facts{gap:8px;margin-top:10px}
.facts>div{min-height:86px;padding:16px 14px;gap:7px;border-radius:16px}
.facts strong{font-size:27px}
.facts .hours strong,.facts .area strong{font-size:21px}
.facts small{font-size:9.5px;letter-spacing:.08em}

/* Sections et cartes */
.page>.section{padding:26px 18px;margin-top:16px;border-radius:20px}
h2{font-size:25px}
.cards{gap:12px}
.card{padding:20px 18px;border-radius:16px}
.card p,.step p{font-size:13.5px;line-height:1.65}
.price{font-size:17px;margin-bottom:14px}
.card .smalllink{min-height:46px;padding:11px 16px;background:transparent;border:1px solid #ff0a7855;box-shadow:none;color:#ffc1da;font-size:12.5px}
.card .smalllink:hover,.card .smalllink:focus-visible{background:#ff0a7814;border-color:#ff0a78;filter:none;transform:none;color:#fff}
.section>.smalllink{min-height:46px}
.step{border-radius:16px}
.cta{border-radius:20px;padding:26px 20px}

/* Lisibilité des petits textes */
.eyebrow{font-size:10px}
.hint,.privacy,.footer p{font-size:11px}
.footerlinks{gap:12px 18px;font-size:12px}
.reviews-home-heading .reviews-demo-notice{font-size:10.5px}

/* Barre du bas et icônes réseaux */
.floating{gap:8px;padding:10px 14px calc(10px + env(safe-area-inset-bottom))}
.floating a{min-height:48px;border-radius:13px;font-size:12px}
.social-float{left:12px;bottom:calc(80px + env(safe-area-inset-bottom));gap:8px}
.social-fab{width:40px;height:40px}
.social-fab svg{width:18px;height:18px}
}

/* Look moderne sur téléphone : moins de cadres, plus d'air, détails roses */
@media(max-width:599px){
body{background:radial-gradient(130% 42% at 50% -8%,#ff0a7822,transparent 62%),radial-gradient(ellipse at 5% 0%,#35343d55,transparent 45%),linear-gradient(145deg,#28292f 0%,#1c1d22 40%,#111216 100%);background-attachment:scroll}
h1 span,h2 span{background:linear-gradient(90deg,#ff2d8a,#ff86bd);-webkit-background-clip:text;background-clip:text;color:transparent}

/* Accueil sans cadre, titre en avant */
#accueil .hero{background:none;border:0;box-shadow:none;padding:30px 0 6px;border-radius:0}
#accueil .hero h1{font-size:min(31px,8vw);line-height:1.1;letter-spacing:-.4px}
.location{display:inline-flex;padding:7px 13px 7px 11px;border:1px solid #ffffff1c;border-radius:99px;background:#ffffff08;font-size:12px;margin:18px 0 6px}
.actions .btn.primary{box-shadow:0 10px 26px #ff0a7830}

/* Chiffres clés dans un seul panneau */
.facts{gap:0;margin-top:22px;border:1px solid #ffffff16;border-radius:20px;overflow:hidden;background:linear-gradient(145deg,#2a2b32cc,#1f2026cc)}
.facts>div,.facts .area{background:none;border:0;border-radius:0;min-height:92px;padding:18px 16px}
.facts>div:nth-child(odd){border-right:1px solid #ffffff12}
.facts>div:nth-child(-n+2){border-bottom:1px solid #ffffff12}
.facts strong{font-size:28px}
.facts>div:first-child strong{color:#ff5ca0}

/* Sections de l'accueil : ouvertes, séparées par l'espace */
#accueil>.section:not(.home-reviews):not(.home-remote){background:none;border:0;box-shadow:none;border-radius:0;padding:34px 0 6px;margin-top:10px}
#accueil>.section.home-reviews,#accueil>.section.home-remote{margin-top:30px;border-radius:24px}
.sectionhead h2::before,.page>.section>h2::before,.remote-copy h2::before{content:'';display:block;width:34px;height:3px;border-radius:3px;background:linear-gradient(90deg,#ff0a78,#ff86bd);margin-bottom:14px}

/* Prestations de l'accueil : cartes à faire défiler au doigt */
#accueil .cards{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding:0 18px;margin:0 -18px;padding:4px 18px 14px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
#accueil .cards::-webkit-scrollbar{display:none}
#accueil .cards .card{flex:0 0 80%;scroll-snap-align:start}
#accueil .section>.smalllink{margin-top:10px!important}

/* Cartes et blocs plus doux */
.page>.section{border-color:#ffffff14;border-radius:24px;box-shadow:inset 0 1px 0 #ffffff0d}
.card{border-radius:18px;border-color:#ffffff17;box-shadow:inset 0 1px 0 #ffffff0f,0 10px 26px #0000002e}
.price{color:#ff6aa9}

/* Étapes numérotées */
.steps{counter-reset:etape;gap:10px}
.step{position:relative;counter-increment:etape;padding:18px 18px 18px 64px!important;border-radius:18px;border-color:#ffffff14}
.step::before{content:counter(etape,decimal-leading-zero);position:absolute;left:16px;top:17px;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#ff0a78,#9b2f5c);color:#fff;font-size:12px;font-weight:700;letter-spacing:.5px;box-shadow:0 6px 16px #ff0a7833}
.home-steps .step{display:block}
.home-steps .step h3,#fonctionnement .step h3{margin:6px 0 6px}

/* Bloc d'appel final */
.cta{position:relative;overflow:hidden;text-align:center;padding:34px 22px;border-radius:24px;border-color:#ff0a7855;background:radial-gradient(120% 90% at 50% 0%,#ff0a7838,transparent 70%),linear-gradient(145deg,#33262f,#211f26)}
.cta .btn{box-shadow:0 10px 26px #ff0a7830}

/* Raccourcis en haut des pages : pastilles */
:is(#fonctionnement,.page) .jump{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 4px;padding:0}
:is(#fonctionnement,.page) .jump a{flex:0 0 auto;width:auto;min-width:0;min-height:40px;padding:9px 16px;border-radius:99px;background:#ffffff0a;border:1px solid #ffffff1f;box-shadow:none;color:#f0e7f1;font-size:12px;letter-spacing:.04em}
:is(#fonctionnement,.page) .jump a:last-child{border-color:#ff0a7880;color:#ffc1da}

/* Pages intérieures : en-tête de page */
.page:not(#accueil)>h1,.partner-title{font-size:min(31px,8vw);line-height:1.1;margin-top:14px}
.page:not(#accueil)>h1::before,.partner-hero::before{content:'';display:block;width:34px;height:3px;border-radius:3px;background:linear-gradient(90deg,#ff0a78,#ff86bd);margin-bottom:16px}
.page:not(#accueil)>.lead{font-size:15px;line-height:1.65}

/* Sections ouvertes partout (sauf formulaires, calendrier, carte) */
.page>.section:not(.avail):not(.zone-picker):not(.home-reviews):not(.home-remote):not(.legal-highlight){background:none;border:0;box-shadow:none;border-radius:0;padding:30px 0 4px;margin-top:6px}
#mentions>.section:not(.legal-highlight),#cgv>.section:not(.legal-highlight){border-top:1px solid #ffffff12!important;padding:26px 0 8px}
#mentions>.section h2::before,#cgv>.section h2::before{content:none}
#mentions>.section h2,#cgv>.section h2{font-size:18px}
.legal-highlight{margin:22px 0 4px;padding:22px 18px!important;border-radius:20px}

/* Prestations : familles en accordéon */
.service-accordion{border-radius:20px;border-color:#ffffff17;margin:10px 0;background:linear-gradient(140deg,#2c2c34,#222329)}
.service-accordion[open]{border-color:#ff0a7866;box-shadow:0 12px 30px #0000003a}
.service-accordion>summary{padding:18px 16px 18px 18px;font-size:14px;gap:10px}
.service-accordion>summary:after,.faq summary:after{content:'+';display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#ff0a781f;color:#ff6aa9;font-size:18px;line-height:1;transition:transform .25s,background .25s}
.service-accordion[open]>summary:after,.faq details[open] summary:after{content:'+';transform:rotate(45deg);background:#ff0a78;color:#fff}
.service-accordion>.cards{padding:0 12px 12px}
.service-accordion .card{box-shadow:none;background:#ffffff06}
.mutednote{font-size:12px;color:#a49aa8}

/* Questions fréquentes */
.faq details{border-radius:18px;padding:16px 16px 16px 18px;border-color:#ffffff14;background:linear-gradient(140deg,#2c2c34,#24252b)}
.faq details[open]{border-color:#ff0a7866;background:linear-gradient(140deg,#33283a,#26232b)}
.faq summary{font-size:14.5px}
.faq details p{font-size:14px;line-height:1.7}

/* Encadrés d'information */
.aside{border:1px solid #ff0a7840;border-left:1px solid #ff0a7840;border-radius:18px;padding:18px;background:linear-gradient(140deg,#ff0a7814,#ff0a7806)}
.aside p{font-size:14px;line-height:1.7;color:#d9cfdb}

/* Formulaires */
.formbox{border-radius:24px;border-color:#ffffff14;padding:20px 16px}
input,textarea,select{border-radius:12px;border-color:#ffffff1f;background:#16171c}
input:focus,textarea:focus,select:focus{border-color:#ff0a78;box-shadow:0 0 0 3px #ff0a7826;outline:none}
.option{border-radius:12px}

/* Barre du bas flottante */
.floating{left:10px;right:10px;bottom:max(8px,calc(env(safe-area-inset-bottom) - 14px));padding:8px;border:1px solid #ffffff1c;border-radius:20px;background:#1b1c22e0;box-shadow:0 14px 36px #000000a0}
.floating a{border-radius:14px}
.social-float{bottom:calc(82px + max(8px,calc(env(safe-area-inset-bottom) - 14px)))}
}

/* Thème clair : éléments propres au téléphone */
@media(max-width:1099px){
html[data-theme=light] .menubtn{background:transparent;border-color:#d9c6d1;color:#3a3340}
html[data-theme=light] .menubtn:hover{background:#ff0a7810;border-color:#ff0a78}
html[data-theme=light] .menubtn[aria-expanded="true"]{background:#ff0a78;border-color:#ff0a78;color:#fff}
html[data-theme=light] .nav a,html[data-theme=light] .nav a:hover{color:#2a2530;border-bottom-color:#eee5ea}
html[data-theme=light] .nav a::after{color:#e0006e}
html[data-theme=light] .nav a.current{color:#e0006e;border-bottom-color:#eee5ea}
html[data-theme=light] .nav a[data-home-reviews].current{color:#2a2530}
html[data-theme=light] .nav a.nav-partner{color:#c8005f;border-color:#ff0a7866}
html[data-theme=light] .nav a.nav-partner:hover{background:#ff0a7810}
html[data-theme=light] .nav a:last-child{color:#fff}
}
@media(max-width:599px){
html[data-theme=light] .actions .btn:not(.primary){border-color:#d9c6d1;color:#3a3340}
html[data-theme=light] .actions .btn:not(.primary):hover{background:#ff0a780a;border-color:#ff0a78}
html[data-theme=light] .card .smalllink{border-color:#ff0a7866;color:#c8005f}
html[data-theme=light] .card .smalllink:hover{background:#ff0a7810;color:#a8004f}
html[data-theme=light] body{background:radial-gradient(130% 42% at 50% -8%,#ff0a7818,transparent 62%),linear-gradient(145deg,#faf8f9 0%,#f4f1f3 45%,#eeeaed 100%);background-attachment:scroll}
html[data-theme=light] h1 span,html[data-theme=light] h2 span{background:linear-gradient(90deg,#e0006e,#ff4b96);-webkit-background-clip:text;background-clip:text;color:transparent}
html[data-theme=light] #accueil .hero{background:none;border:0;box-shadow:none}
html[data-theme=light] .location{background:#ffffffb3;border-color:#e6dde3}
html[data-theme=light] .facts{background:#fff;border-color:#e6dde3;box-shadow:0 10px 28px #3a1f2c0d}
html[data-theme=light] .facts>div,html[data-theme=light] .facts .area{background:none;border-color:#eee5ea}
html[data-theme=light] .facts>div:first-child strong{color:#e0006e}
html[data-theme=light] #accueil>.section:not(.home-reviews):not(.home-remote){background:none;border:0;box-shadow:none}
html[data-theme=light] .page>.section{border-color:#e6dde3;box-shadow:0 8px 28px #3a1f2c0a}
html[data-theme=light] .card{border-color:#e6dde3;box-shadow:0 8px 22px #3a1f2c0f}
html[data-theme=light] .price{color:#d4006b}
html[data-theme=light] .step{border-color:#e6dde3}
html[data-theme=light] .cta{border-color:#efc4d8;background:radial-gradient(120% 90% at 50% 0%,#ff0a781c,transparent 70%),linear-gradient(145deg,#fff,#fdf1f6)}
html[data-theme=light] :is(#fonctionnement,.page) .jump a{background:#fff;border-color:#e6dde3;color:#2a2530}
html[data-theme=light] :is(#fonctionnement,.page) .jump a:last-child{border-color:#ff0a7866;color:#c8005f}
html[data-theme=light] .page>.section:not(.avail):not(.zone-picker):not(.home-reviews):not(.home-remote):not(.legal-highlight){background:none;border:0;box-shadow:none}
html[data-theme=light] #mentions>.section:not(.legal-highlight),html[data-theme=light] #cgv>.section:not(.legal-highlight){border-top:1px solid #e6dde3!important}
html[data-theme=light] .service-accordion{background:#fff;border-color:#e6dde3}
html[data-theme=light] .service-accordion[open]{border-color:#efc4d8;box-shadow:0 12px 30px #3a1f2c12}
html[data-theme=light] .service-accordion .card{background:#faf7f9}
html[data-theme=light] .service-accordion>summary:after,html[data-theme=light] .faq summary:after{background:#ff0a7814;color:#d4006b}
html[data-theme=light] .service-accordion[open]>summary:after,html[data-theme=light] .faq details[open] summary:after{background:#ff0a78;color:#fff}
html[data-theme=light] .mutednote{color:#6f6875}
html[data-theme=light] .faq details{background:#fff;border-color:#e6dde3}
html[data-theme=light] .faq details[open]{background:#fdf3f8;border-color:#efc4d8}
html[data-theme=light] .aside{background:#fdf2f7;border-color:#efc4d8;border-left-color:#efc4d8}
html[data-theme=light] .aside p{color:#4c4652}
html[data-theme=light] .formbox{background:#fff;border-color:#e6dde3}
html[data-theme=light] input,html[data-theme=light] textarea,html[data-theme=light] select{background:#faf8f9;border-color:#ddd2d9}
html[data-theme=light] .floating{background:#ffffffe8;border:1px solid #e6dde3;box-shadow:0 14px 36px #3a1f2c26}
}