/* Clara Vienna — overrides design (Zone 4) : fidélité au site original.
   Typo Lato (corps + nav) + Allison (logo script « Clara Vienna »), header centré, navy. */

@font-face { font-family:'Lato'; src:url('https://fonts.gstatic.com/s/lato/v25/S6uyw4BMUTPHjx4wXiWtFCc.woff2') format('woff2'); font-weight:400; font-style:normal; font-display:swap; }
@font-face { font-family:'Lato'; src:url('https://fonts.gstatic.com/s/lato/v25/S6u9w4BMUTPHh6UVSwiPGQ3q5d0.woff2') format('woff2'); font-weight:700; font-style:normal; font-display:swap; }
@font-face { font-family:'Lato'; src:url('https://fonts.gstatic.com/s/lato/v25/S6u9w4BMUTPHh50XSwiPGQ3q5d0.woff2') format('woff2'); font-weight:900; font-style:normal; font-display:swap; }
@font-face { font-family:'Allison'; src:url('https://fonts.gstatic.com/s/allison/v13/X7nl4b88AP2nkbvZCC-a4ebjEgjJ7g.woff2') format('woff2'); font-weight:400; font-style:normal; font-display:swap; }

:root {
  --gas-font-family-body: 'Lato', system-ui, -apple-system, sans-serif;
  --gas-font-family-heading: 'Lato', system-ui, -apple-system, sans-serif;
  --gas-font-heading: 'Lato', system-ui, -apple-system, sans-serif;
  --gas-font-body: 'Lato', system-ui, -apple-system, sans-serif;
}
body, .gas-site-header, .gas-site-footer { font-family: var(--gas-font-family-body); }

/* --- Fond : blanc en mode clair, sombre en mode sombre. --- */
html:not([data-theme="dark"]) body,
html:not([data-theme="dark"]) .gas-light-page,
html:not([data-theme="dark"]) .gas-page,
html:not([data-theme="dark"]) .gas-page--layout-standard { background-color: #ffffff !important; }
html[data-theme="dark"] body,
html[data-theme="dark"] .gas-page,
html[data-theme="dark"] .gas-page--layout-standard { background-color: var(--gas-bg-page, #121212) !important; color: var(--gas-neutral-900, #f8fafc) !important; }

/* --- Marque « Clara Vienna » en script Allison --- */
.gas-site-header__brand-copy,
.gas-site-header__brand-link,
.gas-site-header__brand-copy * {
  font-family: 'Allison', 'Brush Script MT', cursive !important;
  font-weight: 400 !important;
  letter-spacing: 0;
  text-transform: none !important;
}
.gas-site-header__brand-copy { font-size: clamp(2.6rem, 6vw, 4rem); line-height: 0.95; }

/* --- Header centré : marque au-dessus, nav centrée dessous (le row est une grille) --- */
.gas-site-header__row--main {
  grid-template-columns: 1fr !important;
  justify-items: center !important;
  row-gap: 6px;
}
.gas-site-header__col--brand,
.gas-site-header__col--nav,
.gas-site-header__col--actions {
  grid-column: 1 !important;
  justify-content: center !important;
  text-align: center;
}
.gas-site-header__menu { justify-content: center !important; }
.gas-site-header__menu a { font-weight: 600; letter-spacing: .02em; }

/* --- Cartes : titres en navy (corrige le gris délavé), coins nets --- */
.gas-block-cards__title,
.gas-block-cards__card-title { color: #45548d !important; font-weight: 700; }
.gas-block-cards__card, .gas-block-card-archive__card, .gas-block-gallery__item { border-radius: 0; }

/* --- Hero overlay : grande photo PLEIN CADRE (full-bleed, comme l'original).
   On ne touche PAS au rendu interne de l'image (le variant le gère) — on règle
   seulement la hauteur, la pleine largeur et la couleur du texte. --- */
.gas-block-hero--overlay { min-height: 66vh; width: 100vw; max-width: 100vw; margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); }
.gas-block-hero--overlay .gas-block-hero__image { object-position: center 30%; }
.gas-block-hero--overlay .gas-block-hero__title,
.gas-block-hero--overlay .gas-block-hero__subtitle,
.gas-block-hero--overlay .gas-block-hero__eyebrow { color: #fff !important; }
/* Masquer les éléments de texte vides dans le héros (titre/sous-titre laissés vides) */
.gas-block-hero--overlay .gas-block-hero__title:empty,
.gas-block-hero--overlay .gas-block-hero__subtitle:empty,
.gas-block-hero--overlay .gas-block-hero__eyebrow:empty,
.gas-block-hero--overlay .gas-block-hero__content:empty { display: none; }

/* --- Section d'intro centrée (comme l'original : texte navy, marge confortable) --- */
.gas-block-text--align-center,
.gas-block-text[data-align="center"] { text-align: center; }
.gas-block-text p { max-width: 640px; margin-left: auto; margin-right: auto; }
.gas-block-text strong { color: var(--gas-color-primary); }