/* ════════════════════════════════════════════
   AGICA Tools — hero & design alignment only
   Quiz CSS is loaded per-template from source
════════════════════════════════════════════ */
body { padding-top: 58px !important; }

:root {
  --navy:       #122030;
  --navy-2:     #1A2C40;
  --navy-3:     #223448;
  --navy-4:     #445566;
  --gold:       #C4B870;
  --gold-light: #EDE9D0;
  --gold-grad:  linear-gradient(90deg,#B8A858,#D8C878,#C0B060);
  --silver-grad:linear-gradient(135deg,#B0C0CC 0%,#E4EAF2 38%,#8898A8 65%,#C0CCD8 100%);
  --silver-text:linear-gradient(130deg,#B8C8D6 0%,#E8EEF6 42%,#8A9AB0 68%,#C4D0DC 100%);
  --serif:'Cormorant Garamond',Georgia,serif;
  --sans:'Inter',system-ui,sans-serif;
  /* ── Variables quiz (définies dans les sources HTML, absentes dans WP) */
  --s50:  #EDEDF0;
  --s100: #E2E4E8;
  --s200: #C4D0DA;
  --s300: #9AAAB8;
  --s400: #6A7E90;
  --s500: #455668;
  --text:      #1A2A3A;
  --text-soft: #3A5060;
  --text-muted:#6A8090;
  --bg:        #F4F5F7;
  --card:      #FFFFFF;
  --border:    #D2D5DA;
  --red:        #A83030;  --red-bg:    #FAEAEA;  --red-txt:    #7A1A1A;
  --amber:      #B07818;  --amber-bg:  #FDF3E0;  --amber-txt:  #7A5010;
  --blue:       #2A5080;  --blue-bg:   #E6EFF8;  --blue-txt:   #1A3860;
  --green:      #1E7850;  --green-bg:  #E6F4EE;  --green-txt:  #134E34;
  --r: 6px; --rm: 8px; --rml: 12px; --rl: 16px; --rxl: 22px;
}

/* ── Standalone nav masquée (WP nav active) */
nav.tool-nav { display: none !important; }

/* ── Hero dark */
.hero {
  background: linear-gradient(145deg,#0C1820 0%,#1A2C40 55%,#223448 100%) !important;
  padding: 3.5rem 2.5rem 3rem !important;
  position: relative; overflow: hidden;
}
.hero::before {
  content:''; position:absolute; inset:0;
  background:radial-gradient(ellipse 70% 55% at 50% 50%,rgba(196,184,112,.09) 0%,transparent 70%);
  pointer-events:none;
}
.hero::after {
  content:''; position:absolute; bottom:0; left:0; right:0;
  height:1px; background:var(--gold-grad); opacity:.5;
}
.hero-glow { display:none; }

.hero-inner {
  max-width:1060px; margin:0 auto;
  display:grid; grid-template-columns:1.1fr .9fr;
  gap:2.5rem; align-items:start;
}

.eyebrow {
  font-size:.63rem; font-weight:600; letter-spacing:.17em;
  text-transform:uppercase;
  background:var(--gold-grad); -webkit-background-clip:text; -webkit-text-fill-color:transparent;
  display:flex; align-items:center; gap:.75rem; margin-bottom:1rem;
}
.eyebrow::before { background:var(--gold-grad) !important; }

h1.htitle {
  font-family:var(--serif); font-size:clamp(2rem,4vw,3rem);
  font-weight:600; line-height:1.15;
  background:var(--silver-text);
  -webkit-background-clip:text; -webkit-text-fill-color:transparent; margin-bottom:1rem;
}
h1.htitle em {
  font-style:italic;
  background:var(--silver-text);
  -webkit-background-clip:text; -webkit-text-fill-color:transparent;
}
.hero-intro { color:rgba(200,216,230,.75) !important; font-size:.92rem; line-height:1.75; }

/* Info-boxes — format condensé original adapté fond sombre */
.info-stack { display:flex; flex-direction:column; gap:.65rem; }
.info-box {
  background:rgba(255,255,255,.1) !important;
  border:1px solid rgba(255,255,255,.15) !important;
  border-radius:var(--rl) !important;
  padding:.85rem 1.1rem !important;
}
.info-box-label {
  font-size:.6rem !important; font-weight:600 !important;
  text-transform:uppercase !important; letter-spacing:.14em !important;
  margin-bottom:.45rem !important;
  display:flex !important; align-items:center !important; gap:.5rem !important;
}
.info-box-label .dot { width:5px !important; height:5px !important; border-radius:50% !important; background:var(--gold) !important; flex-shrink:0 !important; }
.info-box-label span { color:rgba(196,184,112,.9) !important; }
.info-box-text { font-size:.83rem !important; color:rgba(200,220,236,.72) !important; line-height:1.72 !important; }

/* Version banner GoNoGo */
.version-banner {
  background:var(--navy-2) !important;
  border-bottom:1px solid rgba(196,184,112,.2) !important;
}
.version-tag { background:var(--gold-grad) !important; color:var(--navy) !important; }
.version-text { color:rgba(200,216,230,.7) !important; }
.version-cta { color:rgba(196,184,112,.85) !important; }

@media(max-width:768px) {
  .hero-inner { grid-template-columns:1fr !important; }
}