/* ============================================
   GRAVANO — BLOG / ARTICLE (écrin de lecture)
   Chargé sur is_singular('post'). Feutré, fluide, intuitif : assorti à la
   boutique (palette, typo, header, footer) MAIS calmé pour la LECTURE longue
   (fond clair, colonne étroite, respiration). Le procédé « citation Gravano »
   est mis en exergue. Chaque article pousse vers l'EBOOK (doctrine v2).
   Générique : les satellites héritent, réadaptent couleurs/textes.
   ============================================ */

/* ---- Fond feutré, CLAIR (confort de lecture ; le footer, lui, descend au nuit) ---- */
body.gv-article-page,
body.gv-article-page #main-container,
body.gv-article-page #main{
  background:linear-gradient(180deg, #FDF7F7 0%, #FBF1F3 60%, #F6E7EC 100%) !important;
}
body.gv-article-page #main{ padding-top:120px; }

/* ---- Footer Blocksy masqué (footer Gravano minimal via wp_footer) ---- */
body.gv-article-page #footer,
body.gv-article-page .ct-footer{ display:none !important; }
/* Métas Blocksy superflues (auteur, catégories brutes, nav) : on épure. */
body.gv-article-page .entry-meta,
body.gv-article-page .ct-meta-element-comments,
body.gv-article-page .post-nav,
body.gv-article-page nav.post-navigation{ display:none !important; }
/* Commentaires WordPress bruts masqués sous les articles : l'espace d'échange
   voulu (façon commentaires vidéo) vit sur la PAGE EBOOK (l'espace du Doc),
   pas ici. On garde l'article en lecture pure → pont ebook → footer. */
body.gv-article-page #comments,
body.gv-article-page .comments-area,
body.gv-article-page .comment-respond,
body.gv-article-page #respond{ display:none !important; }
/* Extrait (méta-description) affiché en sous-titre par Blocksy : redondant avec
   le chapô. On le masque à l'écran (il reste l'extrait pour le SEO / les listes). */
body.gv-article-page .page-description{ display:none !important; }

/* ---- La COLONNE de lecture : étroite, centrée, aérée ---- */
body.gv-article-page .entry-content,
body.gv-article-page .entry-header{
  max-width:720px;margin-inline:auto;padding-inline:1.2rem;
}

/* ---- Titre + chapô ---- */
body.gv-article-page .entry-title,
body.gv-article-page h1.entry-title,
body.gv-article-page .page-title{
  font-family:'Cormorant Garamond',Georgia,serif !important;font-weight:600 !important;
  color:var(--gv-encre) !important;font-size:clamp(2.1rem,5.5vw,3.1rem) !important;line-height:1.1 !important;
  max-width:720px;margin:0 auto .4rem !important;padding-inline:1.2rem;text-align:center;
}
body.gv-article-page .entry-header{ text-align:center;margin-bottom:1.6rem; }
/* Ornement de signature sous le titre (le « fleuron » du gentleman) — un peu de
   chaleur/identité, sans charger la lecture. */
body.gv-article-page .entry-header::after{
  content:"❧";display:block;text-align:center;color:var(--gv-or);
  font-size:1.7rem;line-height:1;margin-top:.7rem;
}

/* ---- Corps : Figtree, confort de lecture ---- */
body.gv-article-page .entry-content{
  font-family:'Figtree',-apple-system,system-ui,sans-serif;
  color:var(--gv-encre);font-size:1.14rem;line-height:1.78;
}
body.gv-article-page .entry-content > p{ margin:0 0 1.35rem; }
/* Chapô : le 1er paragraphe, en Cormorant italique, plus grand (accroche empathique) */
body.gv-article-page .entry-content > p:first-of-type{
  font-family:'Cormorant Garamond',Georgia,serif;font-style:italic;font-size:1.5rem;line-height:1.4;
  color:var(--gv-grenat);margin-bottom:1.8rem;
}
/* Intertitres */
body.gv-article-page .entry-content h2{
  font-family:'Cormorant Garamond',Georgia,serif;font-weight:600;color:var(--gv-grenat);
  font-size:1.9rem;line-height:1.15;margin:2.6rem 0 .8rem;
}
body.gv-article-page .entry-content h3{
  font-family:'Figtree',sans-serif;font-weight:600;color:var(--gv-encre);font-size:1.2rem;margin:1.8rem 0 .5rem;
}
body.gv-article-page .entry-content a{ color:var(--gv-grenat);text-underline-offset:2px; }
body.gv-article-page .entry-content ul,
body.gv-article-page .entry-content ol{ margin:0 0 1.35rem 1.3rem;padding:0; }
body.gv-article-page .entry-content li{ margin:0 0 .5rem;line-height:1.7; }

/* ---- LE PROCÉDÉ « CITATION DE GRAVANO » — exergue signature ----
   L'agent pose les citations de Gravano en blockquote (« … », façon
   journaliste). On les met en valeur : grand Cormorant grenat, guillemet
   doré, filet or à gauche. C'est la signature du blog. */
body.gv-article-page .entry-content blockquote{
  position:relative;margin:2.2rem 0;padding:.4rem 0 .4rem 2.2rem;
  border-left:3px solid var(--gv-or);
  font-family:'Cormorant Garamond',Georgia,serif;font-style:italic;font-weight:600;
  font-size:1.75rem;line-height:1.25;color:var(--gv-grenat);
}
body.gv-article-page .entry-content blockquote p{ margin:0; }
body.gv-article-page .entry-content blockquote::before{
  content:"\201C";position:absolute;left:.55rem;top:-.2rem;
  font-family:'Cormorant Garamond',Georgia,serif;font-size:2.6rem;color:var(--gv-or);opacity:.55;
}
/* Punchlines en gras dans le corps (« … » de Gravano) : accent discret */
body.gv-article-page .entry-content strong{ color:var(--gv-grenat); }

/* ---- Retour au fil (haut d'article) ---- */
body.gv-article-page .gv-article-retour{ max-width:720px;margin:0 auto 1.4rem;padding-inline:1.2rem;text-align:left; }
body.gv-article-page .gv-retour-consult{
  display:inline-flex;align-items:center;gap:.4rem;font-family:'Figtree',sans-serif;font-size:.82rem;
  letter-spacing:.04em;color:var(--gv-grenat);text-decoration:none;background:var(--gv-blanc);
  border:1px solid var(--gv-nude-fonce);border-radius:999px;padding:.45rem 1.05rem;transition:all .18s ease;
}
body.gv-article-page .gv-retour-consult:hover{ background:var(--gv-ivoire);border-color:var(--gv-or); }

/* Eyebrow d'identité en haut d'article : on sait tout de suite où on est. */
body.gv-article-page .entry-header::before{
  content:"Un article du Doc Gravano";display:block;text-align:center;
  font-family:'Figtree',sans-serif;font-size:.72rem;letter-spacing:.22em;text-transform:uppercase;
  color:var(--gv-or);font-weight:600;margin-bottom:.6rem;
}

/* CONTINUER À LIRE — 2 autres consultations (circulation lecteur) */
body.gv-article-page .gv-suite{ max-width:720px;margin:3rem auto 0;padding-inline:1.2rem; }
body.gv-article-page .gv-suite-titre{
  display:block;text-align:center;font-family:'Figtree',sans-serif;font-size:.72rem;letter-spacing:.22em;
  text-transform:uppercase;color:var(--gv-or);font-weight:600;margin-bottom:1rem;
}
body.gv-article-page .gv-suite-grid{ display:grid;gap:1rem;grid-template-columns:1fr; }
@media(min-width:640px){ body.gv-article-page .gv-suite-grid{ grid-template-columns:1fr 1fr; } }
body.gv-article-page .gv-suite-card{
  display:block;background:var(--gv-blanc);border:1px solid var(--gv-nude-fonce);border-left:3px solid var(--gv-or);
  border-radius:12px;padding:1rem 1.1rem;text-decoration:none;transition:transform .16s ease, box-shadow .2s ease;
}
body.gv-article-page .gv-suite-card:hover{ transform:translateY(-2px);box-shadow:0 10px 24px -12px rgba(117,35,79,.35); }
body.gv-article-page .gv-suite-tag{ font-family:'Figtree',sans-serif;font-size:.64rem;letter-spacing:.16em;text-transform:uppercase;color:var(--gv-or);font-weight:600; }
body.gv-article-page .gv-suite-t{ display:block;font-family:'Cormorant Garamond',Georgia,serif;font-weight:600;font-size:1.2rem;line-height:1.2;color:var(--gv-encre);margin-top:.3rem; }

/* ---- PONT VERS L'EBOOK (le funnel — fin d'article) ---- */
body.gv-article-page .gv-pont-ebook{
  max-width:720px;margin:3rem auto 0;padding:clamp(1.6rem,4vw,2.4rem);
  background:linear-gradient(160deg,var(--gv-blanc),var(--gv-ivoire));
  border:1px solid var(--gv-nude-fonce);border-top:3px solid var(--gv-or);border-radius:18px;
  box-shadow:0 2px 4px rgba(37,16,36,.05),0 26px 60px -26px rgba(117,35,79,.3);text-align:center;
}
body.gv-article-page .gv-pont-eyebrow{
  font-family:'Figtree',sans-serif;font-size:.72rem;letter-spacing:.22em;text-transform:uppercase;
  color:var(--gv-or);font-weight:600;
}
body.gv-article-page .gv-pont-titre{
  font-family:'Cormorant Garamond',Georgia,serif;font-weight:600;color:var(--gv-encre);
  font-size:clamp(1.5rem,3.6vw,2rem);line-height:1.2;margin:.5rem 0 .6rem;
}
body.gv-article-page .gv-pont-sous{
  font-family:'Figtree',sans-serif;color:#6a545c;font-size:1rem;margin:0 auto 1.4rem;max-width:46ch;
}
body.gv-article-page .gv-pont-cta{ display:inline-block; }

@media (max-width:820px){
  body.gv-article-page #main{ padding-top:96px; }
  body.gv-article-page .entry-content{ font-size:1.08rem; }
  body.gv-article-page .entry-content blockquote{ font-size:1.5rem; }
}

/* ============================================
   INDEX /blog/ — « Les consultations du Doc Gravano »
   Identifié, chaleureux, cartes visiblement cliquables (rendu maison, cf. inc/blog.php).
   ============================================ */
body.gv-blog-index,
body.gv-blog-index #main-container,
body.gv-blog-index #main{
  background:
    radial-gradient(1100px 460px at 50% -160px, rgba(201,162,39,.10), transparent 70%),
    linear-gradient(180deg, #FDF7F7 0%, #FBF1F3 55%, #F6E7EC 100%) !important;
}
body.gv-blog-index #main{ padding-top:120px; }
body.gv-blog-index #footer,
body.gv-blog-index .ct-footer{ display:none !important; }

/* Titre de page (Blocksy) = identité claire */
body.gv-blog-index .page-title,
body.gv-blog-index h1.page-title,
body.gv-blog-index .entry-title{
  font-family:'Cormorant Garamond',Georgia,serif !important;font-weight:600 !important;
  color:var(--gv-encre) !important;text-align:center;font-size:clamp(2.2rem,6vw,3.3rem) !important;
  line-height:1.08 !important;margin:0 auto .2rem !important;
}
body.gv-blog-index .page-description{ display:none !important; } /* extrait de page vide */

/* Intro (injectée) : on dit où on est + on donne envie de cliquer */
body.gv-blog-index .gv-idx-intro{ max-width:660px;margin:0 auto 2.6rem;text-align:center; }
body.gv-blog-index .gv-idx-eyebrow{
  font-family:'Figtree',sans-serif;font-size:.72rem;letter-spacing:.24em;text-transform:uppercase;
  color:var(--gv-or);font-weight:600;display:block;margin-bottom:.5rem;
}
body.gv-blog-index .gv-idx-lead{
  font-family:'Cormorant Garamond',Georgia,serif;font-style:italic;font-size:1.35rem;line-height:1.4;
  color:var(--gv-grenat);margin:0;
}

/* La grille de consultations — cartes ENTIÈREMENT cliquables */
body.gv-blog-index .gv-idx-grid{
  max-width:1040px;margin:0 auto;display:grid;gap:1.5rem;grid-template-columns:1fr;
}
@media(min-width:780px){ body.gv-blog-index .gv-idx-grid{ grid-template-columns:1fr 1fr; } }
body.gv-blog-index .gv-idx-card{
  display:flex;flex-direction:column;cursor:pointer;text-decoration:none;
  background:var(--gv-blanc);border:1px solid var(--gv-nude-fonce);border-top:3px solid var(--gv-or);
  border-radius:16px;padding:1.4rem 1.4rem 1.2rem;
  box-shadow:0 2px 4px rgba(37,16,36,.05),0 20px 46px -26px rgba(117,35,79,.22);
  transition:transform .16s ease, box-shadow .22s ease, border-color .22s ease;
}
body.gv-blog-index .gv-idx-card:hover{
  transform:translateY(-3px);border-color:var(--gv-or);
  box-shadow:0 6px 10px -6px rgba(37,16,36,.12),0 28px 56px -24px rgba(117,35,79,.4);
}
body.gv-blog-index .gv-idx-tag{
  font-family:'Figtree',sans-serif;font-size:.64rem;letter-spacing:.16em;text-transform:uppercase;
  color:var(--gv-or);font-weight:600;
}
body.gv-blog-index .gv-idx-titre{
  font-family:'Cormorant Garamond',Georgia,serif;font-weight:600;font-size:1.5rem;line-height:1.16;
  color:var(--gv-encre);margin:.4rem 0 .5rem;
}
body.gv-blog-index .gv-idx-card:hover .gv-idx-titre{ color:var(--gv-grenat); }
body.gv-blog-index .gv-idx-extrait{
  font-family:'Figtree',sans-serif;color:#6a545c;font-size:.95rem;line-height:1.55;flex:1 1 auto;
}
body.gv-blog-index .gv-idx-lire{
  margin-top:1rem;font-family:'Figtree',sans-serif;font-size:.78rem;letter-spacing:.06em;text-transform:uppercase;
  font-weight:600;color:var(--gv-grenat);
}

/* LES PORTES DU SALON (fin d'index) : jamais de cul-de-sac.
   Recueil = carte sombre premium · Maison = carte crème dorée. */
body.gv-blog-index .gv-idx-sorties{
  max-width:1040px;margin:3.2rem auto 0;display:grid;gap:1.5rem;grid-template-columns:1fr;
}
@media(min-width:780px){ body.gv-blog-index .gv-idx-sorties{ grid-template-columns:1fr 1fr; } }
body.gv-blog-index .gv-idx-porte{
  display:flex;flex-direction:column;text-decoration:none;border-radius:18px;padding:2.1rem 1.9rem;
  cursor:pointer;position:relative;
  transition:transform .14s ease, box-shadow .2s ease;
}
/* Relief « gros bouton immanquable » : tranche solide (épaisseur) + ombre portée
   ample + reflet haut. Se soulève au survol, s'enfonce au clic. */
body.gv-blog-index .gv-idx-porte:hover{ transform:translateY(-3px); }
body.gv-blog-index .gv-idx-porte:active{ transform:translateY(4px); }
body.gv-blog-index .gv-idx-porte:focus-visible{ outline:3px solid var(--gv-or);outline-offset:4px; }
/* EBOOK : la carte prend la couleur de la COUVERTURE du livre (grenat, cf. l'objet-livre de /lebook/). */
body.gv-blog-index .gv-idx-porte--ebook{
  background:var(--gv-id-ebook);
  border:1px solid rgba(201,162,39,.34);
  box-shadow:0 9px 0 -1px var(--gv-id-ebook-edge), 0 30px 44px -20px rgba(37,16,36,.62),
    inset 0 2px 0 rgba(255,255,255,.14), inset 0 0 0 1px rgba(201,162,39,.14);
}
body.gv-blog-index .gv-idx-porte--ebook:hover{
  box-shadow:0 12px 0 -1px var(--gv-id-ebook-edge), 0 42px 58px -20px rgba(37,16,36,.66),
    inset 0 2px 0 rgba(255,255,255,.16), inset 0 0 0 1px rgba(201,162,39,.22);
}
body.gv-blog-index .gv-idx-porte--ebook:active{
  box-shadow:0 3px 0 -1px var(--gv-id-ebook-edge), 0 16px 26px -16px rgba(37,16,36,.6),
    inset 0 2px 0 rgba(255,255,255,.12), inset 0 0 0 1px rgba(201,162,39,.14);
}
/* BOUTIQUE : carte-identité ROSE FONCÉ, accordée au grenat de l'ebook à côté. */
body.gv-blog-index .gv-idx-porte--maison{
  background:var(--gv-id-boutique);
  border:1px solid rgba(255,240,245,.26);
  box-shadow:0 9px 0 -1px var(--gv-id-boutique-edge), 0 30px 44px -20px rgba(117,35,79,.5),
    inset 0 2px 0 rgba(255,255,255,.2), inset 0 0 0 1px rgba(201,162,39,.12);
}
body.gv-blog-index .gv-idx-porte--maison:hover{
  box-shadow:0 12px 0 -1px var(--gv-id-boutique-edge), 0 42px 58px -20px rgba(117,35,79,.56),
    inset 0 2px 0 rgba(255,255,255,.24), inset 0 0 0 1px rgba(201,162,39,.18);
}
body.gv-blog-index .gv-idx-porte--maison:active{
  box-shadow:0 3px 0 -1px var(--gv-id-boutique-edge), 0 16px 26px -16px rgba(117,35,79,.5),
    inset 0 2px 0 rgba(255,255,255,.18), inset 0 0 0 1px rgba(201,162,39,.12);
}
body.gv-blog-index .gv-idx-porte-eyebrow{
  font-family:'Figtree',sans-serif;font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;font-weight:600;
}
body.gv-blog-index .gv-idx-porte--ebook .gv-idx-porte-eyebrow{ color:var(--gv-or-clair); }
body.gv-blog-index .gv-idx-porte--maison .gv-idx-porte-eyebrow{ color:var(--gv-or-clair); }
body.gv-blog-index .gv-idx-porte-t{
  font-family:'Cormorant Garamond',Georgia,serif;font-weight:600;font-size:1.75rem;line-height:1.1;margin:.4rem 0 .55rem;
}
body.gv-blog-index .gv-idx-porte--ebook .gv-idx-porte-t{ color:#fff; }
body.gv-blog-index .gv-idx-porte--maison .gv-idx-porte-t{ color:#fff; }
body.gv-blog-index .gv-idx-porte-d{ font-family:'Figtree',sans-serif;font-size:.95rem;line-height:1.55;flex:1 1 auto; }
body.gv-blog-index .gv-idx-porte--ebook .gv-idx-porte-d{ color:rgba(242,226,232,.82); }
body.gv-blog-index .gv-idx-porte--maison .gv-idx-porte-d{ color:rgba(255,246,249,.9); }
body.gv-blog-index .gv-idx-porte-cta{
  margin-top:1.1rem;font-family:'Figtree',sans-serif;font-size:.8rem;letter-spacing:.06em;text-transform:uppercase;font-weight:600;
}
body.gv-blog-index .gv-idx-porte--ebook .gv-idx-porte-cta{ color:var(--gv-or-clair); }
body.gv-blog-index .gv-idx-porte--maison .gv-idx-porte-cta{ color:var(--gv-or-clair); }

@media (max-width:820px){ body.gv-blog-index #main{ padding-top:96px; } }
