/* ============================================================
   theme-public.css — Charte publique 3A Workspace (vert/orange/crème)
   Chargé APRÈS style.css. Règles scopées sous body.site-public
   afin de ne PAS affecter les portails membre/gestion (site-app).
   ============================================================ */
:root{
  --vert:#4C7C29; --vert-fonce:#3B6D11; --vert-tint:#EAF3DE;
  --orange:#F0822A; --orange-fonce:#C96A1E; --orange-tint:#FCEBD9;
  --bleu:#2D9CDB; --creme:#F7F3EC; --blanc-casse:#FAFAF7;
  --blanc:#FFFFFF; --texte:#2E2A26; --ligne:#ECE6DA;
  --vert-footer:#2E3D1E;
}
body.site-public{ font-family:'Inter',sans-serif; color:var(--texte); background:var(--blanc); }
body.site-public h1, body.site-public h2, body.site-public h3,
body.site-public .section-title, body.site-public .hero-title{
  font-family:'Poppins',sans-serif; font-weight:700;
}
body.site-public .section-title{ color:var(--vert); }
body.site-public .section-title .highlight,
body.site-public .hero-title .highlight{ color:var(--orange); }
body.site-public .gold-accent, body.site-public .text-gold{ color:var(--vert) !important; }
/* ─── Header / navbar (public) ─────────────────────────────── */
body.site-public #mainNav{ background:var(--blanc) !important; box-shadow:0 1px 0 var(--ligne); }
body.site-public .navbar-brand .brand-3a{ color:var(--orange); }
body.site-public .navbar-brand .brand-workspace{ color:var(--vert); }
body.site-public .navbar-nav .nav-link{ color:var(--texte); font-weight:500; }
body.site-public .navbar-nav .nav-link:hover,
body.site-public .navbar-nav .nav-link.active{ color:var(--vert); }
body.site-public .navbar-nav .nav-link::after{ background:var(--vert); }
body.site-public .navbar-toggler{ border-color:var(--ligne); }
body.site-public .navbar-toggler-icon{
  background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='%232E2A26' stroke-linecap='round' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
/* Boutons de la navbar publique — les .btn-gold legacy restent gold côté back-office */
body.site-public .btn-gold{ background:var(--orange); color:#fff; border:none; }
body.site-public .btn-gold:hover{ background:var(--orange-fonce); color:#fff; box-shadow:0 4px 15px rgba(240,130,42,.35); }
body.site-public .btn-outline-gold{ color:var(--vert); border:1.5px solid var(--vert); background:transparent; }
body.site-public .btn-outline-gold:hover{ background:var(--vert); color:#fff; }
/* ─── Hero + sections (public) ─────────────────────────────── */
body.site-public .hero-section{ background:var(--creme); color:var(--texte); }
body.site-public .hero-badge{ background:var(--vert-tint); color:var(--vert); }
body.site-public .hero-title{ color:var(--vert); }
body.site-public .hero-title .highlight{ color:var(--orange); }
body.site-public .hero-text{ color:var(--texte); opacity:.9; }
body.site-public .hero-stat-number{ color:var(--vert); }
body.site-public .hero-stat-number.is-orange{ color:var(--orange); }
body.site-public .hero-stat-label{ color:var(--texte); opacity:.7; }
/* Suppression des fonds noirs, alternance douce */
body.site-public .bg-dark-section{ background:var(--vert-tint) !important; color:var(--texte) !important; }
/* Le texte de ces sections était clair (fond sombre d'origine) → le rendre sombre/lisible sur fond clair */
body.site-public .bg-dark-section .text-white,
body.site-public .bg-dark-section .section-title{ color:var(--vert) !important; }
body.site-public .bg-dark-section .text-light-muted{ color:#5A554D !important; }
body.site-public .bg-light-section{ background:var(--blanc-casse); }
/* ─── Cartes & boutons (public) ────────────────────────────── */
body.site-public .card{ border:1px solid var(--ligne); border-radius:12px; }
body.site-public .espace-card{ transition:transform .15s ease, box-shadow .15s ease; overflow:hidden; }
body.site-public .espace-card:hover{ transform:translateY(-4px); box-shadow:0 8px 24px rgba(0,0,0,.06); }
body.site-public .espace-card .card-title{ color:var(--vert); font-family:'Poppins',sans-serif; }
body.site-public .espace-card .gamme-badge{ background:var(--vert-tint); color:var(--vert-fonce); }
body.site-public .espace-card .price-tag{ color:var(--orange); }
/* Boutons utilitaires publics (en plus des .btn-gold/.btn-outline-gold remappés) */
body.site-public .btn-orange{ background:var(--orange); color:#fff; border:none; border-radius:8px; }
body.site-public .btn-orange:hover{ background:var(--orange-fonce); color:#fff; }
body.site-public .btn-vert-outline{ color:var(--vert); border:1.5px solid var(--vert); background:transparent; border-radius:8px; }
body.site-public .btn-vert-outline:hover{ background:var(--vert); color:#fff; }
/* ─── Footer (public) ──────────────────────────────────────── */
body.site-public .footer-section{ background:var(--vert-footer); color:#EDEAE0; }
body.site-public .footer-heading{ color:#fff; }
body.site-public .footer-brand .brand-3a{ color:var(--orange); }
body.site-public .footer-brand .brand-workspace{ color:#fff; }
body.site-public .footer-links a, body.site-public .footer-contact li{ color:#D7D2C4; }
body.site-public .footer-links a:hover{ color:var(--orange); }
body.site-public .social-links a{ color:#fff; }
body.site-public .social-links a:hover{ color:var(--orange); }
body.site-public .footer-divider{ border-color:rgba(255,255,255,.15); }
body.site-public .text-light-muted{ color:#C9C4B6 !important; }
body.site-public .footer-copy{ color:#C9C4B6; }
/* ─── Sélecteur de langue FR/EN ────────────────────────────── */
body.site-public .lang-btn{ border:1px solid rgba(255,255,255,.4); color:#fff; padding:2px 8px; font-size:.8rem; line-height:1; background:transparent; }
body.site-public .lang-btn.lang-active{ background:var(--orange); border-color:var(--orange); color:#fff; font-weight:700; }