/*
Theme Name: Guide du Viager — Child
Template: generatepress
Author: La Rédaction
Version: 2.0
Description: Reskin bold éditorial (inspiration Vasco) — Space Grotesk + Inter, chartreuse + crème + noir, motif toit.
*/

/* ============ Design tokens ============ */
:root{
  --gdv-brand:#19b98a;      /* émeraude — hero, highlights, accents */
  --gdv-brand-deep:#12a07a;
  --gdv-cream:#f8f3ed;      /* fond sections */
  --gdv-ink:#1f1d1e;        /* texte + boutons */
  --gdv-ink-soft:#5d6c7b;
  --gdv-coral:#ff6b4b;      /* accent chaud secondaire */
  --gdv-line:#e7e1d8;
  --gdv-white:#fff;
}

/* ============ Base ============ */
body,.entry-content,button,input,select,textarea{
  font-family:'Inter',-apple-system,BlinkMacSystemFont,sans-serif;
  color:var(--gdv-ink); font-size:18px; line-height:1.7;
}
body{background:var(--gdv-white);}
h1,h2,h3,h4,.site-title,.entry-title,.widget-title{
  font-family:'Space Grotesk','Inter',sans-serif;
  color:var(--gdv-ink); font-weight:700; letter-spacing:-.01em; line-height:1.05;
}
h1,.entry-title{font-size:3rem;}
h2{font-size:2.2rem;}
h3{font-size:1.35rem;}
a{color:var(--gdv-ink);text-decoration:underline;text-decoration-color:var(--gdv-brand);text-underline-offset:3px;text-decoration-thickness:2px;}
a:hover{color:var(--gdv-coral);}

/* ============ Header / nav ============ */
.site-header{background:var(--gdv-white);border-bottom:1px solid var(--gdv-line);}
.inside-header{padding-top:14px;padding-bottom:14px;}
.site-logo img,.header-image img{max-height:56px;width:auto;}
.main-title,.site-title,.site-description{display:none;} /* logo image suffit */
.main-navigation{background:var(--gdv-white);}
.main-navigation .inside-navigation{border-top:1px solid var(--gdv-line);}
.main-navigation .main-nav ul li a{color:var(--gdv-ink);font-family:'Space Grotesk',sans-serif;font-weight:600;font-size:.98rem;text-decoration:none;}
.main-navigation .main-nav ul li a:hover,
.main-navigation .main-nav ul li.current-menu-item a{background:var(--gdv-brand);color:var(--gdv-ink);}

/* ============ Boutons pilule ============ */
.button,button,.wp-block-button__link,input[type=submit]{
  background:var(--gdv-ink)!important;color:#fff!important;border-radius:999px;
  font-family:'Space Grotesk',sans-serif;font-weight:600;padding:.85em 1.8em;
  border:none;transition:.15s;text-decoration:none;display:inline-block;
}
.button:hover,button:hover,.wp-block-button__link:hover{background:var(--gdv-brand)!important;color:var(--gdv-ink)!important;}
.gdv-btn-yellow{background:var(--gdv-brand)!important;color:var(--gdv-ink)!important;}
.gdv-btn-yellow:hover{background:var(--gdv-ink)!important;color:#fff!important;}
.gdv-btn-ghost{background:transparent!important;color:var(--gdv-ink)!important;box-shadow:inset 0 0 0 2px var(--gdv-ink);}
.gdv-btn-ghost:hover{background:var(--gdv-ink)!important;color:#fff!important;}

/* ============ Hero jaune + motif toit ============ */
.gdv-hero{position:relative;background:var(--gdv-brand);color:var(--gdv-ink);
  padding:90px 24px 120px;text-align:center;overflow:hidden;
  clip-path:polygon(0 0,100% 0,100% 88%,50% 100%,0 88%);}
.gdv-hero h1{color:var(--gdv-ink);font-size:3.7rem;max-width:16ch;margin:0 auto .35em;line-height:1.02;}
.gdv-hero p{font-size:1.28rem;max-width:50ch;margin:0 auto 1.8em;color:#33312f;font-weight:500;}
.gdv-hero .gdv-cta{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;}
.gdv-hero .roofmark{position:absolute;right:-40px;top:-30px;width:260px;opacity:.14;}
.gdv-hl{background:var(--gdv-ink);color:var(--gdv-brand);padding:0 .18em;border-radius:6px;
  box-decoration-break:clone;-webkit-box-decoration-break:clone;}

/* ============ Sections ============ */
.gdv-wrap{max-width:1140px;margin:0 auto;padding:0 22px;}
.gdv-soft{background:var(--gdv-cream);padding:64px 0;}
.gdv-kicker{font-family:'Space Grotesk',sans-serif;font-weight:700;text-transform:uppercase;
  letter-spacing:.14em;font-size:.8rem;color:var(--gdv-coral);}

/* ============ Cartes ============ */
.gdv-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin:30px 0;}
.gdv-card{background:var(--gdv-white);border:1.5px solid var(--gdv-ink);border-radius:18px;
  overflow:hidden;transition:.16s;text-decoration:none;color:var(--gdv-ink);box-shadow:5px 6px 0 rgba(31,29,30,.07);}
.gdv-card:hover{transform:translate(-2px,-2px);box-shadow:9px 11px 0 var(--gdv-brand);}
.gdv-card-body{padding:22px 22px 24px;}
.gdv-card .cat{display:inline-block;font-family:'Space Grotesk',sans-serif;font-size:.72rem;font-weight:700;
  text-transform:uppercase;letter-spacing:.06em;color:var(--gdv-ink);background:var(--gdv-brand);
  padding:4px 11px;border-radius:999px;margin-bottom:12px;}
.gdv-card h3{font-size:1.28rem;margin:.1em 0 .4em;}
.gdv-card p{font-size:.96rem;color:var(--gdv-ink-soft);margin:0;}
@media(max-width:880px){.gdv-cards{grid-template-columns:1fr;}.gdv-hero h1{font-size:2.5rem;}h1,.entry-title{font-size:2.1rem;}h2{font-size:1.7rem;}}

/* ============ Statement bold (mots de fin en fade) ============ */
.gdv-statement{font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:2.6rem;line-height:1.1;
  max-width:20ch;margin:0 auto;text-align:center;}
.gdv-statement .fade{color:#c8c8c8;}

/* ============ Encadré + FAQ ============ */
.gdv-note{background:var(--gdv-brand);border-radius:16px;padding:22px 26px;margin:26px 0;font-weight:500;}
.gdv-faq details{background:var(--gdv-white);border:1.5px solid var(--gdv-ink);border-radius:14px;padding:16px 20px;margin:12px 0;}
.gdv-faq summary{font-family:'Space Grotesk',sans-serif;font-weight:700;color:var(--gdv-ink);font-size:1.12rem;cursor:pointer;}

/* ============ Footer ============ */
.site-footer .inside-site-info,.site-info{background:var(--gdv-ink);color:#cfcccb;}
.site-info a{color:var(--gdv-brand);}