/**
 * Voie du Lotus — finitions design (typo élégante, air, touches lotus).
 * Surcouche tenant chargée après les tokens. On reste sur les tokens GAS ;
 * ici uniquement la personnalité typographique et quelques respirations.
 */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,400&family=Jost:wght@300;400;500&family=Mulish:wght@300;400;600&display=swap');

:root {
    --gas-font-family:         "Mulish", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --gas-font-family-heading: "Cormorant Garamond", Georgia, serif;
    --gas-font-heading:        "Cormorant Garamond", Georgia, serif;
}

/* Site clair FORCÉ (blanc cassé serein) : le thème gas-light pose un fallback
   OS-dark (body:not([class*="gas-theme-"]) sous @media prefers-color-scheme:dark)
   qui noircit la page quand l'OS du visiteur est en mode sombre. On le neutralise
   pour garder l'identité claire quelle que soit la préférence système. */
@media (prefers-color-scheme: dark) {
    body.gas-light-page:not([class*="gas-theme-"]) {
        background: var(--gas-bg-page);
        color: var(--gas-color-text);
    }
}

/* Titres : sérénité, finesse — et tailles RÉDUITES (le défaut était trop grand). */
.gas-block h1,
.gas-block h2,
.gas-block-hero__title,
.gas-block-statement__content {
    font-weight: 500;
    letter-spacing: 0.01em;
    line-height: 1.15;
}
.gas-block-hero__title          { font-size: clamp(1.9rem, 3.2vw, 2.8rem); }
.gas-block-hero__subtitle       { font-size: clamp(0.98rem, 1.3vw, 1.12rem); }
.gas-block h2,
.gas-block-image-text-split__title,
.gas-block-faq-columns__title,
.gas-block-pricing-table__title,
.gas-block-section__title       { font-size: clamp(1.35rem, 2.3vw, 1.85rem); }
.gas-block-statement__content   { font-size: clamp(1.45rem, 2.6vw, 2.1rem); }

/* Suraccroche (eyebrow) : petites capitales très espacées, comme l'affiche. */
.gas-block-hero__eyebrow,
.gas-block-image-text-split__eyebrow,
.gas-block-statement__eyebrow,
.gas-block-section__eyebrow {
    text-transform: uppercase;
    letter-spacing: 0.32em;
    font-family: "Jost", sans-serif;
    font-weight: 400;
    font-size: 0.72rem;
}

/* Corps de texte : aéré, lecture posée. */
.gas-block-text,
.gas-block-image-text-split__content {
    line-height: 1.8;
}

/* Boutons : arrondis pleins et doux, tracking léger. */
.gas-button {
    letter-spacing: 0.04em;
    font-family: "Jost", sans-serif;
    font-weight: 400;
}

/* Visuels BORNÉS : images plus contenues (le défaut paraissait trop grand). */
.gas-block-image-text-split__media img,
.gas-block-image-text-split img {
    max-height: 360px;
    object-fit: cover;
}
.gas-block-hero--split .gas-block-hero__media img,
.gas-block-hero--split .gas-block-hero__image,
.gas-block-hero__media img {
    max-height: 340px;
    object-fit: cover;
    object-position: 45% 58%;
}
/* Largeur CONSISTANTE ~1120px : la RACINE du hero split/media_grid était plafonnée à
   800px (min(100%,800px)) → hero étroit et décalé vs les sections (1120px). On aligne
   sur la racine (l'__inner était déjà large mais bridé par le parent). */
.gas-block-hero.gas-block-hero--split,
.gas-block-hero.gas-block-hero--media_grid,
.gas-block-hero.gas-block-hero--overlay {
    max-width: min(100%, 1120px);
}

/* Hero overlay (si réutilisé par une variante) : voile + cadrage fleur. */
.gas-block-hero--overlay { min-height: 52vh; }
.gas-block-hero--overlay .gas-block-hero__bg img { object-position: 50% 62%; }

/* Boutons « outline » lisibles sur fond sombre (CTA dark, sections sombres). */
.gas-block-cta-band--dark .gas-button--outline,
.gas-block-section[style*="#26414e"] .gas-button--outline,
.gas-block-hero--overlay .gas-button--outline {
    border-color: rgba(255, 255, 255, 0.65);
    color: #fff;
}
.gas-block-cta-band--dark .gas-button--outline:hover,
.gas-block-hero--overlay .gas-button--outline:hover {
    background: rgba(255, 255, 255, 0.12);
}

/* Respiration entre blocs : mesurée (plus compacte qu'avant). */
.gas-doc-blocks > * + * {
    margin-block-start: clamp(1.6rem, 3vw, 3rem);
}

/* latest_articles (listing journal) : le wrapper « typed shortcode » ne borne PAS
   son contenu → il touchait les bords. On le borne à ~1120px centré comme le reste. */
.gas-block-latest-articles,
.gas-block-gallery {
    max-width: min(100%, 1120px);
    margin-inline: auto;
    padding-inline: clamp(16px, 5vw, 40px);
    box-sizing: border-box;
}

/* Citations « pull » : guillemet doré, italique élégante. */
.gas-block-quote--pull {
    font-family: "Cormorant Garamond", Georgia, serif;
    font-style: italic;
}