.elementor-1043 .elementor-element.elementor-element-da93a26{--display:flex;}:root{--page-title-display:none;}/* Start custom CSS for shortcode, class: .elementor-element-a176719 */.mecene-profile-edit {
  --peach-50:  #fff7ef;
  --peach-100: #fee8d5;
  --peach-200: #f7d9be;
  --peach-300: #eec7a6;
  --peach-500: #cd8b6d; /* primaire texte/bouton */
  --peach-600: #b98571; /* muted */
  --ring:      2px;
  --radius:    12px;
  --pad:       12px;
  font-family: 'Poppins', system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
}

/* Carte fond douce (si tu mets le formulaire dans un conteneur) */
.mecene-profile-edit > * {
  border-radius: 16px;
}

/* Layout de base */
.mecene-profile-edit form {
  background: var(--peach-50);
  border-radius: 16px;
  padding: 18px;
}

/* Labels + stack vertical propre */
.mecene-profile-edit label {
  display: flex;
  flex-direction: column;
  gap: 6px;
  font-weight: 600;
  color: var(--peach-600);
  font-size: 0.95rem;
}

/* Inputs / selects / date */
.mecene-profile-edit input[type="text"],
.mecene-profile-edit input[type="email"],
.mecene-profile-edit input[type="password"],
.mecene-profile-edit input[type="date"],
.mecene-profile-edit select,
.mecene-profile-edit textarea {
  background: var(--peach-100);
  border: 1px solid var(--peach-200);
  color: #3b3b3b;
  border-radius: var(--radius);
  padding: var(--pad) 14px;
  outline: none;
  box-shadow: 0 1px 0 rgba(0,0,0,.02) inset;
  transition: border-color .15s ease, box-shadow .15s ease, background-color .15s ease;
  font-weight: 500;
}

/* Placeholder doux */
.mecene-profile-edit ::placeholder {
  color: #a78f80;
  opacity: .8;
}

/* Focus ring */
.mecene-profile-edit input:focus,
.mecene-profile-edit select:focus,
.mecene-profile-edit textarea:focus {
  border-color: var(--peach-300);
  box-shadow: 0 0 0 var(--ring) rgba(205,139,109,.25);
  background: #fff;
}

/* Select : même hauteur que inputs */
.mecene-profile-edit select {
  appearance: none;
  background-image:
    linear-gradient(45deg, transparent 50%, var(--peach-600) 50%),
    linear-gradient(135deg, var(--peach-600) 50%, transparent 50%);
  background-position:
    calc(100% - 18px) 55%,
    calc(100% - 12px) 55%;
  background-size: 6px 6px, 6px 6px;
  background-repeat: no-repeat;
  padding-right: 36px;
}

/* Grid spacing entre champs */
.mecene-profile-edit [style*="gap:16px"] {
  gap: 12px !important; /* plus compact comme la maquette */
}

/* Checkboxes : couleur de coche */
.mecene-profile-edit .form-row {
  display: flex;
  align-items: center;
  gap: 10px; /* espace entre le texte et la case */
}

.mecene-profile-edit .form-row label {
  margin: 0;
  flex: 1; /* le texte prend la largeur dispo */
}

.mecene-profile-edit input[type="checkbox"] {
  appearance: none;
  -webkit-appearance: none;
  width: 22px;
  height: 22px;
  border: 2px solid #c47f5a;
  border-radius: 6px;
  background-color: transparent;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
}

.mecene-profile-edit input[type="checkbox"]:hover {
  border-color: #a65f3a;
}

.mecene-profile-edit input[type="checkbox"]:checked {
  background-color: #c47f5a;
  border-color: #c47f5a;
}

.mecene-profile-edit input[type="checkbox"]:checked::after {
  content: "✔";
  position: absolute;
  color: white;
  font-size: 14px;
  font-weight: bold;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -52%);
}


/* Bouton principal "Enregistrer" */
.mecene-profile-edit button[type="submit"] {
  width: 100%;
  background: var(--peach-500) !important;
  color: #fff !important;
  border: 0;
  border-radius: 999px;
  padding: 12px 18px !important;
  font-weight: 700;
  letter-spacing: .2px;
  box-shadow: 0 6px 14px rgba(205,139,109,.18);
  transition: transform .06s ease, box-shadow .2s ease, background .2s ease;
}
.mecene-profile-edit button[type="submit"]:hover {
  transform: translateY(-1px);
  box-shadow: 0 10px 18px rgba(205,139,109,.22);
}
.mecene-profile-edit button[type="submit"]:active {
  transform: translateY(0);
  box-shadow: 0 4px 10px rgba(205,139,109,.15);
}

/* Bloc "Entreprise" / "Particulier" : même look que inputs */
.mecene-profile-edit [data-block="particulier"],
.mecene-profile-edit [data-block="entreprise"] {
  background: transparent;
  padding-top: 6px;
}

/* Avatar preview */
.mecene-profile-edit img[alt="avatar"] {
  border: 3px solid var(--peach-200);
  box-shadow: 0 1px 0 rgba(0,0,0,.02) inset;
}

/* Messages d'erreurs */
#mecene-errors {
  border: 1px solid #f1c0c0;
  background: #fff5f5;
  color: #9b4242;
  border-radius: 12px;
  padding: 12px 14px;
  margin-bottom: 14px;
  font-weight: 600;
}

/* Modale de succès – skin peach */
#mecene-modal .mecene-modal-card,
#mecene-modal > div {
  background: #fff;
  border-radius: 16px !important;
  border: 1px solid var(--peach-200);
  box-shadow: 0 12px 30px rgba(0,0,0,.12);
}
#mecene-modal #mecene-modal-text {
  color: var(--peach-500);
  font-family: 'Poppins', sans-serif;
  font-weight: 700;
}
#mecene-modal #mecene-modal-close {
  background: var(--peach-500) !important;
  border-radius: 999px !important;
}
/* --- Titre de section (ex: "Centres d’intérêt") --- */
.mecene-profile-edit label.is-title {
  /* On sort du layout "column" par défaut des labels de champ */
  display: block;
  flex-direction: initial;
  gap: 0;
  margin: 10px 0 8px;
  font-weight: 700;
  color: var(--peach-600);
  font-size: 0.95rem;
}

/* --- Lignes checkbox : en ligne + + d’espace --- */
.mecene-profile-edit label.is-check {
  flex-direction: row;      /* au lieu de column */
  align-items: center;
  gap: 12px;                /* espace plus large entre case et texte */
  margin: 8px 0;            /* espace vertical entre les lignes */
  line-height: 1.25;
}

/* La case elle-même : garde ton style + position pour le ✔ */
.mecene-profile-edit label.is-check > input[type="checkbox"] {
  position: relative;
  vertical-align: middle;
  width: 22px;
  height: 22px;
  border-width: 2px;
  border-radius: 6px;
}/* End custom CSS */