/* ============================================================
   MAIN.CSS — Orchestrateur global easytoclean
   L'ordre compte : tokens → base → typo → composants.
   Chaque composant porte ses propres règles responsive.
   ============================================================ */

/* 0. Polices auto-hébergées (Poppins woff2) */
@import url('./fonts.css');

/* 1. Fondations */
@import url('./00-tokens.css');
@import url('./01-base.css');
@import url('./02-typography.css');

/* 2. Composant atomique */
@import url('./components/buttons.css');

/* 3. Composants de page (par ordre d'apparition) */
@import url('./components/header.css');
@import url('./components/hero.css');
@import url('./components/trust-bar.css');
@import url('./components/local-band.css');
@import url('./components/pitch.css');
@import url('./components/seo-content.css');
@import url('./components/leadgen.css');
@import url('./components/sectors.css');
@import url('./components/sector-page.css');
@import url('./components/faq.css');
@import url('./components/cta-final.css');
@import url('./components/footer.css');
@import url('./components/home.css');
@import url('./components/conversion.css');
@import url('./components/video-loop.css');
@import url('./components/motion.css');
@import url('./components/video-player.css');
@import url('./components/content-pages.css');
@import url('./components/rich-pages.css');
@import url('./components/combien.css');
@import url('./components/glossaire.css');

/* #5 — Maillage glossaire (bloc "Voir aussi") */
.gl-entry__links{margin-top:.6rem;font-size:.9rem;line-height:1.6}
.gl-entry__links-label{font-weight:600;color:var(--color-brand-dark,#18344B);margin-right:.25rem}
.gl-entry__links a{color:var(--color-brand-primary,#61B8FF);text-decoration:none;font-weight:500}
.gl-entry__links a:hover{text-decoration:underline}

/* #6 — Blocs secteurs : bénéfices, témoignages, couverture géo */
.benefices__grid,.temoignages__grid{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));margin-top:1.5rem}
.benefice-card{padding:1.5rem;border-radius:16px;background:var(--color-bg-soft,#f5f9ff);box-shadow:0 8px 24px -12px rgba(24,52,75,.18)}
.benefice-card__icon{width:28px;height:28px;color:var(--color-brand-primary,#61B8FF);background:var(--color-energy-accent,#EDFFCB);border-radius:8px;padding:4px;margin-bottom:.75rem}
.benefice-card__title{margin:0 0 .4rem;font-size:1.05rem;color:var(--color-brand-dark,#18344B)}
.benefice-card__text{margin:0;font-size:.95rem;line-height:1.55}
.temoignage{margin:0;padding:1.5rem;border-radius:16px;background:#fff;border:1px solid var(--color-brand-light,#CEE9FF)}
.temoignage__quote{margin:0 0 1rem;font-size:1.05rem;line-height:1.6;color:var(--color-brand-dark,#18344B)}
.temoignage__author{display:flex;flex-direction:column;font-size:.85rem}
.temoignage__role{font-weight:600;color:var(--color-brand-dark,#18344B)}
.temoignage__desc{color:#5a7184}
.temoignages__note{margin-top:1rem;font-size:.8rem;color:#8294a3;font-style:italic}
.couverture-geo__list{list-style:none;padding:0;margin:1rem 0 0;display:grid;gap:.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}
.couverture-geo__list a{color:var(--color-brand-primary,#61B8FF);text-decoration:none;font-weight:500}
.couverture-geo__list a:hover{text-decoration:underline}

/* #4/#13 — Article enrichi : sous-titres, CTA inline, À lire aussi */
.blog-article__h2{margin:2rem 0 .75rem;font-size:1.4rem;color:var(--color-brand-dark,#18344B)}
.blog-cta-inline{margin:2rem 0;padding:1.5rem;border-radius:16px;background:var(--color-energy-accent,#EDFFCB);text-align:center}
.blog-cta-inline p{margin:0 0 .75rem;font-weight:600;color:var(--color-brand-dark,#18344B)}
.blog-related{margin-top:3rem;border-top:1px solid var(--color-brand-light,#CEE9FF);padding-top:2rem}
.blog-related__title{font-size:1.3rem;color:var(--color-brand-dark,#18344B);margin-bottom:1rem}