/* ============================================================
   Page d'accueil — Hero section
   Scope : body.page-accueil
   ============================================================ */

/* ── Card formulaire ── */
body.page-accueil .carte-grise-container .bg-white.rounded {
  background: rgba(255, 255, 255, 0.25) !important;
  backdrop-filter: blur(16px) !important;
  -webkit-backdrop-filter: blur(16px) !important;
  border-radius: 16px !important;
  border: 1px solid rgba(255, 255, 255, 0.4) !important;
  box-shadow: 0 12px 40px rgba(15, 23, 42, 0.2) !important;
  padding: 28px !important;
}

/* ── Labels ── */
body.page-accueil .carte-grise-container label.text-white,
body.page-accueil .carte-grise-container .text-white.pb-1,
body.page-accueil .carte-grise-container .text-white.pb-2 {
  color: #fff !important;
  font-size: 13px !important;
  font-weight: 500 !important;
}

/* ── Inputs ── */
body.page-accueil .carte-grise-container .form-control,
body.page-accueil .carte-grise-container .form-control-lg {
  border: 1.5px solid #d1dce8 !important;
  border-radius: 10px !important;
  color: #0f172a !important;
  background: #ffffff !important;
  box-shadow: none !important;
  padding: 11px 14px !important;
  height: auto !important;
}

body.page-accueil .carte-grise-container .form-control:focus {
  border-color: #3F729B !important;
  box-shadow: 0 0 0 3px rgba(63,114,155,0.15) !important;
}

/* ── Selects ── */
body.page-accueil .carte-grise-container .form-select,
body.page-accueil .carte-grise-container .form-select-lg {
  border: 1.5px solid #d1dce8 !important;
  border-radius: 10px !important;
  color: #0f172a !important;
  background-color: #ffffff !important;
  box-shadow: none !important;
  padding: 11px 14px !important;
  height: auto !important;
}

/* ── Badge agrément ── */
body.page-accueil .carte-grise-container .badge.bg-info-subtle {
  background: rgba(255,255,255,0.18) !important;
  color: #ffffff !important;
  border: 1px solid rgba(255,255,255,0.3) !important;
  border-radius: 20px !important;
  font-size: 12px !important;
  padding: 6px 14px !important;
  display: inline-flex !important;
  margin-top: 16px !important;
}

/* ============================================================
   Section réassurance — Page d'accueil
   Scope : #section-reassurance
   ============================================================ */
#section-reassurance {
  background: #f5f9fc !important;
  padding: 40px 0 !important;
  border-top: 1px solid #e0e8f0;
  border-bottom: 1px solid #e0e8f0;
}

#section-reassurance .col {
  padding: 20px 16px !important;
  border-radius: 14px;
  transition: background 0.2s, box-shadow 0.2s;
}

#section-reassurance .col:hover {
  background: #ffffff;
  box-shadow: 0 4px 16px rgba(63,114,155,0.1);
}

#section-reassurance div[align="center"] {
  width: 72px;
  height: 72px;
  background: #eef4f8;
  border-radius: 50%;
  display: flex !important;
  align-items: center;
  justify-content: center;
  margin: 0 auto 16px !important;
}

#section-reassurance svg {
  width: 32px !important;
  height: 32px !important;
 /* fill: #3F729B !important;*/
}

#section-reassurance h3.h6 {
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #0f172a !important;
  margin-bottom: 8px !important;
}

#section-reassurance p.fs-sm {
  font-size: 12.5px !important;
  color: #64748b !important;
  line-height: 1.65 !important;
  opacity: 1 !important;
}

/* ── Override couleur bouton primaire — hero accueil ── */
body.page-accueil .carte-grise-container button[type="submit"].btn-primary,
body.page-accueil .carte-grise-container .btn.btn-primary,
body.page-accueil .carte-grise-container .btn-primary {
  --bs-btn-bg: #3F729B;
  --bs-btn-border-color: #3F729B;
  --bs-btn-hover-bg: #355f83;
  --bs-btn-hover-border-color: #355f83;
  --bs-btn-active-bg: #2d5476;
  --bs-btn-color: #ffffff;
  --bs-btn-hover-color: #ffffff;
  background-color: #3F729B !important;
  border-color: #3F729B !important;
  color: #ffffff !important;
}