/* =====================================================================
   Alignement du site : toutes les sections de toutes les pages calent
   leur contenu sur les mêmes lignes verticales que l'accueil
   (.container.custom-container : largeur max + 24 px de marge intérieure).
   Chargé en dernier dans default.blade.php pour primer sur les CSS de page.
   ===================================================================== */
:root {
    --site-max: 1200px;      /* largeur du conteneur, marges comprises */
    --site-content: 1152px;  /* largeur utile = --site-max - 2 × --site-pad */
    --site-pad: 24px;
}
@media (min-width: 1500.02px) and (max-width: 1800px) {
    :root { --site-max: 1300px; --site-content: 1252px; }
}
@media (max-width: 1199.98px) {
    :root { --site-max: 960px; --site-content: 912px; }
}
@media (max-width: 991.98px) {
    :root { --site-max: 720px; --site-content: 672px; }
}
@media (max-width: 767.98px) {
    :root { --site-max: 100%; --site-content: none; }
}

/* ---------- Pages services (hero + sections) ---------- */
.hero-container,
.section-container,
.services-cards-grid {
    width: 100%;
    max-width: var(--site-max);
    margin-left: auto;
    margin-right: auto;
    padding-left: var(--site-pad);
    padding-right: var(--site-pad);
    box-sizing: border-box;
}
.hero-container .hero-grid { max-width: none; }

/* ---------- Pages projets ---------- */
.hero-dark,
.trust-bar,
.process-section-v2,
.seo-proof,
.testimonial-section {
    padding-left: var(--site-pad);
    padding-right: var(--site-pad);
}
.hero-dark .hero-grid,
.trust-bar .trust-grid,
.trust-bar .trust-note,
.process-section-v2 .process-container,
.seo-proof .seo-proof__grid,
.testimonial-section .testimonial-container {
    max-width: var(--site-content);
    margin-left: auto;
    margin-right: auto;
}
.section-intro,
.explained-section {
    max-width: var(--site-max);
    padding-left: var(--site-pad);
    padding-right: var(--site-pad);
}

/* ---------- Accordéon (« Notre approche » / « Notre différence ») ---------- */
.acc-section { padding-left: 0; padding-right: 0; }
.acc-section .acc-section__header { padding-left: var(--site-pad); padding-right: var(--site-pad); }