/*
Theme Name: EcoloVoyage Warm Organic
Theme URI: https://ecolovoyage.fr/
Template: twentytwentyfive
Author: EcoloVoyage
Description: Habillage Warm Organic / Éco (terracotta, teal profond, sable, vert mousse) — child theme réversible de Twenty Twenty-Five, cohérent avec le SPA ecolovoyage.fr.
Version: 1.0.0
Requires at least: 6.7
Tested up to: 7.0
*/

/* ===== Polices auto-hébergées (woff2, swap) ===== */
@font-face {
  font-family: 'Bricolage Grotesque'; font-style: normal; font-weight: 400; font-display: swap;
  src: url('assets/fonts/bricolage-400.woff2') format('woff2');
}
@font-face {
  font-family: 'Bricolage Grotesque'; font-style: normal; font-weight: 700; font-display: swap;
  src: url('assets/fonts/bricolage-700.woff2') format('woff2');
}
@font-face {
  font-family: 'Bricolage Grotesque'; font-style: normal; font-weight: 800; font-display: swap;
  src: url('assets/fonts/bricolage-800.woff2') format('woff2');
}
@font-face {
  font-family: 'Figtree'; font-style: normal; font-weight: 400; font-display: swap;
  src: url('assets/fonts/figtree-400.woff2') format('woff2');
}
@font-face {
  font-family: 'Figtree'; font-style: normal; font-weight: 600; font-display: swap;
  src: url('assets/fonts/figtree-600.woff2') format('woff2');
}
@font-face {
  font-family: 'Figtree'; font-style: normal; font-weight: 700; font-display: swap;
  src: url('assets/fonts/figtree-700.woff2') format('woff2');
}

/* ===== Warm Organic — affinages au-dela du theme.json ===== */
:root {
  --eo-sand: #faf6ef;
  --eo-terra: #c2602f;
  --eo-teal: #0f5e5e;
  --eo-bark: #2b2520;
}

body {
  background-color: var(--eo-sand);
  background-image:
    radial-gradient(circle at 16% 8%, rgba(194,96,47,.045), transparent 40%),
    radial-gradient(circle at 88% 6%, rgba(15,94,94,.045), transparent 38%);
  color: var(--eo-bark);
}

/* Titres en display, accent terracotta sur les liens internes au contenu */
h1, h2, h3, h4,
.wp-block-post-title,
.wp-block-heading {
  font-family: 'Bricolage Grotesque', Georgia, serif !important;
  letter-spacing: -0.02em;
}

.wp-block-post-content a,
.entry-content a {
  color: var(--eo-teal);
  text-underline-offset: 3px;
}
.wp-block-post-content a:hover,
.entry-content a:hover { color: var(--eo-terra); }

/* Image à la une : coins organiques + ombre douce, cohérent SPA */
.wp-block-post-featured-image img,
.wp-block-image img {
  border-radius: 1.6rem;
  box-shadow: 0 14px 40px -16px rgba(67,43,27,.30);
}

/* Boutons (blocs core) -> pilule terracotta chaleureuse */
.wp-block-button__link {
  border-radius: 999px !important;
  background: linear-gradient(135deg, #d07c4a, #c2602f 60%, #a64e25) !important;
  color: #fff !important;
  transition: transform .25s ease, box-shadow .25s ease;
}
.wp-block-button__link:hover { transform: translateY(-2px); box-shadow: 0 14px 34px -12px rgba(194,96,47,.55); }

/* Citations : barre terracotta */
.wp-block-quote {
  border-left: 4px solid var(--eo-terra);
  background: rgba(194,96,47,.05);
  border-radius: 0 1rem 1rem 0;
  padding: 1rem 1.25rem;
}

/* Reveal doux CWV-safe sur le contenu d'article */
@supports (animation-timeline: view()) {
  @media (prefers-reduced-motion: no-preference) {
    .wp-block-post-content > * {
      animation: eo-wp-reveal linear both;
      animation-timeline: view();
      animation-range: entry 0% entry 30%;
    }
    @keyframes eo-wp-reveal {
      from { opacity: .25; transform: translateY(14px); }
      to   { opacity: 1; transform: translateY(0); }
    }
  }
}
@media (prefers-reduced-motion: reduce) {
  .wp-block-post-content > * { animation: none !important; }
}