/* =========================================================
   Réseau — Design System (child theme)
   Composants réutilisables + tokens. Pour décliner un nouveau
   site : ne changer QUE les variables du bloc :root ci-dessous.
   Aucun style inline dans le contenu des pages.
   ========================================================= */

:root{
  /* Couleurs (à personnaliser par site) */
  --rs-primary:#0d5c63;
  --rs-primary-dark:#08414a;
  --rs-accent:#d98a2b;
  --rs-accent-dark:#bf7620;
  --rs-ink:#1d2b2e;
  --rs-muted:#5a6a6d;
  --rs-bg:#ffffff;
  --rs-soft:#f3f0e9;
  --rs-border:#e4ddd0;
  /* Typo / rythme */
  --rs-font-size:18px;
  --rs-line:1.72;
  --rs-radius:12px;
  --rs-radius-sm:6px;
  --rs-maxw:1080px;
  --rs-band-pad:64px;
}

/* ---------- Base ---------- */
body{color:var(--rs-ink);}
.reseau-bootstrap-content,.entry-content{font-size:var(--rs-font-size);line-height:var(--rs-line);}
.reseau-bootstrap-content h1,.reseau-bootstrap-content h2,.reseau-bootstrap-content h3{color:var(--rs-ink);line-height:1.2;}
.reseau-bootstrap-content a{color:var(--rs-primary);}
.reseau-bootstrap-content a:hover{color:var(--rs-accent);}

/* Centre le contenu "courant" (hors bandes pleine largeur) */
.reseau-bootstrap-content > *:not(.rs-band){max-width:var(--rs-maxw);margin-left:auto;margin-right:auto;}
.reseau-bootstrap-content > h2,.reseau-bootstrap-content > h3,.reseau-bootstrap-content > p,
.reseau-bootstrap-content > ul,.reseau-bootstrap-content > ol,.reseau-bootstrap-content > figure{padding-left:20px;padding-right:20px;}

/* ---------- Bandes pleine largeur (edge-to-edge) ---------- */
html,body{overflow-x:hidden;}
.rs-band{width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);padding:var(--rs-band-pad) 20px;box-sizing:border-box;}
.rs-band .rs-inner{max-width:var(--rs-maxw);margin:0 auto;}
.rs-band--soft{background:var(--rs-soft);}
.rs-band--teal{background:var(--rs-primary);color:#fff;}
.rs-band--teal h1,.rs-band--teal h2,.rs-band--teal h3{color:#fff;}
.rs-band--teal p{color:#e8f0f0;}
.rs-inner{max-width:var(--rs-maxw);margin:0 auto;}

/* ---------- Hero ---------- */
.rs-hero{display:grid;grid-template-columns:1.05fr .95fr;gap:44px;align-items:center;}
.rs-hero h1{font-size:2.4rem;margin:0 0 16px;}
.rs-hero .rs-lead{font-size:1.2rem;color:var(--rs-ink);margin:0 0 24px;}
.rs-hero img{width:100%;height:auto;border-radius:var(--rs-radius);display:block;}
@media(max-width:860px){.rs-hero{grid-template-columns:1fr;gap:28px;}.rs-hero h1{font-size:1.95rem;}}

/* ---------- Boutons ---------- */
.rs-btn{display:inline-block;background:var(--rs-accent);color:#fff;padding:14px 30px;border-radius:var(--rs-radius-sm);
  text-decoration:none;font-weight:700;transition:background .15s;}
.rs-btn:hover{background:var(--rs-accent-dark);color:#fff;}
.rs-btn--ghost{display:inline-block;color:var(--rs-primary);padding:14px 14px;text-decoration:none;font-weight:700;}
.rs-band--teal .rs-btn{background:var(--rs-accent);}
.rs-btn-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center;}

/* ---------- Cartes ---------- */
.rs-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:22px;margin:8px 0;}
.rs-card{background:var(--rs-bg);border:1px solid var(--rs-border);border-radius:var(--rs-radius);padding:26px;
  display:flex;flex-direction:column;}
.rs-card h3{margin:0 0 10px;color:var(--rs-primary);}
.rs-card p{margin:0 0 16px;}
.rs-card .rs-more{margin-top:auto;color:var(--rs-accent);font-weight:700;text-decoration:none;}
.rs-card .rs-more:hover{color:var(--rs-accent-dark);}

/* ---------- Encadré "L'essentiel" ---------- */
.rs-key{background:var(--rs-soft);border-left:4px solid var(--rs-primary);padding:20px 24px;
  border-radius:4px;margin:28px auto;}
.rs-key p{margin:0;}

/* ---------- Figure ---------- */
.rs-figure{margin:28px auto;}
.rs-figure img{width:100%;height:auto;border-radius:var(--rs-radius);display:block;}

/* ---------- FAQ accordéon ---------- */
.rs-faq details{border:1px solid var(--rs-border);border-radius:var(--rs-radius-sm);margin:12px auto;background:var(--rs-bg);}
.rs-faq summary{cursor:pointer;padding:16px 46px 16px 20px;font-weight:600;color:var(--rs-primary);
  list-style:none;position:relative;}
.rs-faq summary::-webkit-details-marker{display:none;}
.rs-faq summary::after{content:"+";position:absolute;right:20px;top:50%;transform:translateY(-50%);
  font-size:1.4rem;color:var(--rs-accent);line-height:1;}
.rs-faq details[open] summary::after{content:"\2013";}
.rs-faq details[open] summary{border-bottom:1px solid var(--rs-border);}
.rs-faq details p{margin:0;padding:14px 20px;}

/* ---------- Bloc persona (E-E-A-T) ---------- */
.rs-persona{display:flex;flex-wrap:wrap;gap:26px;align-items:center;}
.rs-persona img{width:150px;height:150px;object-fit:cover;border-radius:50%;flex:0 0 auto;}
.rs-persona .rs-persona-txt{flex:1 1 320px;}
.rs-persona h2{margin-top:0;}

/* ---------- Bandeau CTA ---------- */
.rs-cta{text-align:center;}
.rs-cta h2{margin-top:0;}
.rs-cta p{max-width:620px;margin:0 auto 22px;}

/* ---------- Note / byline / disclosure ---------- */
.rs-note{font-size:.92rem;color:var(--rs-muted);border-top:1px solid var(--rs-border);
  padding-top:16px;margin-top:34px;}

/* ---------- Bloc "À lire aussi" ---------- */
.rs-related{background:var(--rs-soft);border-radius:var(--rs-radius-sm);padding:20px 24px;margin:32px auto;}
.rs-related p.rs-related-title{margin:0 0 8px;font-weight:700;color:var(--rs-primary);}
.rs-related ul{margin:0;padding-left:20px;}

/* ---------- Menu (barre horizontale) ---------- */
.main-navigation .main-nav ul li a{font-weight:600;letter-spacing:.01em;}
.main-navigation .main-nav ul li.current-menu-item > a,
.main-navigation .main-nav ul li a:hover{color:var(--rs-accent);}
.site-logo img,.header-image{max-height:54px;width:auto;}

/* ---------- Footer multi-colonnes ---------- */
.rs-footer{background:var(--rs-soft);border-top:1px solid var(--rs-border);padding:48px 20px 8px;}
.rs-footer .rs-footer-grid{max-width:var(--rs-maxw);margin:0 auto;display:grid;
  grid-template-columns:1.4fr 1fr 1fr 1fr;gap:32px;}
.rs-footer .widget-title,.rs-footer h2.widget-title{color:var(--rs-primary);font-size:1.02rem;margin:0 0 12px;}
.rs-footer p{margin:0 0 8px;color:var(--rs-muted);font-size:.94rem;}
.rs-footer ul{list-style:none;margin:0;padding:0;line-height:2;}
.rs-footer a{color:var(--rs-ink);text-decoration:none;}
.rs-footer a:hover{color:var(--rs-accent);}
@media(max-width:860px){.rs-footer .rs-footer-grid{grid-template-columns:1fr 1fr;gap:24px;}}
@media(max-width:520px){.rs-footer .rs-footer-grid{grid-template-columns:1fr;}}

/* Footer nav du thème (déjà présent) + copyright */
.reseau-footer-nav{padding:14px 1em 0;}
.inside-site-info{font-size:.9rem;}

/* ---------- Utilitaires ---------- */
.rs-center{text-align:center;}
.rs-blog-link{text-align:center;margin:8px auto 0;}
.rs-blog-link a{color:var(--rs-primary);font-weight:600;text-decoration:none;}
.rs-blog-link a:hover{color:var(--rs-accent);}