/* =========================================================
   KB — Widget Profil (harmonisation avec Abonnement)
   Scope STRICT : .kbmb-widget--profile
   ========================================================= */

.kb-ux-container .kbmb-widget--profile{
  width: 100%;
}

/* Cartes / blocs internes : même rendu que l’autre widget */
.kb-ux-container .kbmb-widget--profile .kb-card,
.kb-ux-container .kbmb-widget--profile .kb-section,
.kb-ux-container .kbmb-widget--profile form{
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}

/* Typo et espacements cohérents */
.kb-ux-container .kbmb-widget--profile .kb-prof-widget{
  font-size: 16px;
}

/* Inputs : look “clean” + full width */
.kb-ux-container .kbmb-widget--profile input[type="text"],
.kb-ux-container .kbmb-widget--profile input[type="email"],
.kb-ux-container .kbmb-widget--profile input[type="password"],
.kb-ux-container .kbmb-widget--profile input[type="date"],
.kb-ux-container .kbmb-widget--profile select,
.kb-ux-container .kbmb-widget--profile textarea{
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box;
  border-radius: 12px;
  padding: 10px 12px;
}

/* Boutons : même ADN que l’abonnement (et neutraliser le thème) */
.kb-ux-container .kbmb-widget--profile .kb-btn,
.kb-ux-container .kbmb-widget--profile button,
.kb-ux-container .kbmb-widget--profile input[type="submit"]{
  border-radius: 999px !important;
  padding: 10px 16px !important;
  font-weight: 600;
}

/* Option : grille “2 colonnes” plus élégante si ton HTML la prévoit */
.kb-ux-container .kbmb-widget--profile .kb-prof-grid{
  gap: 24px;
}

/* Mobile */
@media (max-width: 1024px){
  .kb-ux-container .kbmb-widget--profile .kb-prof-grid{
    grid-template-columns: 1fr !important;
  }
}
/* ================================
   PROFIL — Skin “Abonnement-like”
   (effets visuels, spacing, cards)
   ================================ */

/* Le conteneur du widget : même “grand bloc” */
.kb-ux-container .kbmb-widget.kbmb-widget--profile{
  padding: 26px !important;
}

/* Cartes internes : même ADN (arrondis + fond + border douce) */
.kb-ux-container .kbmb-widget.kbmb-widget--profile .kb-card,
.kb-ux-container .kbmb-widget.kbmb-widget--profile .kb-section,
.kb-ux-container .kbmb-widget.kbmb-widget--profile form{
  border-radius: 26px !important;
  padding: 22px !important;
  border: 1px solid rgba(0,0,0,.06) !important;
  background: rgba(255,255,255,.70) !important;
  backdrop-filter: blur(10px);
}

/* Grille 2 colonnes : rendre plus “propre” */
.kb-ux-container .kbmb-widget.kbmb-widget--profile .kb-prof-grid{
  gap: 28px !important;
}

/* Titres : un peu plus “Abonnement” */
.kb-ux-container .kbmb-widget.kbmb-widget--profile h2,
.kb-ux-container .kbmb-widget.kbmb-widget--profile h3{
  margin-top: 0;
  margin-bottom: 12px;
}

/* Inputs : look plus premium */
.kb-ux-container .kbmb-widget.kbmb-widget--profile
.kb-form .kb-field input,
.kb-ux-container .kbmb-widget.kbmb-widget--profile
.kb-form .kb-field select,
.kb-ux-container .kbmb-widget.kbmb-widget--profile
.kb-form .kb-field textarea{
  background: rgba(255,255,255,.85) !important;
  border: 1px solid rgba(0,0,0,.12) !important;
  border-radius: 14px !important;
  padding: 10px 12px !important;
}

/* Boutons : neutraliser le thème + style cohérent */
.kb-ux-container .kbmb-widget.kbmb-widget--profile .kb-btn,
.kb-ux-container .kbmb-widget.kbmb-widget--profile button.kb-btn,
.kb-ux-container .kbmb-widget.kbmb-widget--profile button,
.kb-ux-container .kbmb-widget.kbmb-widget--profile input[type="submit"]{
  background: var(--kbmb-band-bg, #2c3e50) !important;
  color: var(--kbmb-band-gold, #D4AF37) !important;
  border: 0 !important;
  border-radius: 999px !important;
  padding: 6px 14px !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
  box-shadow: none !important;
  text-decoration: none !important;
}