/* ==========================================================================
   Charte graphique JBILL (juillet 2026)
   Bleu foncé #0445b8 · Bleu clair #4a9aff · Jaune foncé #e9bb40 · Jaune clair #f9dc78
   Polices : Dosis (titres) · Outfit (texte) · Kalam (mots mis en évidence)
   Surcharge chargée après core.css / front-page*.css : ne modifie pas ces
   fichiers du thème (volumineux et minifiés), reste facile à maintenir/retirer.
   ========================================================================== */

:root, [data-bs-theme="light"] {
  --jbill-blue-dark: #0445b8;
  --jbill-blue-light: #4a9aff;
  --jbill-yellow-dark: #e9bb40;
  --jbill-yellow-light: #f9dc78;
  --jbill-blue-tint: #eef5ff;

  /* Police globale du site (remplace Public Sans) */
  --bs-font-sans-serif: "Outfit", -apple-system, blinkmacsystemfont, "Segoe UI", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;

  /* Couleur primaire : bleu foncé JBILL (remplace l'indigo/mauve du thème) */
  --bs-primary: var(--jbill-blue-dark);
  --bs-primary-rgb: 4, 69, 184;
  --bs-link-color: var(--jbill-blue-dark);
  --bs-link-color-rgb: 4, 69, 184;
  --bs-link-hover-color: var(--jbill-blue-dark);

  /* Jaune JBILL (étoiles avis, accents) */
  --bs-warning: var(--jbill-yellow-dark);
  --bs-warning-rgb: 233, 187, 64;

  /* Fond "creux" des sections bg-body : était #ffe99c (jaune non conforme),
     remplacé par une teinte bleu très clair conforme à la charte. */
  --bs-body-bg: var(--jbill-blue-tint);
  --bs-body-bg-rgb: 238, 245, 255;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: "Dosis", var(--bs-font-sans-serif);
  font-weight: 700;
}

/* Mots mis en évidence (les span avec le soulignement mauve d'origine) :
   on retire l'image de soulignement et on les met en Kalam, en bleu JBILL. */
.position-relative.fw-extrabold.z-1 {
  font-family: "Kalam", cursive;
  font-weight: 700;
  color: var(--jbill-blue-dark);
}
.position-relative.fw-extrabold.z-1 .section-title-img {
  display: none;
}

/* Boutons pleins : le thème fige des teintes hexadécimales littérales
   (non basées sur var(--bs-primary)), on les resurcharge explicitement. */
.btn-primary {
  --bs-btn-bg: var(--jbill-blue-dark);
  --bs-btn-border-color: var(--jbill-blue-dark);
  --bs-btn-hover-bg: #033a9d;
  --bs-btn-hover-border-color: #033389;
  --bs-btn-active-bg: #033a9d;
  --bs-btn-active-border-color: #022c78;
  --bs-btn-focus-shadow-rgb: 74, 154, 255;
  --bs-btn-disabled-bg: var(--jbill-blue-dark);
  --bs-btn-disabled-border-color: var(--jbill-blue-dark);
}
.btn-outline-primary {
  --bs-btn-color: var(--jbill-blue-dark);
  --bs-btn-border-color: var(--jbill-blue-dark);
  --bs-btn-hover-bg: var(--jbill-blue-dark);
  --bs-btn-hover-border-color: var(--jbill-blue-dark);
  --bs-btn-active-bg: var(--jbill-blue-dark);
  --bs-btn-active-border-color: var(--jbill-blue-dark);
  --bs-btn-focus-shadow-rgb: 74, 154, 255;
  --bs-btn-disabled-color: var(--jbill-blue-dark);
  --bs-btn-disabled-border-color: var(--jbill-blue-dark);
}

/* Footer : fond bleu foncé au lieu du bleu-mauve d'origine */
.landing-footer {
  --bs-footer-top-bg: #0a3a82;
  --bs-footer-bottom-bg: #072a5e;
}

/* Hero : fond en dégradé bleu clair (remplace le dégradé mauve/rose) */
.landing-hero {
  --bs-hero-bg: linear-gradient(138.18deg, #eef4ff 0%, #dceeff 94.44%);
}

/* Titre du hero : texte plein en bleu JBILL (remplace le dégradé animé
   vert/mauve/rouge appliqué en background-clip:text) */
.landing-hero .hero-title {
  animation: none;
  background: none;
  -webkit-text-fill-color: currentColor;
  color: var(--jbill-blue-dark);
}

/* Badge "En 3 minutes !" : sorti du positionnement absolu (qui le faisait
   sortir de l'écran à certaines largeurs, ou chevaucher le sous-titre juste
   au-dessus). Placé en flux normal, sur sa propre ligne, centré, entre le
   sous-titre et les boutons : ne peut plus recouvrir aucun texte. */
.landing-hero .hero-btn-item {
  position: static !important;
  inset-inline-start: auto !important;
  inset-block-start: auto !important;
  display: flex !important;
  justify-content: center;
  margin: 0 auto .75rem !important;
  white-space: nowrap;
  background-color: var(--jbill-blue-tint);
  color: var(--jbill-blue-dark);
  padding: .25rem .75rem;
  border-radius: 50rem;
  font-family: "Kalam", cursive;
  width: fit-content;
}
.landing-hero .hero-btn-item img {
  display: none;
}

/* Tarifs : le picto "2 mois offerts" reste en jaune JBILL (accent promo),
   distinct du bleu utilisé partout ailleurs sur la page. */
.landing-pricing .pricing-plans-item span {
  color: var(--jbill-yellow-dark);
  font-weight: 700 !important;
}

/* Notre histoire : paragraphe resserré avec un encart bleu clair */
.landing-mission-text {
  max-inline-size: 42rem;
  background-color: var(--jbill-blue-tint);
  border-radius: 1.5rem;
  padding: 2rem 2.25rem;
}