/* Styles de l'agent conversion (thème v2, aperçu). Ne modifier que ce fichier.
   Surcharge site.css sans le modifier : accueil, pages d'offres, bloc newsletter. */

/* ---------- Accueil : sous le bouton principal, et lien vers la checklist après le calculateur ---------- */
.hero__reassure { margin-top: 16px; color: var(--muted); font-size: var(--step-small); font-weight: 500; }
.path__more { margin-top: 24px; max-width: 60ch; }

/* ---------- Pages d'offres : titre sur 2 lignes au plus (titres de 32 caractères maximum) ---------- */
.offer-hero h1 { max-width: 14ch; font-size: clamp(2.3rem, 0.9rem + 4vw, 4.75rem); }
.offer-hero__facts { margin-top: 20px; color: var(--muted); font-size: var(--step-small); font-variant-numeric: tabular-nums; }

/* ---------- Checklist : les trois délais ---------- */
.offer-deadlines { padding-top: 0; }
.offer-deadlines h2 { font-size: var(--step-head); max-width: 16ch; }
.deadlines { list-style: none; padding: 0; margin: 40px 0 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--gutter); }
.deadlines li { background: var(--surface); border-radius: var(--radius); padding: clamp(24px, 2.6vw, 36px); }
.deadlines__time { color: var(--accent); font-size: var(--step-head); font-weight: 600; letter-spacing: -0.035em; line-height: 1; font-variant-numeric: tabular-nums; }
.deadlines__when { margin-top: 8px; font-weight: 600; }
.deadlines li p + p:last-child { margin-top: 16px; max-width: 34ch; }
@media (max-width: 900px) { .deadlines { grid-template-columns: 1fr; } }

/* ---------- Checklist : formulaire en un seul champ (email), sur toute la largeur ---------- */
.request:not(:has(input[name="name"])) .field { grid-column: 1 / -1; }

/* ---------- Bloc newsletter : les trois délais en liste à anneaux ---------- */
.nl-deadlines { list-style: none; padding: 0; margin: 16px 0 0; display: grid; gap: 8px; }
.nl-deadlines li { position: relative; padding-left: 30px; }
.nl-deadlines li::before { content: ""; position: absolute; left: 0; top: 0.3em; width: 16px; height: 16px; border: 4px solid var(--accent); border-radius: 50%; box-sizing: border-box; }
.newsletter--band .nl-deadlines li::before { border-color: var(--accent-ink); }
.newsletter__text .nl-small { margin-top: 16px; font-size: var(--step-small); }
.newsletter--card .newsletter__text .nl-deadlines { margin-bottom: 0; }
.newsletter--card .newsletter__text p:first-of-type { margin-bottom: 0; }

/* Coordinateur : le titre du Playbook tient sur 2 lignes à toutes les tailles */
.playbook-show__title { max-width: none; font-size: clamp(2rem, 1.2rem + 2.2vw, 3.25rem); }