/* =========================================================
   LE JARDIN DE CLO — CHARTE VISUELLE GLOBALE V21
   Inspirée de la page Ressources validée.
   ========================================================= */

:root{
  --jdc-ink:#173e33;
  --jdc-ink-soft:#38584e;
  --jdc-green:#2f6d55;
  --jdc-green-dark:#245142;
  --jdc-sage:#eaf3ed;
  --jdc-sage-soft:#f2f7f3;
  --jdc-cream:#fbfaf4;
  --jdc-paper:#fffefa;
  --jdc-line:rgba(43,88,70,.15);
  --jdc-shadow:0 12px 35px rgba(42,67,55,.08);
  --jdc-shadow-soft:0 7px 24px rgba(42,67,55,.055);
}

/* Base */
html{scroll-behavior:smooth}
body{
  color:var(--jdc-ink);
  background-color:var(--jdc-cream);
  font-family:Arial,Helvetica,sans-serif;
}
body,button,input,select,textarea{font-family:Arial,Helvetica,sans-serif}

/* Titres : même écriture élégante que Ressources */
h1,h2{
  color:var(--jdc-ink);
  font-family:Georgia,"Times New Roman",serif !important;
  letter-spacing:-.018em;
}
h1{
  font-style:italic;
  font-weight:500;
}
h2{
  font-style:italic;
  font-weight:500;
}
h3,h4{
  color:var(--jdc-ink);
  font-family:Georgia,"Times New Roman",serif;
}

/* Liens */
a{transition:color .18s ease,background .18s ease,box-shadow .18s ease,transform .18s ease}

/* En-tête commun */
.site-header,
header.site-header{
  background:rgba(255,254,249,.97) !important;
  border-bottom:1px solid rgba(43,88,70,.10) !important;
}
.site-header .brand strong,
header .brand strong{
  color:var(--jdc-ink) !important;
  font-family:Georgia,"Times New Roman",serif !important;
  font-weight:500 !important;
}
.site-header .brand small,
header .brand small{
  color:#6f8179 !important;
  letter-spacing:.12em;
}

/* Onglet actif — l'effet que tu as entouré en rouge */
.site-header nav a.jdc-current,
.site-header nav a.active.jdc-current,
.site-header .desktop-nav a.jdc-current,
.site-header .nav a.jdc-current,
.mobile-menu nav a.jdc-current{
  background:var(--jdc-sage) !important;
  color:var(--jdc-green) !important;
  border-radius:14px !important;
  box-shadow:
    inset 0 -2px 0 var(--jdc-green),
    0 3px 10px rgba(47,109,85,.08) !important;
  text-decoration:none !important;
}
.site-header nav a:not(.nav-contact):hover,
.site-header .desktop-nav a:not(.nav-contact):hover,
.site-header .nav a:not(.nav-contact):hover,
.mobile-menu nav a:hover{
  background:rgba(234,243,237,.65);
  color:var(--jdc-green-dark) !important;
  border-radius:14px;
}

/* Boutons */
button,
.button,
.registration-button,
.search-btn,
.hero-actions a.button,
a.button{
  border-radius:999px !important;
}
.button-primary,
.search-btn,
.registration-button,
button.primary{
  background:linear-gradient(135deg,#2d684f,#407c60) !important;
  color:#fff !important;
  border-color:transparent !important;
  box-shadow:0 5px 14px rgba(47,109,85,.12);
}
.button-secondary,
.button-agenda,
.reset-btn{
  background:rgba(255,255,252,.95) !important;
  color:var(--jdc-green-dark) !important;
  border:1px solid rgba(47,109,85,.28) !important;
}

/* Cartes : même douceur et même relief */
.value-card,
.discovery-card,
.registration-card,
.hero-event-card,
.hero-chat-card,
.presentation-card,
.resource-card,
.resources-card,
.sector-card,
.dossier-card,
.content-card,
.info-card,
.article-card,
.practical-card,
.forum-card,
.event-card,
.panel,
.card{
  background:rgba(255,255,252,.96);
  border-color:var(--jdc-line) !important;
  border-radius:18px !important;
  box-shadow:var(--jdc-shadow-soft);
}

/* Formulaires */
input,
select,
textarea{
  color:var(--jdc-ink-soft);
  background:#fff;
  border-color:rgba(43,88,70,.18) !important;
  border-radius:14px;
}
input:focus,
select:focus,
textarea:focus{
  outline:none;
  border-color:rgba(47,109,85,.52) !important;
  box-shadow:0 0 0 3px rgba(47,109,85,.08);
}

/* Pastilles, badges et petits repères */
.badge,
.issue-tag,
.card-label,
.eyebrow,
.hero-event-kicker,
.social-title,
.mini-note{
  color:var(--jdc-green);
}
.badge,
.issue-tag{
  border-radius:999px !important;
}

/* Séparateurs et fonds de sections */
section{
  border-color:rgba(43,88,70,.08);
}
.resources,
.manifesto,
.registration-section,
.questions-section{
  color:var(--jdc-ink);
}

/* Pied de page */
footer,
.site-footer,
.footer{
  color:#687b72;
  border-color:var(--jdc-line) !important;
}

/* Mobile : garder la même élégance */
@media(max-width:900px){
  .site-header nav a.jdc-current,
  .site-header .desktop-nav a.jdc-current,
  .site-header .nav a.jdc-current,
  .mobile-menu nav a.jdc-current{
    width:fit-content;
  }
}