/*
 * home-native.css — adaptations pour la home reconstruite en widgets Elementor natifs.
 * Les widgets portent les classes du proto (typo héritée) ; ici on adapte les boutons
 * natifs Elementor et on neutralise les marges par défaut des widgets.
 */

/* Reset marges par défaut des widgets dans les containers natifs */
.elementor .e-con .elementor-widget { margin: 0; }
.elementor .elementor-widget-heading .elementor-widget-container,
.elementor .elementor-widget-text-editor .elementor-widget-container { margin: 0; }
.elementor .elementor-widget-text-editor p:last-child { margin-bottom: 0; }
.elementor .elementor-heading-title { font: inherit; letter-spacing: inherit; line-height: inherit; color: inherit; margin: 0; }
.elementor .eyebrow .elementor-widget-container > * { margin: 0; }

/* Boutons natifs Elementor portant les classes proto : styliser le <a> interne */
.elementor .elementor-widget-button .elementor-button {
  display: inline-flex; align-items: center; gap: 10px; width: auto;
}
.elementor .btn-ink .elementor-button {
  background: var(--ink); color: var(--cream); padding: 14px 24px; border-radius: 100px;
  font-size: 14px; font-weight: 600; border: 0; transition: transform .2s, background .2s;
}
.elementor .btn-ink .elementor-button:hover { background: oklch(28% 0.04 250); transform: translateY(-1px); }
.elementor .btn-ghost .elementor-button {
  background: transparent; color: var(--ink); padding: 13px 22px; border-radius: 100px;
  border: 1.5px solid var(--ink); font-size: 14px; font-weight: 600; transition: background .2s, color .2s;
}
.elementor .btn-ghost .elementor-button:hover { background: var(--ink); color: var(--cream); }
.elementor .btn-green-v2 .elementor-button {
  background: var(--green-v2); color: #fff; padding: 14px 24px; border-radius: 100px;
  font-size: 14px; font-weight: 600; border: 0; transition: transform .2s, opacity .2s;
}
.elementor .btn-green-v2 .elementor-button:hover { opacity: .92; transform: translateY(-1px); }
.elementor .elementor-widget-button .elementor-button .elementor-button-text { font: inherit; }

/* Titres de section (le style proto vient d'un sélecteur descendant .v2-x-head h2
   non applicable — on recrée des classes dédiées portées par le widget heading) */
.v2-sec-title-cat, .v2-sec-title-journal, .v2-sec-title-livre, .v2-sec-title-final {
  font-family:'Bricolage Grotesque',sans-serif; font-variation-settings:"wdth" 95;
  font-weight:800; letter-spacing:-0.04em; line-height:1;
}
.v2-sec-title-cat    { font-size:clamp(28px,3.2vw,44px); letter-spacing:-0.035em; }
.v2-sec-title-journal{ font-size:clamp(40px,5.5vw,72px); line-height:.95; }
.v2-sec-title-livre  { font-size:clamp(40px,5vw,72px); line-height:.98; }
.v2-sec-title-final  { font-size:clamp(48px,8vw,120px); letter-spacing:-0.05em; line-height:.92; }
.v2-sec-title-cat em, .v2-sec-title-journal em, .v2-sec-title-livre em, .v2-sec-title-final em {
  font-family:'Newsreader',serif; font-style:italic; font-weight:500;
  color:var(--green-v2); font-variation-settings:normal;
}

/* Scène hero : garantir une largeur pour l'aspect-ratio */
.elementor .hs-scene { width:100%; }

/* Grid natif : autoriser les items à rétrécir (sinon la colonne au contenu large
   écrase l'autre). Répartition 1fr/1fr correcte. */
.elementor .e-grid > * { min-width: 0; }