/* SSAFIR — habillage « verre dépoli » (glassmorphism) global du site vitrine.
   Chargé sur toutes les pages. Cible les conteneurs de cartes / formulaires /
   modales (classe utilitaire bg-surface-container-lowest) pour un rendu
   translucide, flou et ombré, sans toucher la structure des sections. */

/* Fond décoratif fixe : quelques halos de couleur derrière tout le contenu,
   pour donner de la matière au flou (et un rendu « adaptatif à la couleur »). */
body::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background:
    radial-gradient(55rem 55rem at -8% -12%, rgba(0, 137, 123, 0.12), transparent 60%),
    radial-gradient(48rem 48rem at 112% 6%, rgba(59, 130, 246, 0.10), transparent 60%),
    radial-gradient(48rem 48rem at 88% 112%, rgba(134, 242, 228, 0.12), transparent 60%);
}

/* Cartes, formulaires et modales : verre translucide + flou + double ombre. */
.bg-surface-container-lowest {
  background-color: rgba(255, 255, 255, 0.62) !important;
  -webkit-backdrop-filter: blur(16px) saturate(140%);
  backdrop-filter: blur(16px) saturate(140%);
  border: 1px solid rgba(255, 255, 255, 0.55);
  box-shadow:
    0 16px 40px -16px rgba(0, 22, 45, 0.30),
    0 2px 8px rgba(0, 0, 0, 0.06) !important;
}

/* Boutons pleins de marque : on renforce juste l'ombre (lisibilité CTA). */
.bg-secondary,
.bg-primary {
  box-shadow: 0 8px 20px -8px rgba(0, 22, 45, 0.35);
}

/* Champs de formulaire translucides (verre léger) à l'intérieur des cartes. */
.bg-surface-container-lowest input,
.bg-surface-container-lowest textarea,
.bg-surface-container-lowest select {
  background-color: rgba(255, 255, 255, 0.55);
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
}

/* Confort de lecture : le flou peut être désactivé par l'OS (économie), on
   garde alors un fond suffisamment opaque via la valeur ci-dessus. */
@media (prefers-reduced-transparency: reduce) {
  .bg-surface-container-lowest {
    background-color: rgba(255, 255, 255, 0.94) !important;
  }
}