/* Bulles Bazar — typographie moderne des titres
   Aptos Display / Segoe UI pour les grands titres, Arial pour les textes.
   Graisse volontairement légère et gris ardoise conservé. */
:root { --bb-title-slate: #5C6B78; }

html body {
  font-family: Arial, Helvetica, sans-serif !important;
}

html body h1,
html body h2,
html body .page-hero-title,
html body .carte-header h1,
html body .home-title,
html body .home-title span,
html body .home-section-title,
html body .danse-title,
html body .bobun-hero h1,
html body .next-event-title {
  font-family: "Aptos Display", "Segoe UI Variable Display", "Segoe UI", Arial, sans-serif !important;
  font-weight: 400 !important;
  letter-spacing: -0.025em !important;
  color: var(--bb-title-slate) !important;
}

/* Les titres posés sur des aplats sombres restent blancs pour la lisibilité. */
html body h2.sh.white,
html body .section-dark h2.sh.white,
html body .terrasse-cta-title,
html body .hero-events h2,
html body footer h2,
html body footer h3 {
  color: #ffffff !important;
}

/* BB — harmonisation des six titres principaux
   Taille de référence : « Carte Déjeuner ».
   Bleu ardoise et relief discret sur ombre noire. */
html body h1.bb-harmonized-main-title {
  font-family: "Aptos Display", "Segoe UI Variable Display", "Segoe UI", Arial, sans-serif !important;
  font-size: clamp(28px, 4vw, 44px) !important;
  font-weight: 400 !important;
  line-height: 1.12 !important;
  letter-spacing: -0.025em !important;
  color: #526B7A !important;
  margin: 0 0 8px !important;
  text-shadow:
    0 1px 0 rgba(255,255,255,.78),
    0 2px 0 rgba(0,0,0,.30),
    0 4px 7px rgba(0,0,0,.36) !important;
}

/* BB — correction stricte : Actualité, accueil et terrasse exactement comme Carte Déjeuner.
   Sélecteurs renforcés pour neutraliser les styles propres aux bandeaux et au titre d'accueil. */
html body .bb-fresh-header.carte-header h1.bb-harmonized-main-title,
html body h1.home-title.bb-harmonized-main-title,
html body .carte-header h1.bb-harmonized-main-title {
  font-family: "Aptos Display", "Segoe UI Variable Display", "Segoe UI", Arial, sans-serif !important;
  font-size: clamp(28px, 4vw, 44px) !important;
  font-weight: 400 !important;
  font-style: normal !important;
  line-height: 1.12 !important;
  letter-spacing: -0.025em !important;
  text-transform: none !important;
  color: #526B7A !important;
  margin: 0 0 8px !important;
  opacity: 1 !important;
  filter: none !important;
  -webkit-text-stroke: 0 transparent !important;
  text-shadow:
    0 1px 0 rgba(255,255,255,.78),
    0 2px 0 rgba(0,0,0,.30),
    0 4px 7px rgba(0,0,0,.36) !important;
}

html body h1.home-title.bb-harmonized-main-title span {
  display: block !important;
  font: inherit !important;
  letter-spacing: inherit !important;
  line-height: inherit !important;
  color: inherit !important;
  text-shadow: inherit !important;
  opacity: 1 !important;
  filter: none !important;
  -webkit-text-stroke: 0 transparent !important;
}

/* BB — cartes harmonisées sur les références « Carte Déjeuner »
   et « Un déjeuner généreux et plein de saveurs à Argentan ». */
html body h1.bb-harmonized-main-title {
  font-family: "Aptos Display", "Segoe UI Variable Display", "Segoe UI", Arial, sans-serif !important;
  font-size: clamp(28px, 4vw, 44px) !important;
  font-weight: 400 !important;
  font-style: normal !important;
  line-height: 1.12 !important;
  letter-spacing: -0.025em !important;
  text-transform: none !important;
  color: #526B7A !important;
  margin: 0 0 8px !important;
  opacity: 1 !important;
  filter: none !important;
  -webkit-text-stroke: 0 transparent !important;
  text-shadow:
    0 1px 0 rgba(255,255,255,.78),
    0 2px 0 rgba(0,0,0,.30),
    0 4px 7px rgba(0,0,0,.36) !important;
}

html body h2.sh.bb-harmonized-card-subtitle {
  font-family: "Aptos Display", "Segoe UI Variable Display", "Segoe UI", Arial, sans-serif !important;
  font-size: clamp(24px, 3.2vw, 38px) !important;
  font-weight: 400 !important;
  font-style: normal !important;
  line-height: 1.2 !important;
  letter-spacing: -0.025em !important;
  text-transform: none !important;
  color: #5C6B78 !important;
  margin: 0 0 16px !important;
  opacity: 1 !important;
  filter: none !important;
  -webkit-text-stroke: 0 transparent !important;
  text-shadow: none !important;
}