/* p-analyse.css — page « analyse gratuite » (prototype). Tout est préfixé .p-analyse.
   S'appuie sur base.css / pages.css / p-contact.css (variables --forest-900, --paper, --muted, --hairline…). */

/* Marqueur de texte en attente de rédaction */
.p-analyse .attente{display:inline-block;background:rgba(228,217,196,.6);border:1px dashed #B8AE9C;color:#6B6355;font-style:italic;font-size:.82em;font-weight:400;letter-spacing:0;text-transform:none;line-height:1.35;padding:1px 8px;border-radius:4px;max-width:100%;overflow-wrap:anywhere}
.p-analyse :is(.dark,.an-urgence) .attente{background:rgba(247,243,234,.14);border-color:rgba(247,243,234,.5);color:#E4D9C4}

/* Hero sans média : la copie prend la largeur */
.p-analyse .pgh-grid{display:block}
.p-analyse .pgh-copy{max-width:62rem}

/* Étapes : 4 -> 2 -> 1 colonne */
.p-analyse .an-etapes{list-style:none;margin:clamp(24px,3.5vw,40px) 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px 32px}
.p-analyse .an-etapes li{border-top:1px solid var(--hairline);padding-top:18px;min-width:0}
.p-analyse .an-num{display:block;font:300 2.2rem/1 var(--font-display);color:var(--orange-deep);margin-bottom:10px;font-variant-numeric:tabular-nums}
.p-analyse .an-etapes h3{font-size:clamp(1.2rem,1.1rem + .3vw,1.35rem);font-weight:400;margin:0}
.p-analyse .an-etapes p{margin:8px 0 0;color:var(--muted);text-wrap:pretty}
@media (max-width:1000px){.p-analyse .an-etapes{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:600px){.p-analyse .an-etapes{grid-template-columns:minmax(0,1fr)}}

/* Formulaire */
.p-analyse fieldset{border:0;margin:0;padding:0;min-width:0}
.p-analyse legend{padding:0;margin:0 0 8px}
.p-analyse .cform{max-width:none}
.p-analyse .cf-aide{display:block;grid-column:1/-1;margin-top:6px;font-size:14px;color:var(--muted)}
/* Contact retire la marge de .wrap (sa scène .cx-stage la fournit) ; ici pas de scène */
body.p-contact.p-analyse main.int #formulaire > .wrap{max-width:1280px;margin-inline:auto;padding-inline:var(--gutter)}
body.p-contact.p-analyse main.int #formulaire .an-volet > .an-sous{grid-column:1/-1;grid-row:auto;display:block;margin-top:18px}
body.p-contact.p-analyse main.int #formulaire .an-sous > .act-label{display:block}
.p-analyse .an-volet[hidden]{display:none}
.p-analyse .an-volet{padding-left:14px;border-left:2px solid var(--hairline)}

/* Erreurs : même élément .cf-err que la page Contact, rendu visible par aria-invalid ou .is-invalid */
.p-analyse .cf-input[aria-invalid="true"]{border-bottom-color:#b3261e}
.p-analyse .cf-input[aria-invalid="true"] ~ .cf-err,
.p-analyse .cf-field.is-invalid .cf-err{display:block}
.p-analyse .cf-field.is-invalid > .cf-err{grid-column:1/-1}

/* Cases à cocher */
.p-analyse .an-cases{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 24px}
.p-analyse .an-case{display:flex;align-items:center;gap:12px;min-height:44px;padding:6px 0;cursor:pointer;font-size:17px;line-height:1.35}
.p-analyse .an-case input{flex:none;width:22px;height:22px;margin:0;accent-color:var(--orange-deep);cursor:pointer}
.p-analyse .an-case span{min-width:0;overflow-wrap:anywhere}
.p-analyse .an-case input:focus-visible{outline:2px solid #9C520A;outline-offset:3px}
/* tactile et petits écrans : case de 26 px (≥ 24 px) ; le libellé entier (44 px de haut) reste la zone cliquable. Bureau (souris, > 600 px) inchangé. */
@media (pointer:coarse),(max-width:600px){.p-analyse .an-case input{width:26px;height:26px}}
@media (max-width:600px){.p-analyse .an-cases{grid-template-columns:minmax(0,1fr)}}

/* Urgence (site piraté) */
.p-analyse .an-urgence{margin-top:12px;padding:22px 24px;background:var(--forest-900);color:var(--paper);border-radius:6px}
.p-analyse .an-urgence[hidden]{display:none}
.p-analyse .an-urgence h3{margin:0 0 8px;font-size:1.3rem;font-weight:400;color:var(--paper)}
.p-analyse .an-urgence p{margin:0 0 12px;color:var(--paper)}
.p-analyse .an-urgence-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px 24px;margin:0}
.p-analyse .an-urgence-lien{color:var(--orange-light);text-decoration:underline;text-underline-offset:3px;min-height:44px;display:inline-flex;align-items:center}
.p-analyse button[disabled]{opacity:.45;cursor:not-allowed}

/* Piège anti-robot : hors écran */
.p-analyse .an-piege{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}

/* Pied du formulaire */
.p-analyse .an-proto{margin:0;font-size:13px;color:var(--muted);opacity:.85}
.p-analyse .an-oblig{margin:0;font-size:14px;color:var(--muted);flex-basis:100%}

/* Confirmation */
.p-analyse .an-confirmation{margin-top:clamp(22px,3vw,32px);padding:clamp(20px,3vw,32px);border:1px solid var(--hairline);border-left:4px solid var(--forest-700);background:var(--paper);border-radius:4px;max-width:46rem}
.p-analyse .an-confirmation[hidden]{display:none}
.p-analyse .an-confirmation:focus{outline:2px solid #9C520A;outline-offset:4px}
.p-analyse .an-confirmation h3{margin:0 0 8px;font-size:clamp(1.3rem,1.15rem + .4vw,1.5rem);font-weight:400}
.p-analyse .an-confirmation p{margin:0;color:var(--ink-800)}

/* Ce que vous recevez : 2 -> 1 colonne */
.p-analyse .an-recu{list-style:none;margin:clamp(24px,3.5vw,40px) 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 28px}
.p-analyse .an-recu li{background:var(--paper);border:1px solid var(--hairline);border-radius:4px;padding:22px 24px;min-width:0}
.p-analyse .an-recu h3{margin:0 0 8px;font-size:clamp(1.2rem,1.1rem + .3vw,1.35rem);font-weight:400}
.p-analyse .an-recu p{margin:0;color:var(--muted);text-wrap:pretty}
@media (max-width:700px){.p-analyse .an-recu{grid-template-columns:minmax(0,1fr)}}

/* Pas de défilement horizontal */
.p-analyse main.int{overflow-x:clip}
.p-analyse main.int :is(h1,h2,h3,p,li,label,span,small){overflow-wrap:anywhere}

.p-analyse .cform[hidden]{display:none}

/* Hero clair : on neutralise le héros sombre de la page Contact (numéro géant, texte clair) */
body.p-contact.p-analyse main.int #top .lead{max-width:60ch;color:var(--muted)}
body.p-contact.p-analyse main.int #top .page-hero-actions{flex-direction:row;flex-wrap:wrap;align-items:center;gap:14px 20px}
body.p-contact.p-analyse main.int #top .cx-tel{order:0;display:inline-flex;align-items:center;gap:.5em;padding:13px 24px;min-height:46px;border:1px solid var(--hairline);border-radius:999px;background:none;color:var(--ink-900);font:500 16px/1.2 var(--font-body);letter-spacing:0}
body.p-contact.p-analyse main.int #top .cx-tel:hover{color:var(--orange-deep);border-color:var(--orange-deep)}
body.p-contact.p-analyse main.int #top .cx-ico{width:1.1em;height:1.1em;margin:0}
body.p-contact.p-analyse main.int #top .page-title{color:var(--ink-900)}

/* Fil d'Ariane sur le héros clair, jusqu'à 899 px : la règle de la page Contact le peint pour un fond sombre
   (page courante en papier sur papier = invisible, « Accueil » à 1,9:1). Teintes du héros clair : 5,4:1 et 17:1.
   Bureau (≥ 900 px) inchangé : à trancher (cross_file_needs). */
@media (max-width:899px){
  body.p-contact.p-analyse main.int #top .breadcrumb ol,
  body.p-contact.p-analyse main.int #top .breadcrumb a,
  body.p-contact.p-analyse main.int #top .breadcrumb li+li::before{color:var(--muted)}
  body.p-contact.p-analyse main.int #top .breadcrumb a:hover{color:var(--ink-900)}
  body.p-contact.p-analyse main.int #top .breadcrumb [aria-current="page"]{color:var(--ink-900)}
}