/* ── Hoofprint Blog — aligné hoofprint.eu ── */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,600;1,300;1,400&family=DM+Sans:wght@300;400;500&display=swap');

:root {
  --cream:   #FAF7F2;
  --earth:   #2C2416;
  --green:   #2D5A3D;  /* couleur principale hoofprint.eu */
  --green2:  #4A7C5F;  /* vert clair pour hover */
  --clay:    #8B6B47;  /* titres italiques */
  --accent:  #C4955A;  /* accent doré pour citations */
  --muted:   #6B5F52;
  --sand:    #F5F0E8;
}

/* ── Fond ── */
body, html, .site, #page {
  background: var(--cream) !important;
}

/* ── Header ── */
.site-header {
  background: var(--cream) !important;
  border-bottom: 1px solid rgba(45,90,61,0.15) !important;
  padding: 1.2rem 2rem !important;
}

/* ── Logo ── */
.site-title,
.site-title a {
  font-family: 'Cormorant Garamond', serif !important;
  font-size: 1.4rem !important;
  font-weight: 300 !important;
  letter-spacing: 0.04em !important;
  color: var(--earth) !important;
  text-decoration: none !important;
}
.site-description {
  font-family: 'DM Sans', sans-serif !important;
  font-size: 0.68rem !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
  color: var(--green) !important;
}

/* ── Navigation ── */
.main-navigation a, nav a {
  font-family: 'DM Sans', sans-serif !important;
  font-size: 0.75rem !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  color: var(--earth) !important;
  text-decoration: none !important;
}
.main-navigation a:hover, nav a:hover {
  color: var(--green) !important;
}

/* ── Titre article ── */
h1.entry-title, .entry-title {
  font-family: 'Cormorant Garamond', serif !important;
  font-size: clamp(2rem, 4vw, 3rem) !important;
  font-weight: 300 !important;
  line-height: 1.15 !important;
  color: var(--earth) !important;
  letter-spacing: -0.01em !important;
}

/* ── H2, H3 ── */
h2 {
  font-family: 'Cormorant Garamond', serif !important;
  font-size: 1.75rem !important;
  font-weight: 300 !important;
  color: var(--earth) !important;
  margin-top: 2.5rem !important;
}
h3 {
  font-family: 'Cormorant Garamond', serif !important;
  font-size: 1.25rem !important;
  font-weight: 400 !important;
  color: var(--clay) !important;
  font-style: italic !important;
}

/* ── Corps ── */
.entry-content p, .entry-content li {
  font-family: 'DM Sans', sans-serif !important;
  font-size: 1rem !important;
  line-height: 1.85 !important;
  color: #1A1510 !important;
  font-weight: 300 !important;
}
.entry-content {
  max-width: 680px !important;
  margin: 0 auto !important;
}

/* ── Accent ligne verte (comme hoofprint.eu) ── */
.entry-meta::before,
.cat-links::before {
  content: '— ';
  color: var(--green) !important;
}
.entry-meta, .cat-links, .tags-links {
  font-family: 'DM Sans', sans-serif !important;
  font-size: 0.68rem !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
  color: var(--green) !important;
}

/* ── Date ── */
.entry-date, time, .posted-on {
  font-family: 'DM Sans', sans-serif !important;
  font-size: 0.7rem !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  color: var(--muted) !important;
}

/* ── Citation ── */
blockquote, .wp-block-quote {
  border-left: 3px solid var(--accent) !important;
  border-top: none !important;
  border-right: none !important;
  border-bottom: none !important;
  background: var(--sand) !important;
  padding: 1.2rem 2rem !important;
  margin: 2rem 0 !important;
  border-radius: 0 !important;
}
.wp-block-quote p {
  font-family: 'Cormorant Garamond', serif !important;
  font-size: 1.2rem !important;
  font-style: italic !important;
  color: var(--earth) !important;
}
.wp-block-quote cite {
  font-size: 0.75rem !important;
  color: var(--muted) !important;
  font-style: normal !important;
  letter-spacing: 0.06em !important;
}

/* ── Liens ── */
a { color: var(--green) !important; text-decoration: none !important; }
a:hover { color: var(--green2) !important; }

/* ── Bouton CTA ── */
.wp-block-button__link {
  background: var(--green) !important;
  color: var(--cream) !important;
  border-radius: 2px !important;
  font-family: 'DM Sans', sans-serif !important;
  font-size: 0.78rem !important;
  font-weight: 500 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  padding: 0.9rem 2.2rem !important;
  border: none !important;
}
.wp-block-button__link:hover {
  background: var(--earth) !important;
  color: var(--cream) !important;
}

/* ── Séparateur ── */
hr, .wp-block-separator {
  border-color: rgba(45,90,61,0.2) !important;
  margin: 2.5rem auto !important;
}

/* ── Continue reading ── */
.more-link {
  font-size: 0.72rem !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  color: var(--green) !important;
  border-bottom: 1px solid var(--green) !important;
  padding-bottom: 2px !important;
}

/* ── Footer ── */
.site-footer {
  background: var(--earth) !important;
  color: rgba(245,240,232,0.7) !important;
  padding: 2.5rem !important;
  margin-top: 4rem !important;
}
.site-footer a { color: rgba(245,240,232,0.5) !important; }
.site-footer a:hover { color: var(--cream) !important; }

/* Corriger les H3/H4 trop grands dans les listes */
h3, h4,
.entry-content h3,
.entry-content h4,
.entry-content li h3,
.entry-content li h4 {
  font-family: 'DM Sans', sans-serif !important;
  font-size: 1rem !important;
  font-weight: 500 !important;
  font-style: normal !important;
  color: #2C2416 !important;
  letter-spacing: 0 !important;
  margin-top: 0.2rem !important;
  margin-bottom: 0.3rem !important;
  line-height: 1.5 !important;
}