/* ============================================
   CHARTE GRAPHIQUE — DISPENSAIRE FRANÇAIS
   Couleurs : #176B85 (teal) / #87C1CD (clair)
   Polices : Myriad Pro (corps) / Mangal (titres)
   ============================================ */

/* --- Polices --- */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,400;0,600;0,700;1,400&display=swap');

:root {
  /* Myriad Pro n'est pas disponible sur Google Fonts — on utilise Noto Sans comme substitut proche */
  --font-body: 'Noto Sans', 'Myriad Pro', system-ui, sans-serif;
  --font-headings: 'Noto Sans', 'Mangal', system-ui, sans-serif;
}

/* --- Couleur d'accent principale --- */
/* Ghost utilise --ghost-accent-color pour les boutons et liens.
   La couleur est configurée dans Admin > Design & Branding > Accent color.
   Mettre #176B85 dans l'interface Ghost suffit pour les boutons. */

/* --- Couleur bouton CTA hero (override mauve → teal) --- */
.bg-brand,
[class*="bg-brand"] {
  background-color: #176B85 !important;
}

.text-brand,
[class*="text-brand"] {
  color: #176B85 !important;
}

.border-brand,
[class*="border-brand"] {
  border-color: #176B85 !important;
}

.hover\:bg-brand:hover {
  background-color: #176B85 !important;
}

.hover\:text-brand:hover {
  color: #176B85 !important;
}

.focus-within\:border-brand:focus-within {
  border-color: #176B85 !important;
}

/* --- Liens dans le contenu --- */
.ghost-content a:not([class*=kg-],[class*=btn]) {
  text-decoration-color: #176B85;
}

.ghost-content a:not([class*=kg-],[class*=btn]):hover {
  color: #176B85;
}

/* --- Titres en teal --- */
h1, h2, h3 {
  color: #176B85;
}

/* --- Couleur accent sur les blockquotes --- */
.ghost-content blockquote {
  border-inline-start-color: #176B85;
}

/* --- Bouton "Voir toutes les actualités" --- */
.bg-bgr-reverse {
  background-color: #176B85;
}
.text-typ-reverse {
  color: #ffffff;
}

/* --- Footer : fond légèrement teinté --- */
[data-footer] {
  background-color: #f0f7f9;
  border-top: 2px solid #87C1CD;
}

/* --- Barre de progression --- */
[data-progress-bar]::-webkit-progress-value,
[data-progress-bar]::-moz-progress-bar {
  background: #176B85;
}

/* --- Slider bullets actifs --- */
.glide__bullet--active[data-glide-dir] {
  background-color: #176B85;
}

/* --- Texte boutons hero --- */
.bg-brand,
.bg-brand span,
a.bg-brand,
a.bg-brand span,
[class*="bg-brand"],
[class*="bg-brand"] span {
  color: #ffffff !important;
}

/* --- Bouton contour hero : texte teal, hover texte blanc --- */
.border-brand.bg-transparent {
  color: #176B85 !important;
}
.border-brand.bg-transparent:hover {
  color: #ffffff !important;
  background-color: #176B85 !important;
}

/* --- Forcer couleur texte sur tous les liens/boutons teal --- */
a[class*="bg-brand"],
a[class*="bg-brand"] * {
  color: #ffffff !important;
}

/* ============================================
   BOUTONS — TEXTE BLANC FORCÉ
   ============================================ */

/* Bouton plein teal — texte blanc */
a.bg-brand,
button.bg-brand,
.bg-brand {
  color: #ffffff !important;
  background-color: #176B85 !important;
}

a.bg-brand span,
button.bg-brand span,
.bg-brand span {
  color: #ffffff !important;
}

/* Bouton contour — texte teal par défaut, blanc au hover */
a[style*="border"],
.border-2.border-brand {
  color: #176B85 !important;
}

/* Surcharge Ghost accent color partout */
[style*="--ghost-accent-color"] a,
.text-brand-contrast {
  color: #ffffff !important;
}

/* Ciblage direct hero CTA */
[data-hero] a[class*="bg-brand"],
[data-hero] a[class*="bg-brand"] span {
  color: #ffffff !important;
}

[data-hero] a[class*="border-brand"] {
  color: #176B85 !important;
}

[data-hero] a[class*="border-brand"]:hover {
  color: #ffffff !important;
}

/* ============================================
   BOUTONS NATIFS GHOST — TEAL + TEXTE BLANC
   ============================================ */

/* Bouton Ghost natif (kg-btn) */
.kg-btn,
.kg-btn-accent,
a.kg-btn,
a.kg-btn-accent {
  background-color: #176B85 !important;
  color: #ffffff !important;
  border-color: #176B85 !important;
}

.kg-btn *,
.kg-btn-accent * {
  color: #ffffff !important;
}

/* Bouton dans les blocs callout */
.kg-callout-card .kg-btn {
  background-color: #176B85 !important;
  color: #ffffff !important;
}

/* Tous les boutons avec style inline background teal */
a[style*="background:#176B85"],
a[style*="background: #176B85"] {
  color: #ffffff !important;
}

a[style*="background:#176B85"] *,
a[style*="background: #176B85"] * {
  color: #ffffff !important;
}

/* Supprimer espace vide section About sur homepage */
[data-about] {
  display: none !important;
}

/* --- Animation pulse CTA "Faire un don" --- */
@keyframes pulse-don {
  0%   { box-shadow: 0 0 0 0 rgba(235,183,12,0.5); }
  60%  { box-shadow: 0 0 0 7px rgba(235,183,12,0); }
  100% { box-shadow: 0 0 0 0 rgba(235,183,12,0); }
}