/*
  site.css — thème Mondial Assurance Finance.
  Règle imposée : aucune classe CSS custom dans le HTML.
  Ici on se contente de (1) redéfinir les variables de thème Bootstrap et
  (2) styler des classes Bootstrap existantes / éléments / ids. Aucun nouveau
  nom de classe n'est introduit dans le balisage.
  Versionné via ?v= dans le <link> (cache-busting + empreinte variable par site).
*/

:root {
  --bs-primary: #0b3d6b;
  --bs-primary-rgb: 11, 61, 107;
  --bs-link-color: #0b3d6b;
  --bs-link-color-rgb: 11, 61, 107;
  --bs-link-hover-color: #1d72b8;
  --bs-body-font-family: "Segoe UI", system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;
  --maf-gold: #e0902b;
  --maf-navy: #0b3d6b;
  --maf-blue: #1d72b8;
}

body { color: #1f2a37; }

/* Boutons primaires recolorés sur la charte (les btn lisent des vars dédiées). */
.btn-primary {
  --bs-btn-bg: var(--maf-navy);
  --bs-btn-border-color: var(--maf-navy);
  --bs-btn-hover-bg: var(--maf-blue);
  --bs-btn-hover-border-color: var(--maf-blue);
  --bs-btn-active-bg: var(--maf-blue);
  --bs-btn-active-border-color: var(--maf-blue);
}
.btn-warning {
  --bs-btn-bg: var(--maf-gold);
  --bs-btn-border-color: var(--maf-gold);
  --bs-btn-hover-bg: #c87d1d;
  --bs-btn-hover-border-color: #c87d1d;
  --bs-btn-color: #fff;
  --bs-btn-hover-color: #fff;
}
.btn-outline-primary {
  --bs-btn-color: var(--maf-navy);
  --bs-btn-border-color: var(--maf-navy);
  --bs-btn-hover-bg: var(--maf-navy);
  --bs-btn-hover-border-color: var(--maf-navy);
}

.navbar-brand strong { color: var(--maf-navy); }

/* Dégradé de la bannière hero — ciblé par id (pas de classe custom). */
#hero {
  background: linear-gradient(135deg, #0b3d6b 0%, #1d72b8 100%);
}

/* Bloc texte SEO repositionné visuellement en bas mais placé haut dans le DOM.
   Le balisage utilise la classe Bootstrap `order-last`; on renforce ici le rendu. */
main.d-flex > section { order: 0; }

/* Lien-cartes des offres : effet de survol discret. */
.card a.stretched-link + *,
.card:hover { box-shadow: 0 .5rem 1.5rem rgba(11, 61, 107, .12); }
.card { transition: box-shadow .2s ease; }