/*
Theme Name: Ansanb
Description: Thème enfant Ansanb — palette papier/vert marine/or, typo Fraunces + Public Sans.
Author: Ansanb
Template: extendable
Version: 1.0
*/

/* ==========================================================================
   1) VARIABLES & BASE
   ========================================================================== */
:root{
  --ink:#1E2E28;
  --navy:#194a3b;
  --paper:#EFEEE2;
  --paper-alt:#E7E4D4;
  --gold:#C89B3C;
  --brick:#0F2E25;
  --teal:#2C6B57;
  --line: rgba(22,35,61,0.14);
}

body{
  background: var(--paper) !important;
  color: var(--ink) !important;
  font-family: 'Public Sans', sans-serif !important;
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
}

h1, h2, h3, h4, h5, h6,
.wp-block-heading,
.entry-title, .page-title {
  font-family: 'Fraunces', serif !important;
  font-weight: 500 !important;
  letter-spacing: -0.01em;
  color: var(--navy) !important;
}

p, li, .entry-content, .wp-block-paragraph{
  color: var(--ink);
}

a{ color: var(--teal); }
a:hover{ color: var(--brick); }

img{ max-width: 100%; height: auto; }

.wp-site-blocks,
.entry-content,
.site-content,
.alignwide,
.wp-block-group{
  max-width: 1180px;
}

/* ==========================================================================
   2) EN-TÊTE / NAVIGATION
   ========================================================================== */
.site-header,
.wp-block-template-part[data-type="core/template-part"] header,
header{
  background: rgba(239,238,226,0.94) !important;
  border-bottom: 1px solid var(--line);
}

.site-title, .site-title a, .wp-block-site-title, .wp-block-site-title a{
  font-family: 'Fraunces', serif !important;
  font-weight: 600 !important;
  color: var(--navy) !important;
}

.wp-block-navigation a,
.main-navigation a,
nav a{
  color: var(--ink) !important;
  font-weight: 600;
  font-size: 14.5px;
  text-transform: none;
}

.wp-block-navigation a:hover{
  color: var(--teal) !important;
}

/* ==========================================================================
   3) BOUTONS (Gutenberg + Give + génériques)
   ========================================================================== */
.wp-block-button__link,
.give-btn,
.give-submit,
input[type="submit"],
button:not(.wp-block-navigation__responsive-container-close),
.btn{
  background: var(--gold) !important;
  color: #12261f !important;
  border: none !important;
  border-radius: 2px !important;
  font-weight: 700 !important;
  font-family: 'Public Sans', sans-serif !important;
  padding: 14px 28px !important;
  letter-spacing: 0.02em;
  transition: background .2s ease, transform .2s ease;
}

.wp-block-button__link:hover,
.give-btn:hover,
.btn:hover{
  background: #b78a2f !important;
  transform: translateY(-1px);
}

.is-style-outline .wp-block-button__link,
.btn-ghost{
  background: transparent !important;
  color: var(--navy) !important;
  border: 1.5px solid var(--navy) !important;
}

/* ==========================================================================
   4) SECTIONS "EYEBROW" / ÉTIQUETTES DE SECTION
   ========================================================================== */
.eyebrow{
  font-family: 'Public Sans', sans-serif;
  font-size: 12.5px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  font-weight: 700;
  color: var(--teal);
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.eyebrow::before{
  content: "";
  width: 22px;
  height: 1.5px;
  background: var(--gold);
  display: inline-block;
}

/* ==========================================================================
   5) CARTES / BLOCS RÉUTILISABLES (pour blocs HTML personnalisés)
   ========================================================================== */
.value-card, .tag-pill, .realise-card, .join-card, .stat-item{
  background: #fff;
  border: 1px solid var(--line);
}
.value-card, .join-card, .realise-card{ padding: 26px; }
.tag-pill{
  display: inline-block;
  background: var(--paper-alt);
  padding: 8px 16px;
  font-size: 13.5px;
  font-weight: 600;
  color: var(--navy);
  margin: 0 8px 8px 0;
}
.stat-item{
  text-align: center;
  padding: 32px 20px;
}
.stat-item .num{
  font-family: 'Fraunces', serif;
  font-size: 38px;
  color: var(--brick);
  line-height: 1;
}
.stat-item .lbl{
  font-size: 13.5px;
  color: #4b5674;
  margin-top: 8px;
}

/* Séparateur "couture" en pointillés dorés */
.stitch{ border-top: 2px dashed var(--gold); margin: 0; }

/* ==========================================================================
   6) SECTIONS SOMBRES (bandeaux CTA / mise en avant)
   ========================================================================== */
.cta-band, .band-dark{
  background: var(--brick) !important;
  color: #fff !important;
  padding: 64px 0;
}
.cta-band h2, .band-dark h2{ color: #fff !important; }

/* ==========================================================================
   7) PIED DE PAGE
   ========================================================================== */
.site-footer, footer{
  background: var(--navy) !important;
  color: #EDEAD0 !important;
}
.site-footer a, footer a{
  color: #EDEAD0 !important;
}
.site-footer a:hover, footer a:hover{
  color: var(--gold) !important;
}

/* fix: dark CTA section heading contrast */
.ansanb-cta h2, .ansanb-cta h3, .ansanb-cta p { color: #fff !important; }