/* B22 (05/10/2026) : nouveau catalogue. Grille des six familles d'offres (accueil, Prestations, Contact), parcours et bloc LOAD Hive de l'accueil. */

/* Grille des familles : reprise de .accueil-offre, avec une phrase sous le nom */
nav.accueil-offres.accueil-offres--familles ul{grid-template-columns:repeat(3,1fr);gap:var(--e-3)}
@media (width<=1000px){nav.accueil-offres.accueil-offres--familles ul{grid-template-columns:repeat(2,1fr)}}
@media (width<=600px){nav.accueil-offres.accueil-offres--familles ul{grid-template-columns:1fr}}
main .accueil-offres--familles .accueil-offre{gap:.45rem;padding:var(--e-4) 2.6rem var(--e-4) var(--e-4)}
main .accueil-offres--familles .accueil-offre__nom{font-size:1.15rem;margin-right:0}
main .accueil-offres--familles .accueil-offre__besoin{font-family:inherit;font-size:var(--t-petit);font-weight:400;line-height:1.5;letter-spacing:0;text-transform:none;color:var(--c-texte);margin-right:0}
main .accueil-offres--familles .accueil-offre--hive .accueil-offre__besoin{color:#c9ccd6}
main .accueil-offres--familles .accueil-offre__prix{line-height:1.45}
main .accueil-offres--familles .accueil-offre__prix .prix-segment{display:block;white-space:normal}
main .accueil-offres--familles .prix-sep{display:none}
main .accueil-offres--familles .pp-insecable,main .accueil-offres--familles .sans-coupure{white-space:nowrap}
@media (width<=420px){main .accueil-offres--familles .accueil-offre{padding:var(--e-3) 2.2rem var(--e-3) var(--e-3)}}

/* Accueil : haut de page sur une colonne (la grille des offres descend sous le parcours) */
main.page-accueil .hero__grille.hero__grille--seule{grid-template-columns:1fr;text-align:center}
main.page-accueil .hero__grille--seule .hero__chapo{max-width:62ch;margin-inline:auto}
main.page-accueil .hero__grille--seule .hero__cta{justify-content:center}

/* Accueil : parcours en trois étapes */
main.page-accueil .parcours.parcours--3{grid-template-columns:repeat(3,1fr);margin-top:0}
@media (width<=900px){main.page-accueil .parcours.parcours--3{grid-template-columns:1fr;max-width:620px;margin-inline:auto}}
main.page-accueil .parcours--accueil .parcours__etape{display:flex;flex-direction:column;align-items:flex-start;text-align:left}
main.page-accueil .parcours--accueil .parcours__etape p.parcours__offre{color:var(--c-primaire)}
main.page-accueil .parcours__offres{margin:var(--e-2) 0 0;padding-left:1.1rem;font-size:var(--t-petit);display:grid;gap:.55rem}
main.page-accueil .parcours__offres a{color:var(--c-secondaire)}
main.page-accueil .parcours--accueil .parcours__etape p.parcours__liens{margin-top:auto;padding-top:var(--e-3);display:flex;flex-wrap:wrap;gap:var(--e-2)}
main.page-accueil .parcours__liens .btn{text-align:center}
main.page-accueil .parcours__note{margin:var(--e-4) auto 0;max-width:62ch;text-align:center;font-size:var(--t-petit);color:var(--c-texte-doux);text-wrap:balance}

/* Accueil : bloc LOAD Hive, titre en h2 */
main.page-accueil article.offre--hive{text-align:center}
main.page-accueil article.offre--hive h2.offre__titre{color:var(--c-blanc);font-size:var(--t-h3);margin-top:var(--e-1);text-align:center;text-wrap:balance}
main.page-accueil article.offre--hive .offre__texte+.offre__texte{margin-top:var(--e-2)}
main.page-accueil article.offre--hive .offre__pourqui strong{color:var(--c-blanc)}
main.page-accueil article.offre--hive .offre__cta{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--e-3)}
main.page-accueil article.offre--hive .offre__cta-suite{font-size:var(--t-petit);color:#c9ccd6}
main.page-accueil article.offre--hive .offre__cta-suite a{color:var(--c-hive-cyan)}

/* Prestations : bloc LOAD Hive sous la grille */
main.page-prestations .offres--hive-seule{margin-top:var(--e-5)}

/* Prestations : tableau comparatif, cellules longues du nouveau catalogue */
main.page-prestations .tableau-offres td:nth-child(2) .tableau-offres__suite,main.page-prestations .tableau-offres td:nth-child(3){white-space:normal}
main.page-prestations .tableau-offres td:nth-child(2){min-width:11rem}
main.page-prestations .tableau-offres td:nth-child(3){min-width:7rem}

/* Bloc LOAD Hive : le segment de prix long peut passer à la ligne sur téléphone (évite un débordement de 8 px à 375 px) */
@media (max-width: 480px) {
  .offre--hive .prix-segment { white-space: normal; }
}