/* ============================================
   GRAVANO — PAGE D'ACCUEIL (reconstruction complète v1.10)
   Le dégradé Température, le hero, le manifeste flottant,
   les rayons, la réassurance, Doc Gravano, le footer.
   ============================================ */

/* ————— LE GRAND DÉGRADÉ — suit le scroll normalement ————— */
body.page-template-template-accueil,
body.page-template-template-accueil #main-container,
body.page-template-template-accueil #main,
body.page-template-template-accueil article,
body.page-template-template-accueil .entry-content{
  background:var(--gv-ivoire) !important;
}
/* Le dégradé est un SEUL flux continu, posé sur le conteneur qui enveloppe
   TOUT le contenu après le hero (manifeste + rayons + réassurance + doc + footer).
   Le hero, lui, reste en ivoire fixe (voir .gv-hero plus haut). */
.gv-apres-hero{
  background:linear-gradient(180deg,
    var(--gv-ivoire) 0%,
    var(--gv-nude) 12%,
    var(--gv-nude-fonce) 24%,
    var(--gv-terracotta) 38%,
    var(--gv-terracotta-fonce) 54%,
    var(--gv-grenat) 72%,
    var(--gv-nuit) 90%,
    var(--gv-nuit) 100%) !important;
}
.gv-accueil{
  background:transparent !important;
  overflow-x:hidden;
}

/* ————— HERO ————— */
.gv-hero{
  min-height:88vh;
  display:flex;flex-direction:column;
  align-items:center;justify-content:center;
  text-align:center;padding:0 6vw;position:relative;
  background:var(--gv-ivoire) !important;
}
.gv-hero h1,
body.page-template-template-accueil .gv-hero h1{
  font-family:'Cormorant Garamond', serif !important;
  font-size:clamp(3.4rem,10vw,8rem) !important;
  font-weight:400 !important;
  letter-spacing:.13em !important;
  text-transform:uppercase !important;
  color:var(--gv-encre) !important;
  margin:0 !important;
  line-height:1 !important;
}
/* ————— TAMPON PRODUIT DIGITAL — gabarit réutilisable par boutique —————
   Sceau qui prolonge le gros "GRAVANO" du hero, ancré sur la dernière
   lettre (span .gv-hero-lettre-o, position:relative — voir template-
   accueil.php). Tout est en "em" : hérite du font-size du h1, qui est
   responsive (clamp 3,4rem→8rem), donc le tampon suit fidèlement sans
   media query à part.
   Chevauchement voulu : le BAS du tampon mord le BAS du "o" (pas le
   haut), le tampon montant en biais vers la droite au-dessus à partir
   de là (tilt déjà dans l'image source). Défile AVEC la page — pas de
   position:fixed ici (contrairement au 1er essai, posé par erreur sur
   le logo du header).
   BUG TROUVÉ (inspection DevTools) : le reset global Blocksy `img{max-width:100%}`
   s'appliquait par-dessus, et comme le tampon est en position:absolute dans
   .gv-hero-lettre-o, ce 100% se calculait sur la largeur du bloc positionné
   parent — c'est-à-dire la largeur du seul "o" (~115px à 1440px). Résultat :
   quelle que soit la valeur en em fixée ici, le tampon restait coincé à la
   taille d'une seule lettre. D'où le `max-width:none` ci-dessous, qui neutralise
   ce reset et laisse enfin la largeur en em s'appliquer réellement.
   Toute mesure "par simulation" faite AVANT cette correction (dont le rejet
   d'un x4/9,2em pour débordement) était donc faussée par ce bug — à revalider
   maintenant que la largeur réelle suit enfin la valeur déclarée.
   Pour une satellite : dupliquer .gv-hero-lettre-o autour de la dernière
   lettre de son propre hero, ce bloc CSS reste identique. */
.gv-hero-lettre-o{
  position:relative;
  display:inline-block;
}
.tampon-produit-digital{
  display:block;
  position:absolute;
  max-width:none;
  right:-1.2em;
  bottom:-.6em;
  width:3em;height:auto;
  transform:rotate(-12deg);
  transform-origin:bottom right;
  filter:drop-shadow(0 .05em .12em rgba(0,0,0,.3));
  pointer-events:none;
}
@media (max-width:760px){
  /* Mobile (média PRINCIPAL) : la tagline COMPLÈTE descend près du paragraphe du
     bas, posée dans une PLAQUE DORÉE À RIVETS (comme la citation du header
     desktop) → elle est mise en valeur ET ne gêne plus le tampon. Du coup on
     GROSSIT le tampon (lisible, même axe -12°, mord juste le "o"). Emplacement
     destiné à la carcasse. Spécificité montée (body.page-template…) pour gagner
     sur la règle .gv-tagline générique plus bas. */
  /* Hero mobile CENTRÉ verticalement — c'est le centrage qui dégage le grand
     médaillon doré débordant en haut ; min-height réduite pour limiter le blanc.
     GRAVANO forci + tampon AGRANDI lisible (stampé sur le logo). */
  body.page-template-template-accueil .gv-hero{ min-height:84vh; }
  /* GRAVANO au plus gros qui remplit la largeur (vw → responsive, pas de
     débordement) ; le tampon, en em, grossit avec lui. */
  /* GRAVANO : trait plus GRAS, un peu plus gros, et REMONTÉ dans le blanc du haut.
     Le tampon est COMPENSÉ (translate inverse + em réduit) pour ne bouger ni
     grossir → GRAVANO se dégage de lui (moins de chevauchement). Plaque/paragraphe
     inchangés. */
  /* Tampon DÉTACHÉ de GRAVANO : ancré au HERO (le "o" n'est plus son contexte de
     position), taille FIXE en vw → GRAVANO peut grossir/monter/grasseyer sans le
     toucher ni le déplacer. Il reste où il est ; GRAVANO se dégage au-dessus. */
  body.page-template-template-accueil .gv-hero-lettre-o{ position:static; }
  body.page-template-template-accueil .tampon-produit-digital{
    position:absolute;right:2.5vw;left:auto;top:13rem;bottom:auto;
    width:62vw;max-width:330px;transform:rotate(-12deg);transform-origin:center;
  }
  /* GRAVANO : plus GROS + trait vraiment FORCI. Cormorant 600 reste fin, donc
     on épaissit les lettres avec un contour (text-stroke) → trait visiblement
     plus gras. Taille en vw calée pour tenir dans la largeur ("o" compris). */
  body.page-template-template-accueil .gv-hero h1{
    /* Pour REMPLIR la largeur avec des lettres VRAIMENT plus grosses, le levier
       n'est pas la police seule mais l'espacement : lettres collées (ls 0) +
       police montée à ~73px (mesuré : ~355px de large → ~17px de marge/côté),
       tout en tenant sur UNE ligne (white-space:nowrap garantit zéro casse du
       "o"). min 3rem pour les tout petits écrans, max 5.2rem pour les tablettes. */
    font-size:clamp(3rem,18.8vw,5.2rem) !important;font-weight:600 !important;
    letter-spacing:0 !important;white-space:nowrap;
    -webkit-text-stroke:0.7px currentColor;paint-order:stroke fill;
    /* On positionne GRAVANO par des MARGES (pas un transform ! le transform
       piégeait le tampon dans le h1 et les rendait solidaires). margin-bottom:auto
       pousse le titre en haut, margin-top le repositionne → réglable seul, sans
       toucher au tampon (ancré au hero, indépendant). */
    margin-top:8.5rem !important;margin-bottom:auto !important;
  }
  /* Plaque + paragraphe REMONTÉS pour combler le grand vide central du hero
     (mesuré au vrai 390px : ~150px de blanc entre le tampon et la plaque, tout
     le bas entassé). Objectif : blanc-haut ≈ vide-central ≈ blanc-bas. */
  body.page-template-template-accueil .gv-hero-situe{ bottom:6.5rem; }

  /* Tagline COMPLÈTE en plaque dorée à rivets, en absolu juste au-dessus du
     paragraphe. */
  body.page-template-template-accueil .gv-hero .gv-tagline{
    position:absolute;left:50%;bottom:12rem;transform:translateX(-50%);margin:0;
    width:auto;max-width:92vw;white-space:nowrap;
    font-family:'Cormorant Garamond',serif;font-style:italic;font-weight:500;
    font-size:1.05rem !important;color:var(--gv-nuit) !important;visibility:visible !important;
    padding:.42rem 1.8rem;border-radius:9px;
    background:linear-gradient(168deg,#F0D77E 0%,#CDA62B 42%,#A67E1B 100%);
    border:1px solid #7d5f13;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.55),inset 0 -2px 5px rgba(80,54,4,.4),0 2px 6px rgba(0,0,0,.3);
  }
  body.page-template-template-accueil .gv-hero .gv-tagline::before{
    content:"";position:absolute;inset:0;border-radius:9px;pointer-events:none;
    background:
      radial-gradient(circle at 11px 8px, #5c460d 0 1.5px,#8a6a17 1.5px 3px,rgba(255,255,255,.45) 3px 3.7px,transparent 4.1px),
      radial-gradient(circle at calc(100% - 11px) 8px, #5c460d 0 1.5px,#8a6a17 1.5px 3px,rgba(255,255,255,.45) 3px 3.7px,transparent 4.1px),
      radial-gradient(circle at 11px calc(100% - 8px), #5c460d 0 1.5px,#8a6a17 1.5px 3px,rgba(255,255,255,.45) 3px 3.7px,transparent 4.1px),
      radial-gradient(circle at calc(100% - 11px) calc(100% - 8px), #5c460d 0 1.5px,#8a6a17 1.5px 3px,rgba(255,255,255,.45) 3px 3.7px,transparent 4.1px);
  }
}
@media (min-width:761px){
  /* Desktop : la citation « L'envie… » vit dans le header (voir functions.php
     .gv-bandeau--citation), donc on masque la tagline du hero pour éviter le
     doublon — ce qui libère la place sous GRAVANO pour le tampon agrandi.
     visibility:hidden (et PAS display:none) : on garde la BOÎTE de la tagline
     dans le flux, sinon le hero se raccourcit et le bloc « Le spécialiste… »
     (positionné en absolu par rapport au bas du hero) remonte et se retrouve
     sous le tampon. Ici on masque juste le texte, la place reste réservée. */
  .gv-hero .gv-tagline{ visibility:hidden; }
}

.gv-hero .gv-tagline{
  font-family:'Cormorant Garamond',serif;font-style:italic;
  font-size:clamp(1.25rem,2.8vw,1.9rem);
  margin-top:.6rem;color:#8A5566;
}
.gv-hero-situe{
  position:absolute;bottom:4.8rem;left:50%;transform:translateX(-50%);
  text-align:center;width:92%;max-width:640px;
  animation:gv-flotte 2.6s ease-in-out infinite;
  display:flex;flex-direction:column;gap:.5rem;
}
.gv-hero-situe-titre{
  font-family:'Cormorant Garamond',serif;font-style:italic;
  color:var(--gv-encre);
  font-size:clamp(1.05rem,2.1vw,1.35rem);
  line-height:1.4;
}
.gv-hero-situe-liste{
  color:#B04A6C;font-size:clamp(.7rem,1.3vw,.8rem);
  letter-spacing:.16em;text-transform:uppercase;font-weight:600;
}
.gv-points-suspension{
  font-size:1.5em;font-weight:700;margin-left:.15em;
}
@media(max-height:700px){ .gv-hero-situe{ bottom:1.2rem; } }
@keyframes gv-flotte{0%,100%{transform:translate(-50%,0)}50%{transform:translate(-50%,8px)}}

/* ————— MANIFESTE — cadre flottant sur le dégradé ————— */
.gv-manifeste{
  padding:5rem 5vw 7rem;text-align:center;
}
.gv-manifeste-carte{
  max-width:820px;margin:0 auto;
  background:rgba(255,253,253,.93);
  border-radius:1.6rem;
  padding:3.5rem 6vw 4rem;
  box-shadow:0 30px 80px -30px rgba(37,16,36,.35);
  backdrop-filter:blur(4px);
}
.gv-eyebrow{
  font-family:'Figtree',sans-serif;
  font-size:.75rem;letter-spacing:.3em;text-transform:uppercase;
  color:var(--gv-or);font-weight:600;margin-bottom:2.4rem;display:block;
  font-style:normal;
}
.gv-manifeste p{
  font-size:clamp(1.5rem,3vw,2.1rem);line-height:1.55;
  margin-bottom:1.8rem;color:var(--gv-encre);
}
.gv-manifeste .gv-chute{
  font-size:clamp(1.7rem,3.4vw,2.5rem);font-weight:500;margin-top:3rem;
}
.gv-accent{
  background:linear-gradient(100deg,var(--gv-terracotta),var(--gv-grenat));
  -webkit-background-clip:text;background-clip:text;color:transparent;
}

/* ============================================================
   VITRINE EBOOK — le PRODUIT PHARE, en tête du fil, dans son écrin
   doré et lumineux (halo or par-dessus le dégradé continu du fil).
   ============================================================ */
.gv-ebook-vitrine{
  padding:3.6rem 5vw 4rem;
  background:radial-gradient(120% 100% at 50% -8%, rgba(201,162,39,.22), rgba(201,162,39,0) 60%);
}
.gv-ev-inner{
  max-width:1060px;margin:0 auto;position:relative;
  display:grid;grid-template-columns:.82fr 1.18fr;gap:2.8rem;align-items:center;
  background:linear-gradient(160deg,#FFFDF6 0%,#FBF2DF 100%);
  border:1px solid var(--gv-or);border-radius:22px;padding:2.8rem 3rem;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.85),0 0 0 6px rgba(201,162,39,.10),0 34px 66px -30px rgba(201,162,39,.5);
}
.gv-ev-livre{ display:flex;justify-content:center;perspective:1300px;position:relative; }
.gv-ev-livre::before{
  content:'';position:absolute;inset:-12% -18%;
  background:radial-gradient(circle at 50% 45%, rgba(201,162,39,.42), rgba(201,162,39,0) 66%);
  filter:blur(6px);z-index:0;
}
.gv-ev-livre-face{
  position:relative;z-index:1;width:min(220px,58vw);aspect-ratio:3/4;border-radius:6px 12px 12px 6px;
  background:linear-gradient(135deg,#3a1c30 0%,var(--gv-grenat) 48%,#4a1638 100%);border-left:7px solid #1c0c1a;
  box-shadow:0 30px 54px -22px rgba(37,16,36,.7),inset 0 0 0 1px rgba(201,162,39,.3);
  display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;
  padding:1.8rem 1.3rem;gap:.55rem;color:#f4e2e8;
}
.gv-ev-livre-face::after{ content:'';position:absolute;inset:11px;border:1px solid rgba(201,162,39,.42);border-radius:4px; }
.gv-ev-livre-eyebrow{ font-family:'Figtree',sans-serif;font-size:.52rem;letter-spacing:.2em;text-transform:uppercase;color:var(--gv-or-clair); }
.gv-ev-livre-t{ font-family:'Cormorant Garamond',Georgia,serif;font-weight:600;font-size:1.4rem;line-height:1.05;color:#fff; }
.gv-ev-livre-fleuron{ color:var(--gv-or-clair);font-size:1.1rem; }
.gv-ev-livre-sous{ font-family:'Cormorant Garamond',Georgia,serif;font-style:italic;font-size:.8rem;color:rgba(244,226,232,.82); }
.gv-ev-eyebrow{ display:inline-block;font-family:'Figtree',sans-serif;font-size:.72rem;letter-spacing:.22em;text-transform:uppercase;font-weight:700;color:#A6801D;margin-bottom:.7rem; }
.gv-ev-titre{ font-family:'Cormorant Garamond',Georgia,serif;font-weight:600;font-size:clamp(2rem,3.6vw,2.8rem);line-height:1.04;color:var(--gv-grenat);margin:0 0 .7rem; }
.gv-ev-sous{ font-family:'Figtree',sans-serif;font-size:1.05rem;line-height:1.6;color:#5f4750;margin:0 0 1.5rem;max-width:38ch; }
.gv-ev-sous strong{ color:var(--gv-grenat); }
.gv-ev-achat{ display:flex;align-items:center;gap:1.3rem;flex-wrap:wrap; }
.gv-ev-cta{
  display:inline-flex;align-items:center;gap:1rem;text-decoration:none;
  background:linear-gradient(160deg,#E9CE6B,var(--gv-or) 48%,#A6801D);color:#2a1e06;border-radius:14px;padding:.95rem 1.5rem;
  box-shadow:0 14px 28px -12px rgba(166,128,29,.6),inset 0 1px 0 rgba(255,255,255,.45);
  transition:transform .16s ease, box-shadow .22s ease, filter .16s ease;
}
.gv-ev-cta:hover{ transform:translateY(-2px);box-shadow:0 20px 36px -12px rgba(166,128,29,.66),inset 0 1px 0 rgba(255,255,255,.55); }
.gv-ev-cta:active{ transform:translateY(1px);filter:brightness(.97); }
.gv-ev-cta:focus-visible{ outline:3px solid var(--gv-grenat);outline-offset:3px; }
.gv-ev-cta-txt{ font-family:'Figtree',sans-serif;font-weight:700;font-size:1rem; }
.gv-ev-cta-prix{ font-family:'Cormorant Garamond',Georgia,serif;font-weight:700;font-size:1.4rem;padding-left:.9rem;border-left:1px solid rgba(42,30,6,.3); }
.gv-ev-lien{ font-family:'Figtree',sans-serif;font-weight:600;font-size:.9rem;letter-spacing:.03em;color:var(--gv-grenat);text-decoration:none;border-bottom:1px solid transparent;transition:border-color .16s ease; }
.gv-ev-lien:hover{ border-color:var(--gv-or); }
.gv-ev-micro{ list-style:none;margin:1.2rem 0 0;padding:0;display:flex;flex-wrap:wrap;gap:.4rem 1rem; }
.gv-ev-micro li{ font-family:'Figtree',sans-serif;font-size:.8rem;color:#A6801D;position:relative;padding-left:1.1rem; }
.gv-ev-micro li::before{ content:'✓';position:absolute;left:0;color:var(--gv-or);font-weight:700; }
@media (max-width:820px){
  .gv-ev-inner{ grid-template-columns:1fr;gap:2rem;padding:2.2rem 1.6rem;text-align:center; }
  .gv-ev-livre{ order:0; }
  .gv-ev-sous{ margin-left:auto;margin-right:auto; }
  .gv-ev-achat,.gv-ev-micro{ justify-content:center; }
}

/* ————— INTRO RAYONS ————— */
.gv-rayons-intro{
  text-align:center;padding:3.5rem 5vw 9rem;max-width:640px;margin:0 auto;
}
/* Trio d'intro des rayons — LABEL → TITRE → description (harmonisé) :
   « La collection » (label doré structuré, filets or) présente le nom de gamme
   « La fougue de l'étalon » (titre, §11), juste avant le début du dégradé. */
.gv-rayons-collection{
  display:block;font-family:'Figtree',sans-serif;font-weight:600;
  font-size:.82rem;letter-spacing:.24em;text-transform:uppercase;color:var(--gv-or);
  margin-bottom:1rem;
}
.gv-rayons-collection::before,
.gv-rayons-collection::after{
  content:'';display:inline-block;width:clamp(18px,5vw,38px);height:1px;
  background:var(--gv-or);opacity:.55;vertical-align:middle;margin:0 .7rem;
}
.gv-rayons-intro h2{
  font-family:'Cormorant Garamond',Georgia,serif;font-weight:600;
  font-size:clamp(1.9rem,3.8vw,2.5rem);line-height:1.05;margin:0 0 .8rem;color:var(--gv-grenat);
}
.gv-rayons-intro p{color:#8A5566;font-size:1.02rem;line-height:1.6;max-width:520px;margin:0 auto;}

/* Visuels des rayons — la température monte */
.gv-v-parfums{background:linear-gradient(150deg,#F9E3E9 0%,var(--gv-nude) 100%);color:#C4839B;}
.gv-v-bijoux{background:linear-gradient(150deg,var(--gv-nude) 0%,var(--gv-nude-fonce) 100%);color:#B06280;}
.gv-v-massage{background:linear-gradient(150deg,var(--gv-nude-fonce) 0%,var(--gv-terracotta) 100%);color:rgba(255,253,251,.75);}
.gv-v-lingerie{background:linear-gradient(150deg,var(--gv-terracotta) 0%,var(--gv-terracotta-fonce) 100%);color:rgba(255,253,251,.65);}
.gv-v-jeux-feutre{background:linear-gradient(150deg,var(--gv-terracotta-fonce) 0%,var(--gv-grenat) 100%);color:rgba(255,253,251,.55);}
.gv-v-intime{background:linear-gradient(150deg,var(--gv-grenat) 0%,#380E2C 100%);color:rgba(255,253,251,.45);}

/* ————— BASCULE ————— */
.gv-bascule{text-align:center;padding:6.5rem 5vw;}
.gv-bascule p{
  font-family:'Cormorant Garamond',serif;font-style:italic;
  font-size:clamp(1.6rem,3.4vw,2.4rem);color:var(--gv-blanc);
  max-width:620px;margin:0 auto;
  text-shadow:0 2px 24px rgba(42,21,32,.4);
}

/* ————— RÉASSURANCE — même gris métal technologique que le header,
   avec 4 vis aux angles (façon carlingue rivetée, cadre-signature groupe) ————— */
.gv-reassurance{
  display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem;
  max-width:1280px;margin:0 auto;padding:0 4vw 6rem;
}
/* Spécificité montée (body.page-template…) pour battre la règle de fond de page
   `…article{background:ivoire !important}` qui écrasait le métal (les cartes
   sont des <article>). C'était LE blocage du « jamais livré ». */
body.page-template-template-accueil .gv-reassurance article{
  position:relative;
  background:
    /* 4 VRAIES vis aux angles (trou sombre + rebord clair + micro-reflet),
       visibles, dans le style des vis de la plaque du header. */
    radial-gradient(circle at 16px 16px, #34383d 0 2px, #6c7177 2px 3.4px, rgba(255,255,255,.75) 3.4px 4.2px, transparent 4.6px) no-repeat,
    radial-gradient(circle at calc(100% - 16px) 16px, #34383d 0 2px, #6c7177 2px 3.4px, rgba(255,255,255,.75) 3.4px 4.2px, transparent 4.6px) no-repeat,
    radial-gradient(circle at 16px calc(100% - 16px), #34383d 0 2px, #6c7177 2px 3.4px, rgba(255,255,255,.75) 3.4px 4.2px, transparent 4.6px) no-repeat,
    radial-gradient(circle at calc(100% - 16px) calc(100% - 16px), #34383d 0 2px, #6c7177 2px 3.4px, rgba(255,255,255,.75) 3.4px 4.2px, transparent 4.6px) no-repeat,
    /* reflet alu ADOUCI (moins blanc dans les hautes lumières qu'avant) */
    linear-gradient(158deg, #c7cbd0 0%, #a9aeb5 36%, #838890 72%, #565b61 100%) !important;
  padding:3rem 2.2rem;
  text-align:center;border-radius:1.2rem;
  border:1px solid rgba(0,0,0,.3);
  box-shadow:
    0 18px 45px -22px rgba(37,16,36,.4),
    inset 0 1px 0 rgba(255,255,255,.35),
    inset 0 -2px 5px rgba(0,0,0,.22);
}
.gv-reassurance h4{
  font-family:'Cormorant Garamond',serif;font-size:1.4rem;
  font-weight:600;margin:0 0 .6rem;color:#2E3134;
}
.gv-reassurance p{font-size:.92rem;color:#52585E;max-width:30ch;margin:0 auto;}
@media(max-width:760px){.gv-reassurance{grid-template-columns:1fr;}}

/* ————— DOC GRAVANO ————— */
.gv-doc{padding:4rem 5vw 7rem;text-align:center;max-width:760px;margin:0 auto;}
.gv-doc h2{
  font-family:'Cormorant Garamond',serif !important;
  font-weight:500 !important;
  font-size:clamp(2rem,4.5vw,3rem);color:var(--gv-blanc) !important;margin:0 0 1.2rem;
}
.gv-doc p{
  font-family:'Cormorant Garamond',serif;font-style:italic;
  font-size:1.3rem;color:rgba(255,253,251,.85);margin-bottom:2.4rem;
}
.gv-btn-or{
  display:inline-block;text-decoration:none;font-size:.83rem;
  letter-spacing:.1em;text-transform:uppercase;font-weight:600;
  padding:.85rem 2rem;border-radius:2rem;transition:all .3s;
  border:1.5px solid var(--gv-or);color:var(--gv-or);
  font-family:'Figtree',sans-serif;
}
.gv-btn-or:hover{background:var(--gv-or);color:var(--gv-nuit);}

/* ============================================
   FOOTER GRAVANO — TOUT en blanc et doré,
   aucun texte sombre sur ce fond nuit boudoir.
   ============================================ */
.gv-footer{
  padding:2.6rem 5vw 3rem;
}
.gv-footer-grille{
  display:grid;grid-template-columns:2fr 1fr 1fr;gap:3rem;
  max-width:1100px;margin:1.8rem auto 2.4rem; /* écart SOUS la ligne séparatrice (les colonnes ne collent plus) */
}
.gv-footer-logo{
  font-family:'Cormorant Garamond',serif;font-size:1.4rem;
  font-weight:600;letter-spacing:.14em;
  color:#FFFDFD !important;
}
.gv-accent-or{ color:var(--gv-or) !important; }
.gv-footer-marque p{
  margin-top:1rem;max-width:36ch;
  color:#FFFDFD !important;opacity:.85;font-size:.9rem;
}
.gv-footer-col h5{
  font-family:'Figtree',sans-serif;
  font-size:.75rem;letter-spacing:.2em;text-transform:uppercase;
  margin:0 0 .85rem;color:var(--gv-or) !important;font-weight:600;
}
.gv-footer-col ul{list-style:none;margin:0;padding:0;}
.gv-footer-col li{margin-bottom:.7rem;line-height:1.3;}
.gv-footer-col a,
.gv-footer-col a:link,
.gv-footer-col a:visited{
  color:#FFFDFD !important;font-size:.95rem;text-decoration:none;
  opacity:.9;
}
.gv-footer-col a:hover{ opacity:1;color:var(--gv-or) !important; }
.gv-footer-bas{
  text-align:center;border-top:1px solid rgba(255,253,253,.16);
  padding-top:2rem;max-width:1100px;margin:0 auto;
}
.gv-footer-bas p,
.gv-footer-bas p:first-child{
  font-size:.85rem;color:var(--gv-or) !important;opacity:.85;margin:0;
}
.gv-footer-punch{
  font-family:'Cormorant Garamond',serif;font-style:italic;
  font-size:clamp(1.3rem,2.8vw,1.9rem) !important;
  color:#FFFDFD !important;opacity:1 !important;
  margin-top:.9rem !important;
  text-shadow:0 2px 24px rgba(0,0,0,.35);
}

/* ============================================
   FOOTER AUTONOME (--solo) — RÈGLE DE LISIBILITÉ (décidée)
   Hors accueil (pages de contenu/légales, panier, checkout, produit, compte),
   le footer ne bénéficie pas du grand dégradé de l'accueil : il portait donc un
   fond TRANSPARENT et son texte blanc/doré se délavait sur le rose moyen de la
   page. Il porte désormais SON PROPRE fond chaud qui FINIT COMME LA BOUTIQUE :
   tout en bas du dégradé « soirée qui avance », sur le NUIT BOUDOIR — le plus
   foncé — via une descente terracotta → grenat → nuit. C'est là que le blanc et
   le doré RESSORTENT le mieux (lisibilité parfaite, chaleur enveloppante, sérieux
   & stabilité). La page garde son propre dégradé adapté, le footer le prolonge.
   ============================================ */
.gv-footer--solo{
  background:linear-gradient(180deg,
    var(--gv-terracotta) 0%,
    var(--gv-grenat) 45%,
    var(--gv-nuit) 100%) !important;
}

@media(max-width:760px){ .gv-footer-grille{ grid-template-columns:1fr;gap:2rem; } }

/* Vitrine ebook : « d'abord » en accent + « Ebook » collé au prix (lisibilité). */
.gv-ev-titre-suite{ display:block;font-style:italic;font-weight:600;font-size:.5em;color:var(--gv-terracotta-fonce);margin-top:.04em; }
.gv-ev-cta-prix{ display:inline-flex;flex-direction:column;align-items:center;line-height:1; }
.gv-ev-cta-eb{ font-family:'Figtree',sans-serif;font-weight:700;font-size:.52rem;letter-spacing:.16em;text-transform:uppercase;color:#6a4e08;margin-bottom:.15rem; }