/* assets/css/theme-bootstrap.css */

/* =========================
   Variables de thème globales
   ========================= */
:root{
  --brand-bg:         #f8fafc;   /* Fond global */
  --brand-surface:    #ffffff;   /* Surface cartes/blocs */
  --brand-text:       #0f172a;   /* Texte principal */
  --brand-muted:      #64748b;   /* Texte secondaire */
  --brand-border:     #e5e7eb;   /* Bordures */
  --brand-primary:    #0ea5e9;   /* Bouton / Accent */
  --brand-primary-ink:#ffffff;   /* Texte sur bouton */

  --section-y:        4rem;      /* Padding vertical sections */
  --gap:              1.5rem;    /* Gap générique */
  --radius:           1rem;      /* Rayon des cards/boutons */
}

/* Base */
html, body{
  background: var(--brand-bg);
  color: var(--brand-text);
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Inter, "Helvetica Neue", Arial, "Noto Sans", "Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
}

/* Conteneur : utilise la container Bootstrap, mais contraint la largeur max si tu veux */
.container, .container-fluid{
  /* rien, Bootstrap gère – ajuste si besoin */
}

/* Titres par défaut */
h1{ font-weight:600; letter-spacing:-0.01em; }
h2{ font-weight:600; letter-spacing:-0.01em; }
h3{ font-weight:600; }

/* Liens */
a{ text-underline-offset: 2px; }

/* Helpers */
.section{ padding: var(--section-y) 0; }
.card-like{
  background: var(--brand-surface);
  border: 1px solid var(--brand-border);
  border-radius: var(--radius);
  box-shadow: 0 1px 2px rgba(0,0,0,.03);
}

/* Boutons thème */
.btn-primary{
  background: var(--brand-primary);
  color: var(--brand-primary-ink);
  border: none;
  border-radius: calc(var(--radius) - .25rem);
}
.btn-primary:hover{ filter: brightness(.95); }
.btn-outline-dark{
  border-radius: calc(var(--radius) - .25rem);
}

/* --- Skins par bloc (tu peux tout modifier ici) --- */
.bloc-hero{ background:#0f172a; color:#fff; }
.bloc-cta-simple{ background:#0f172a; color:#fff; }
/* Fond retiré pour permettre la personnalisation via le Customizer */
/* .bloc-logos, .bloc-galerie, .bloc-slider,
.bloc-faq, .bloc-etapes, .bloc-video,
.bloc-graphique, .bloc-tableau, .bloc-carte,
.bloc-shortcode, .bloc-2col-text-left-img-right,
.bloc-2col-img-left-text-right, .bloc-post-grid-advanced{
  background: var(--brand-surface);
} */

/* Images “card” */
.img-card{ border-radius: var(--radius); display:block; width:100%; height:auto; }

/* Marges verticales standard dans un bloc */
.bloc-hero .lead, .bloc-video .lead, .bloc-faq .lead{ margin-top: 1rem; }

/* Datatables – légère harmonisation */
table.dataTable tbody tr:hover { background: rgba(15,23,42,.03); }