/* ============================================================
   CAN FINANCE — Habillage Bit Form  (COULEUR PRINCIPALE #FF4605)
   Colle TOUT ceci dans :
     Styles → ⚙️ Builder Settings → Custom Code → CSS
   (remplace tout l'ancien contenu par celui-ci)

   + réglage natif pour le « 1 » de l'étape en orange :
     Styles → Theme → Customize → Accent Color = #FF4605 → Save
   ============================================================ */

:root{
  --cf-main:#FF4605; --cf-main-dark:#D93B04;
  --cf-navy:#2B2E3A; --cf-border:#dfe3e8; --cf-ring:rgba(255,70,5,.25);
  --cf-radius:10px;
}

/* ============ CARTE + OMBRE ============ */
form:has(.bf-fld){
  max-width:900px;
  margin:40px auto;
  background:#ffffff;
  border-radius:16px;
  padding:34px 38px 30px;
  border-top:5px solid var(--cf-main);
  box-shadow:
    0 18px 40px -12px rgba(43,46,58,.18),
    0 8px 16px -8px rgba(43,46,58,.10);
  box-sizing:border-box;
}
@media (max-width:600px){
  form:has(.bf-fld){ padding:22px 16px; margin:20px auto; border-radius:12px; }
}

/* ============ LIBELLÉS DU STEPPER (AGRANDIS) ============
   Best-effort : cible les classes « step label » DANS le
   formulaire. Si les libellés ne grossissent pas, voir la
   note tout en bas pour insérer la vraie classe en 10 sec. */
form:has(.bf-fld) [class*="stp-lbl"],
form:has(.bf-fld) [class*="step-lbl"],
form:has(.bf-fld) [class*="stp-label"],
form:has(.bf-fld) [class*="step-label"],
form:has(.bf-fld) [class*="stp-title"],
form:has(.bf-fld) [class*="step-title"]{
  font-size:15px !important;
  font-weight:600 !important;
  line-height:1.3 !important;
  letter-spacing:.2px !important;
}

/* ============ CHAMPS ============ */
.bf-fld{
  background:#fff !important;
  color:var(--cf-navy) !important;
  border:1.5px solid var(--cf-border) !important;
  border-radius:var(--cf-radius) !important;
  padding:13px 15px !important;
  font-size:15px !important;
  line-height:1.4 !important;
  box-shadow:none !important;
  transition:border-color .15s ease, box-shadow .15s ease !important;
}
.bf-fld:hover{ border-color:#b9bdc6 !important; }
.bf-fld:focus{
  border-color:var(--cf-main) !important;
  box-shadow:0 0 0 3px var(--cf-ring) !important;
  outline:none !important;
}
.bf-fld::placeholder{ color:#9aa0ab !important; opacity:1; }

/* puces radio / cases en orange */
.bf-fld[type="radio"], .bf-fld[type="checkbox"],
input[type="radio"].bf-fld, input[type="checkbox"].bf-fld{
  width:19px !important; height:19px !important;
  accent-color:var(--cf-main) !important;
  padding:0 !important; box-shadow:none !important; cursor:pointer;
}

/* ============ ÉTIQUETTES DE CHAMP ============ */
.bf-lbl{
  color:var(--cf-navy) !important;
  font-weight:600 !important;
  font-size:14.5px !important;
  letter-spacing:.2px !important;
  margin-bottom:7px !important;
}

/* ============ BOUTONS ============ */
.bf-btn{
  background:var(--cf-main) !important;
  color:#fff !important;
  border:1.5px solid var(--cf-main) !important;
  border-radius:var(--cf-radius) !important;
  padding:13px 34px !important;
  font-size:15.5px !important;
  font-weight:600 !important;
  letter-spacing:.3px !important;
  cursor:pointer !important;
  box-shadow:0 3px 10px rgba(255,70,5,.30) !important;
  transition:background-color .15s ease, transform .08s ease, box-shadow .15s ease !important;
}
.bf-btn:hover{
  background:var(--cf-main-dark) !important;
  border-color:var(--cf-main-dark) !important;
  transform:translateY(-1px) !important;
  box-shadow:0 6px 16px rgba(255,70,5,.40) !important;
}
.bf-btn:active{ transform:translateY(0) !important; }

/* Bouton « Précédent »  (Custom Classes → cf-btn-secondary) */
.bf-btn.cf-btn-secondary{
  background:transparent !important;
  color:var(--cf-navy) !important;
  border:1.5px solid var(--cf-border) !important;
  box-shadow:none !important;
}
.bf-btn.cf-btn-secondary:hover{
  background:#f4f5f7 !important;
  border-color:var(--cf-navy) !important;
  transform:none !important; box-shadow:none !important;
}

/* ============================================================
   SI LES LIBELLÉS DU STEPPER NE GROSSISSENT PAS :
   1) Clic droit sur « Budget mensuel » → Inspecter
   2) Repère la dernière classe LISIBLE du texte
      (ex. bf-stp-lbl, b1-... ou similaire)
   3) Remplace TOUT le bloc « LIBELLÉS DU STEPPER » ci-dessus
      par (en mettant ta vraie classe) :

      form:has(.bf-fld) .TA_CLASSE_ICI{
        font-size:15px !important;
        font-weight:600 !important;
      }

   ...ou colle-moi la classe et je te le réécris.
   ============================================================ */