/* =========================
   01-base.css
   Reset + base typography + globals
========================= */

*{ box-sizing:border-box; }
html,body{ height:100%; }
html{ scroll-behavior:smooth; }

body{
  margin:0;
  font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
  font-weight: 400;
  color: var(--text);
  background: var(--bg);
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

img, video{
  max-width: 100%;
  height: auto;
}

a{ color: inherit; }
b, strong, .bold{ font-weight: 600; }

:focus-visible{
  outline: none;
  box-shadow: var(--focus-ring);
  border-radius: 12px;
}

::selection{
  background: rgba(255,230,0,.55);
  color: #0b0f12;
}

.sr-only{
  position:absolute; width:1px; height:1px;
  padding:0; margin:-1px;
  overflow:hidden; clip:rect(0,0,0,0);
  white-space:nowrap; border:0;
}

.muted{ color: var(--muted); }




/* Sécurité : certains thèmes/constructeurs fixent body */
body { font-size: 1.6rem; }

/* Formulaires (Forminator, inputs, etc.) */
input, select, textarea, button {
  font-size: 1.6rem;
}

h1, h2, h3 {
  font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
  color: #111;
  line-height: 1.2;
  font-weight: normal;
  font-style: normal;
  text-transform: none;
  font-weight: 900;
  font-size: 28px;
}

:root{
  --site-bg:
    radial-gradient(1100px 560px at 12% 15%, rgba(255,230,0,.40), transparent 60%),
    radial-gradient(900px 520px at 88% 20%, rgba(47,230,92,.26), transparent 55%),
    radial-gradient(720px 500px at 85% 85%, rgba(255,230,0,.18), transparent 60%),
    linear-gradient(180deg, rgba(255,255,255,.92), rgba(255,255,255,.86));
}

body{
  background: var(--site-bg);
  background-attachment: fixed;
}

/* Supprimer le titre automatique des pages (header de page) */
.page-header,
.page-header .page-title,
.page-header h1,
#page-title,
.page-title,
.page-title-wrap,
.divine-parallax-element {
  display: none !important;
}

#page-header {
  padding: 0px;
}

.navLink.btn.btn--primary.btn--benevolat {
  margin-top: 0;
}

/* ✅ Responsive images partout */
img {
  max-width: 100%;
  height: auto;
}

/* ✅ WPBakery / VC : images fluides */
.wpb_single_image img,
.vc_single_image-wrapper img,
.wp-caption img {
  max-width: 100%;
  height: auto;
  display: block;
}

/* ✅ Si un wrapper impose une taille fixe (souvent VC) */
.wpb_single_image,
.vc_single_image-wrapper {
  max-width: 100%;
}