/* Look « téléphone » porté sur tablette et ordinateur (≥ 600 px), 30/10/2026.
   Moins de cadres, plus d'air, trait rose au-dessus des titres, titres en dégradé rose,
   chiffres dans un seul panneau, étapes numérotées, boutons à contour. Chargé après couleurs.css. */
@media(min-width:600px){

/* Titres */
h1 span,h2 span{background:linear-gradient(90deg,#ff2d8a,#ff86bd);-webkit-background-clip:text;background-clip:text;color:transparent}
.sectionhead h2::before,.page>.section>h2::before,.remote-copy h2::before,.page:not(#accueil)>h1::before,.partner-hero::before{content:'';display:block;width:44px;height:3px;border-radius:3px;background:linear-gradient(90deg,#ff0a78,#ff86bd);margin-bottom:18px}
#mentions>.section h2::before,#cgv>.section h2::before{content:none}

/* Accueil : accroche */
#accueil .hero{border-color:#ffffff17;border-radius:28px}
.location{display:inline-flex;align-items:center;gap:6px;padding:7px 14px 7px 12px;border:1px solid #ffffff1c;border-radius:99px;background:#ffffff08;margin:20px 0 6px}
.actions .btn.primary{box-shadow:0 10px 26px #ff0a7830}
.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}

/* Encadré « Gagner en performance… » : compact, effet verre dépoli, texte lisible */
#accueil .hero .service-selector{align-self:center;padding:8px 22px;border-radius:24px;background:#1a0f1f66;border:1px solid #ffffff21;backdrop-filter:blur(16px) saturate(1.3);-webkit-backdrop-filter:blur(16px) saturate(1.3);box-shadow:0 20px 50px #00000045,inset 0 1px 0 #ffffff17}
#accueil .hero .service-selector>a{gap:16px;padding:18px 0;border-bottom:1px solid #ffffff17;color:#fff}
#accueil .hero .service-selector>a:last-of-type{border-bottom:0}
#accueil .hero .service-selector a b{font-size:15px;letter-spacing:.03em;color:#fff}
#accueil .hero .service-selector a small{margin-top:5px;font-size:13px;line-height:1.45;color:#e6dcea}
#accueil .hero .service-selector a>span:last-child{display:grid;place-items:center;flex:none;width:36px;height:36px;border-radius:50%;background:#ff0a7826;border:1px solid #ff0a7859;color:#ff9cc6;font-size:15px;transition:background .2s,color .2s,transform .2s}
#accueil .hero .service-selector>a:hover b{color:#fff}
#accueil .hero .service-selector>a:hover>span:last-child{background:#ff0a78;color:#fff;transform:translateX(2px)}

/* Chiffres clés dans un seul panneau (séparateurs fins) */
#accueil .facts{gap:1px;margin-top:22px;border:1px solid #ffffff16;border-radius:24px;overflow:hidden;background:#ffffff12}
#accueil .facts>div{background:#1d1322;border:0;border-radius:0;box-shadow:none}
#accueil .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:46px 0 8px;margin-top:14px}
#accueil>.section.home-reviews,#accueil>.section.home-remote{margin-top:40px;border-radius:28px}

/* Cartes plus douces */
.card{border-radius:20px;border-color:#ffffff17;box-shadow:inset 0 1px 0 #ffffff0f,0 12px 28px #0000002e;transition:transform .25s,border-color .25s}
.card:hover{transform:translateY(-3px);border-color:#ff0a7859}
.card .smalllink{background:transparent;border:1px solid #ff0a7859;box-shadow:none;color:#ffc1da;border-radius:14px}
.card .smalllink:hover,.card .smalllink:focus-visible{background:#ff0a7814;border-color:#ff0a78;filter:none;transform:none;color:#fff}
.price-btn strong{color:#ff6aa9}
.card .smalllink:hover strong{color:#fff}
.price{color:#ff6aa9}

/* Étapes numérotées dans des ronds roses */
.steps{counter-reset:etape}
.step{position:relative;counter-increment:etape;border-radius:20px;border-color:#ffffff14}
.step::before{content:counter(etape,decimal-leading-zero);display:grid;place-items:center;width:40px;height:40px;margin-bottom:14px;border-radius:50%;background:linear-gradient(135deg,#ff0a78,#9b2f5c);color:#fff;font-size:12.5px;font-weight:700;letter-spacing:.5px;box-shadow:0 6px 16px #ff0a7833}

/* Bloc d'appel final centré */
.cta{position:relative;overflow:hidden;text-align:center;border-radius:28px;border-color:#ff0a7855}
.cta p{margin-left:auto;margin-right:auto}
.cta .btn{display:inline-flex;box-shadow:0 10px 26px #ff0a7830}
/* Liens « Toutes les prestations », « Le déroulement en détail » : contour */
.section>.smalllink{background:transparent;border:1px solid #ffffff2e;box-shadow:none;border-radius:999px;color:#f0e7f1}
.section>.smalllink:hover,.section>.smalllink:focus-visible{background:#ff0a7814;border-color:#ff0a78;filter:none;transform:none;color:#fff}

/* Raccourcis en pastilles */
:is(#fonctionnement,.page) :not(.formintro)>.jump{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0 6px;padding:0}
:is(#fonctionnement,.page) :not(.formintro)>.jump a{flex:0 0 auto;width:auto;min-height:40px;padding:9px 18px;border-radius:99px;background:#ffffff0a;border:1px solid #ffffff1f;box-shadow:none;color:#f0e7f1;font-size:12.5px;letter-spacing:.04em}
:is(#fonctionnement,.page) :not(.formintro)>.jump a:hover{border-color:#ff0a7880;background:#ff0a7814;filter:none;transform:none}
:is(#fonctionnement,.page) :not(.formintro)>.jump a:last-child{border-color:#ff0a7880;color:#ffc1da}

/* Pages intérieures : sections ouvertes (sauf calendrier, carte, encadrés) */
.page>.section:not(.avail):not(.zone-picker):not(.home-reviews):not(.home-remote):not(.legal-highlight):not(.cta){background:none;border:0;box-shadow:none;border-radius:0;padding:40px 0 6px;margin-top:8px}
#mentions>.section:not(.legal-highlight),#cgv>.section:not(.legal-highlight){border-top:1px solid #ffffff12!important;padding:28px 0 8px}
.legal-highlight{margin:26px 0 6px;border-radius:24px}

/* Accordéons et FAQ : rond + / × */
.service-accordion{border-radius:22px;border-color:#ffffff17;margin:12px 0}
.service-accordion[open]{border-color:#ff0a7866;box-shadow:0 12px 30px #0000003a}
.service-accordion>summary:after,.faq summary:after{content:'+';display:grid;place-items:center;flex:none;width:32px;height:32px;border-radius:50%;background:#ff0a781f;color:#ff6aa9;font-size:19px;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 .card{box-shadow:none}
.faq details{border-radius:20px;border-color:#ffffff14}
.faq details[open]{border-color:#ff0a7866}

/* Encadrés et formulaires */
.aside{border:1px solid #ff0a7840;border-radius:20px}
.formbox{border-radius:26px;border-color:#ffffff14}
input,textarea,select{border-radius:12px;border-color:#ffffff1f}
input:focus,textarea:focus,select:focus{border-color:#ff0a78;box-shadow:0 0 0 3px #ff0a7826;outline:none}
.option{border-radius:12px}
}

/* Thème clair */
@media(min-width:600px){
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{border-color:#ead9e2}
html[data-theme=light] #accueil .hero .service-selector{background:#ffffffb3;border-color:#ffffffe6;box-shadow:0 20px 50px #3a1f2c1f,inset 0 1px 0 #fff}
html[data-theme=light] #accueil .hero .service-selector>a{border-bottom-color:#3a1f2c17;color:#1b1c20}
html[data-theme=light] #accueil .hero .service-selector a b,html[data-theme=light] #accueil .hero .service-selector>a:hover b{color:#1b1c20}
html[data-theme=light] #accueil .hero .service-selector a small{color:#4c4652}
html[data-theme=light] #accueil .hero .service-selector a>span:last-child{background:#ff0a7814;border-color:#ff0a7859;color:#c4005f}
html[data-theme=light] #accueil .hero .service-selector>a:hover>span:last-child{background:#ff0a78;color:#fff}
html[data-theme=light] .location{background:#ffffffb3;border-color:#e6dde3}
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] #accueil .facts{background:#eee5ea;border-color:#e6dde3;box-shadow:0 10px 28px #3a1f2c0d}
html[data-theme=light] #accueil .facts>div{background:#fff}
html[data-theme=light] #accueil .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] .card{border-color:#e6dde3;box-shadow:0 8px 22px #3a1f2c0f}
html[data-theme=light] .card:hover{border-color:#efb3cf}
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] .price-btn strong,html[data-theme=light] .price{color:#d4006b}
html[data-theme=light] .card .smalllink:hover strong{color:#a8004f}
html[data-theme=light] .step{border-color:#e6dde3}
html[data-theme=light] .cta{border-color:#efc4d8}
html[data-theme=light] .section>.smalllink{background:#fff;border-color:#d9c6d1;color:#2a2530}
html[data-theme=light] .section>.smalllink:hover{background:#fff0f7;border-color:#ff0a78;color:#a8004f}
html[data-theme=light] :is(#fonctionnement,.page) :not(.formintro)>.jump a{background:#fff;border-color:#e6dde3;color:#2a2530}
html[data-theme=light] :is(#fonctionnement,.page) :not(.formintro)>.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):not(.cta){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[open]{border-color:#efc4d8;box-shadow:0 12px 30px #3a1f2c12}
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] .faq details[open]{border-color:#efc4d8}
html[data-theme=light] .aside{border-color:#efc4d8}
html[data-theme=light] input,html[data-theme=light] textarea,html[data-theme=light] select{border-color:#ddd2d9}
}
@media(prefers-reduced-motion:reduce){.card{transition:none}.card:hover{transform:none}}