/* road-to-100 (05/10/2026) : corrections de l'audit visuel et d'accessibilité de synoptia.fr du 05/10/2026.
   Une règle (ou un groupe de règles) par défaut, repéré par son numéro dans le rapport d'audit. Chargée en dernier. */

/* C1 /propulser : la section des deux parcours retrouve la marge latérale commune
   (page-propulser-v3.css l'annulait par section{padding:80px 0!important}). */
.astra-site.ds-composed .pp-courses{padding-inline:var(--ds-gut)!important}

/* C2 /propulser : les quatre cases de la bande de confiance prennent la même hauteur. */
.astra-site.ds-composed main .trust-band-inner{align-items:stretch}

/* C3 /formation-claude-code : ouverture en deux colonnes, comme /propulser-codex (texte, prix, boutons | visuel). */
.astra-site.ds-public-composed .ds-public-hero.ds-course-split{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:clamp(28px,5vw,64px);align-items:start}
.astra-site.ds-public-composed .ds-course-split > .ds-coaching-steps{grid-column:1/-1;margin-top:8px}
.astra-site.ds-public-composed .ds-course-split .ds-page-title{font-size:clamp(36px,4.2vw,56px)!important;line-height:1.08!important;max-width:19ch!important;margin:0 0 24px!important}
.astra-site.ds-public-composed .ds-course-split .ds-course-copy .lead{font-size:18px!important;line-height:1.7!important;max-width:60ch;color:var(--text);margin:0 0 24px!important}
.astra-site.ds-public-composed .ds-course-split .hero-price-line{font-size:19px}
.astra-site.ds-public-composed .ds-course-split .ds-course-copy .ctas{display:flex;flex-wrap:wrap;align-items:center;gap:12px 24px}
.astra-site.ds-public-composed .ds-course-split .ds-course-brand{border-bottom:0}
@media(max-width:1000px){
 .astra-site.ds-public-composed .ds-public-hero.ds-course-split{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:720px){
 .astra-site.ds-public-composed .ds-course-split .ds-page-title{font-size:38px!important}
 .astra-site.ds-public-composed .ds-course-split .ds-course-copy .lead{font-size:17px!important}
}

/* M1 petits titres (h3, h4) : l'espace entre les mots, étroit dans Plus Jakarta Sans (0,17 em) et resserré par
   letter-spacing:-0.025em, tombait à 3 px vers 20 px. Les grands titres (h1, h2) gardent leurs coupures de ligne. */
.astra-site :is(h3,h4){word-spacing:.08em}

/* M2 accueil : prix calés en bas des cinq affiches (la mention sous le prix réserve trois lignes, la plus longue en fait
   trois) ; en tablette, 3 + 2 affiches sur une grille de six colonnes. */
@media(min-width:721px){
 .affiche .corps{display:flex;flex-direction:column}
 .affiche .prix small{min-height:3.9em}
}
@media(min-width:721px) and (max-width:1080px){
 .affiches{grid-template-columns:repeat(6,minmax(0,1fr))}
 .affiches > li{grid-column:span 2}
 .affiches > li:nth-child(n+4){grid-column:span 3}
}

/* M3 FAQ : place réservée au « + » d'ouverture (composition.css la supprimait par padding:20px 0). */
.astra-site.ds-composed main :is(.faq-list-v2,.faq) summary{padding-right:28px}

/* M4 page Manosque, téléphone : le prix passe sous le nom de l'offre au lieu d'une colonne de 95 px. */
@media(max-width:720px){
 .astra-site.ds-public-composed .service-card .service-price{grid-column:2/4}
}

/* M5 « Informations pratiques » et ROI de /tarifs : plus de marge intérieure ajoutée à celle du conteneur. */
.astra-site.ds-composed .info-legale-section{padding-inline:0}
.astra-site.ds-composed #roi.container{padding-inline:0}
/* La section ROI élargie de 32 px ferait passer les quatre résultats du simulateur en 3 + 1 en tablette : 2 + 2 comme avant
   (grille posée en style en ligne, d'où !important). */
@media(min-width:601px) and (max-width:1023px){
 .astra-site #roi-results:has(> :nth-child(4):last-child){grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

/* M6 grilles de trois cartes : trois colonnes dès la tablette au lieu de 2 + 1. */
.astra-site :is(.pour-qui-grid,.week-grid,.approach-grid,.pain-grid,.path-grid,.solution-grid,.zone-grid):has(> :nth-child(3):last-child){grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr))}
/* /tarifs, produits en tablette : trois colonnes étranglaient les cartes (titres et boutons sur deux lignes) ; on garde deux
   colonnes et la carte seule de la seconde ligne est centrée, sans grand vide à sa droite. */
@media(min-width:768px) and (max-width:1023px){
 .astra-site .pricing-grid--produits > :nth-child(3):last-child{grid-column:1/-1;justify-self:center;width:calc(50% + 1px)}
}

/* M7 « Informations pratiques » : la dernière carte d'une ligne incomplète s'étire, plus de case vide. */
@media(min-width:1001px){
 .astra-site.ds-composed .info-legale-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
 .astra-site.ds-composed .info-legale-grid > .info-legale-card:not(.info-legale-card-wide):nth-last-child(2):nth-child(3n+1){grid-column:1/-1}
 .astra-site.ds-composed .info-legale-grid > .info-legale-card:not(.info-legale-card-wide):nth-last-child(2):nth-child(3n+2){grid-column:span 2}
}
@media(min-width:601px) and (max-width:1000px){
 .astra-site.ds-composed .info-legale-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .astra-site.ds-composed .info-legale-grid > .info-legale-card:not(.info-legale-card-wide):nth-last-child(2):nth-child(2n+1){grid-column:1/-1}
}

/* M8 /tarifs, ordinateur : colonne des boutons élargie (le libellé « Découvrir et acheter PROPULSER » mesure 213 px),
   « Découvrir et acheter PROPULSER » tient sur une ligne. */
@media(min-width:1001px){
 .astra-site.ds-composed .ds-offer-prices .price-card{grid-template-columns:140px minmax(0,1fr) minmax(0,1.2fr) 250px}
 .astra-site.ds-composed .ds-offer-prices .btn{padding-inline:14px;white-space:nowrap}
}

/* M9 /propulser et /propulser-codex : le fil d'Ariane suit la même marge que le logo et le titre. */
.astra-site.ds-composed .propulser-v3 > .container:has(> .breadcrumb){padding-inline:var(--ds-gut)}

/* m1 /tarifs : le halo du simulateur s'estompe avant les bords au lieu d'être coupé net. */
.calculator:before{background:radial-gradient(circle closest-side,rgba(34,211,238,.08) 0%,transparent 100%)}

/* m2 boutons d'appel finaux : en tablette, le bloc de clôture passe sur une colonne (bouton sur une ligne) ;
   accueil en téléphone, libellé du dernier bouton sur une ligne. */
@media(max-width:1000px){
 .astra-site.ds-composed .ds-closing{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:720px){
 .final .carte .btn{padding-inline:12px;font-size:16px;text-align:center}
}

/* m3 /formation-claude-code : la liste de l'encadré « L'offre PROPULSER » s'aligne à gauche comme le reste de l'encadré. */
.astra-site.ds-public-composed .offer-details{margin-inline:0;max-width:none}

/* m5 /realisations : le mot TOOGGY tient dans son cadre. */
.media .wordmark-tooggy{font-size:clamp(32px,3.6vw,48px)}

/* m6 articles du blog et index /blog/ : titre et fil d'Ariane alignés sur le logo (même marge que l'en-tête). */
.astra-site.reading-page .blog-main{padding-inline:var(--ds-gut)!important}
@media(max-width:1120px){
 .astra-site.ds-composed .ds-blog-content > .container{padding-inline:var(--ds-gut)}
}

/* Accessibilité 1 : liens et prix en bleu de la charte (#2451FF) au lieu de --primary-700 (#3B82F6, 3,07 à 3,67:1).
   La variable est redéfinie sur les liens seuls : la règle d'origine ([data-theme=light] a:not(.btn){color:var(--primary-700)})
   garde sa place dans la cascade, les liens volontairement colorés autrement (fil d'Ariane, onglets) ne changent pas. */
[data-theme=light] a:not(.btn){--primary-700:#2451FF}
/* Accessibilité 1 : mention « Synoptïa - Site officiel » du pied de page, en thème clair. */
[data-theme=light] .version{color:#475569}

/* Accessibilité 1 : titres « Jour 1 » et « Jour 2 » d'ÉCLORE (couleur en ligne var(--offer-eclore), 4,34:1), en thème clair,
   dans la teinte foncée d'ÉCLORE déjà définie par le site (--offer-eclore-deep, #047857, 4,59:1). */
[data-theme=light] .astra-site[data-offer=eclore] h3[style*="var(--offer-eclore)"]{color:var(--offer-eclore-deep,#047857)!important}

/* Accessibilité 1 : en-têtes ANCRER, RAYONNER et ÉCLORE du comparatif de /tarifs (ordinateur), en thème clair, dans les
   teintes foncées d'offre déjà définies par le site (2,26 à 3,93:1 auparavant, 4,89 à 5,38:1 ainsi). */
[data-theme=light] .astra-site th.text-magenta{color:var(--offer-ancrer-deep,#BE185D)!important}
[data-theme=light] .astra-site th.text-offer-rayonner{color:var(--offer-rayonner-deep,#7C3AED)!important}
[data-theme=light] .astra-site th.text-offer-eclore{color:var(--offer-eclore-deep,#047857)!important}

/* Accessibilité 2 : les liens placés dans un texte sont soulignés (la couleur seule ne suffit pas à les distinguer). */
.ds-footer p a,.ds-footer span a,main p a:not(.btn){text-decoration:underline;text-underline-offset:.15em}