.elementor-14 .elementor-element.elementor-element-14b54932{--display:flex;--margin-top:40px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:100px;--padding-bottom:50px;--padding-left:10px;--padding-right:10px;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}/* Start custom CSS for text-editor, class: .elementor-element-73360d01 *//* ── Import typo Figtree (Google Fonts) ── */
@import url('https://fonts.googleapis.com/css2?family=Figtree:wght@300;400;500;600;700&display=swap');

/* ── Variables charte ── */
:root {
  --vert: #46725E;
  --orange: #DC6D3A;
  --creme: #FFF5E7;
}

/* ── Typo globale compte ── */
.woocommerce-account {
  font-family: 'Figtree', sans-serif !important;
}

/* ── Conteneur grille — même largeur que le header ── */
.woocommerce-account .col2-set {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 32px !important;
  width: 100% !important;
  max-width: 1200px !important;
  margin: 3rem auto !important;
  padding: 0 2rem !important;
  box-sizing: border-box !important;
}

/* ── Reset floats Astra ── */
.woocommerce-account .col2-set::before,
.woocommerce-account .col2-set::after {
  display: none !important;
}

/* ── Cartes ── */
.woocommerce-account .col2-set .col-1,
.woocommerce-account .col2-set .col-2 {
  width: 100% !important;
  float: none !important;
  background: white !important;
  border: 1px solid rgba(70,114,94,0.15) !important;
  border-radius: 16px !important;
  padding: 2.5rem !important;
  box-shadow: 0 4px 24px rgba(70,114,94,0.07) !important;
  box-sizing: border-box !important;
}

/* ── Titres — New Spirit ── */
.woocommerce-account .col2-set h2 {
  font-family: 'New Spirit', 'Georgia', serif !important;
  color: var(--vert) !important;
  font-size: 24px !important;
  font-weight: 500 !important;
  margin: 0 0 1.5rem !important;
  padding-bottom: 1rem !important;
  border-bottom: 2px solid var(--creme) !important;
  letter-spacing: -0.01em !important;
}

/* ── Labels — Figtree ── */
.woocommerce-account .col2-set label {
  font-family: 'Figtree', sans-serif !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  color: var(--vert) !important;
  margin-bottom: 6px !important;
}

/* ── Champs ── */
.woocommerce-account .col2-set .woocommerce-Input--text {
  font-family: 'Figtree', sans-serif !important;
  width: 100% !important;
  border: 1.5px solid rgba(70,114,94,0.25) !important;
  border-radius: 10px !important;
  padding: 12px 16px !important;
  font-size: 14px !important;
  color: #333 !important;
  background: #FAFAF8 !important;
  transition: border-color 0.2s, box-shadow 0.2s !important;
  box-sizing: border-box !important;
  display: block !important;
}

.woocommerce-account .col2-set .woocommerce-Input--text:focus {
  border-color: var(--vert) !important;
  background: white !important;
  outline: none !important;
  box-shadow: 0 0 0 4px rgba(70,114,94,0.1) !important;
}

/* ── Conteneur mot de passe ── */
.woocommerce-account .col2-set .password-input {
  display: block !important;
  width: 100% !important;
  position: relative !important;
}

.woocommerce-account .col2-set .password-input .woocommerce-Input--text {
  width: 100% !important;
  padding-right: 48px !important;
}

/* ── Checkbox ── */
.woocommerce-account .col2-set .woocommerce-form__label-for-checkbox {
  font-family: 'Figtree', sans-serif !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  font-size: 13px !important;
  color: #555 !important;
  font-weight: 400 !important;
  cursor: pointer !important;
}

.woocommerce-account .col2-set .woocommerce-form__input-checkbox {
  width: 15px !important;
  height: 15px !important;
  accent-color: var(--vert) !important;
  margin: 0 !important;
  flex-shrink: 0 !important;
}

/* ── Boutons ── */
.woocommerce-account .col2-set .woocommerce-button.button {
  font-family: 'Figtree', sans-serif !important;
  background: var(--vert) !important;
  color: white !important;
  border: none !important;
  border-radius: 10px !important;
  padding: 13px 28px !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  cursor: pointer !important;
  transition: background 0.2s, transform 0.1s !important;
  display: inline-block !important;
  margin-top: 1rem !important;
  letter-spacing: 0.01em !important;
}

.woocommerce-account .col2-set .woocommerce-button.button:hover {
  background: var(--orange) !important;
  transform: translateY(-1px) !important;
}

/* ── Lien mot de passe perdu ── */
.woocommerce-account .col2-set .woocommerce-LostPassword a {
  font-family: 'Figtree', sans-serif !important;
  color: var(--orange) !important;
  font-size: 13px !important;
  text-decoration: none !important;
  font-weight: 500 !important;
}

.woocommerce-account .col2-set .woocommerce-LostPassword a:hover {
  text-decoration: underline !important;
}

/* ── Texte colonne inscription ── */
.woocommerce-account .col2-set .col-2 p {
  font-family: 'Figtree', sans-serif !important;
  font-size: 14px !important;
  color: #666 !important;
  line-height: 1.7 !important;
  margin-bottom: 1rem !important;
}

.woocommerce-account .col2-set .col-2 a {
  color: var(--vert) !important;
  font-weight: 500 !important;
  text-decoration: none !important;
}

.woocommerce-account .col2-set .col-2 a:hover {
  color: var(--orange) !important;
}

/* ── Navigation Mon compte ── */
.woocommerce-MyAccount-navigation ul {
  list-style: none;
  padding: 0;
  margin: 0;
  background: white;
  border-radius: 10px;
  overflow: hidden;
  border: 1px solid rgba(70,114,94,0.15);
  font-family: 'Figtree', sans-serif;
}

.woocommerce-MyAccount-navigation ul li a {
  display: block;
  padding: 14px 20px;
  color: var(--vert);
  font-weight: 500;
  font-size: 14px;
  text-decoration: none;
  border-bottom: 1px solid rgba(70,114,94,0.1);
  transition: background 0.2s, color 0.2s, padding-left 0.2s;
}

.woocommerce-MyAccount-navigation ul li a:hover {
  background: var(--creme);
  padding-left: 26px;
  color: var(--orange);
}

.woocommerce-MyAccount-navigation ul li.is-active a {
  background: var(--vert);
  color: white;
  padding-left: 26px;
}

.woocommerce-MyAccount-navigation ul li:last-child a {
  border-bottom: none;
  color: var(--orange);
}

/* ── Contenu Mon compte ── */
.woocommerce-MyAccount-content {
  background: white;
  border-radius: 10px;
  padding: 2rem 2.5rem;
  border: 1px solid rgba(70,114,94,0.12);
  font-family: 'Figtree', sans-serif;
}

.woocommerce-MyAccount-content h2,
.woocommerce-MyAccount-content h3 {
  font-family: 'New Spirit', 'Georgia', serif;
  color: var(--vert);
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 1.2rem;
  padding-bottom: 0.5rem;
  border-bottom: 2px solid var(--creme);
}

/* ── Boutons globaux compte ── */
.woocommerce-account .button,
.woocommerce-account input[type="submit"] {
  font-family: 'Figtree', sans-serif !important;
  background: var(--vert) !important;
  color: white !important;
  border: none !important;
  border-radius: 8px !important;
  padding: 11px 22px !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  cursor: pointer !important;
  transition: background 0.2s !important;
}

.woocommerce-account .button:hover,
.woocommerce-account input[type="submit"]:hover {
  background: var(--orange) !important;
}

/* ── Responsive ── */
@media (max-width: 768px) {
  .woocommerce-account .col2-set {
    grid-template-columns: 1fr !important;
    margin: 1.5rem 1rem !important;
    padding: 0 1rem !important;
  }
}

/* ── Détails du compte ── */
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-form-row label,
.woocommerce-account .woocommerce-MyAccount-content fieldset legend {
  font-family: 'Figtree', sans-serif !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  color: var(--vert) !important;
  display: block !important;
  margin-bottom: 6px !important;
}

/* ── Champs détails du compte ── */
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Input,
.woocommerce-account .woocommerce-MyAccount-content input[type="text"],
.woocommerce-account .woocommerce-MyAccount-content input[type="email"],
.woocommerce-account .woocommerce-MyAccount-content input[type="password"] {
  font-family: 'Figtree', sans-serif !important;
  width: 100% !important;
  border: 1.5px solid rgba(70,114,94,0.25) !important;
  border-radius: 10px !important;
  padding: 12px 16px !important;
  font-size: 14px !important;
  color: #333 !important;
  background: #FAFAF8 !important;
  box-sizing: border-box !important;
  transition: border-color 0.2s, box-shadow 0.2s !important;
  display: block !important;
}

.woocommerce-account .woocommerce-MyAccount-content input[type="text"]:focus,
.woocommerce-account .woocommerce-MyAccount-content input[type="email"]:focus,
.woocommerce-account .woocommerce-MyAccount-content input[type="password"]:focus {
  border-color: var(--vert) !important;
  background: white !important;
  outline: none !important;
  box-shadow: 0 0 0 4px rgba(70,114,94,0.1) !important;
}

/* ── Conteneur mot de passe ── */
.woocommerce-account .woocommerce-MyAccount-content .password-input {
  display: block !important;
  width: 100% !important;
  position: relative !important;
}

.woocommerce-account .woocommerce-MyAccount-content .password-input input {
  width: 100% !important;
  padding-right: 48px !important;
}

/* ── Grille prénom / nom côte à côte ── */
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-form-row {
  margin-bottom: 1.2rem !important;
}

/* ── Titre séparateur mot de passe ── */
.woocommerce-account .woocommerce-MyAccount-content fieldset {
  border: none !important;
  padding: 0 !important;
  margin: 2rem 0 0 !important;
}

.woocommerce-account .woocommerce-MyAccount-content fieldset legend {
  font-family: 'New Spirit', Georgia, serif !important;
  font-size: 18px !important;
  font-weight: 500 !important;
  color: var(--vert) !important;
  width: 100% !important;
  padding-bottom: 0.8rem !important;
  margin-bottom: 1.2rem !important;
  border-bottom: 2px solid var(--creme) !important;
}

/* ── Texte description sous les champs ── */
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-form-row em,
.woocommerce-account .woocommerce-MyAccount-content span.description {
  font-size: 12px !important;
  color: #888 !important;
  font-style: italic !important;
  display: block !important;
  margin-top: 4px !important;
}

/* ── Page mot de passe perdu ── */
.woocommerce-account .woocommerce-ResetPassword {
  max-width: 480px !important;
  margin: 3rem auto !important;
  background: white !important;
  border: 1px solid rgba(70,114,94,0.15) !important;
  border-radius: 16px !important;
  padding: 2.5rem !important;
  box-shadow: 0 4px 24px rgba(70,114,94,0.07) !important;
}

/* ── Titre ── */
.woocommerce-account .woocommerce-ResetPassword::before {
  content: 'Mot de passe oublié ?' !important;
  display: block !important;
  font-family: 'New Spirit', Georgia, serif !important;
  font-size: 22px !important;
  font-weight: 500 !important;
  color: var(--vert) !important;
  margin-bottom: 1rem !important;
  padding-bottom: 1rem !important;
  border-bottom: 2px solid var(--creme) !important;
}

/* ── Texte d'instruction ── */
.woocommerce-account .woocommerce-ResetPassword p:first-of-type {
  font-family: 'Figtree', sans-serif !important;
  font-size: 14px !important;
  color: #666 !important;
  line-height: 1.7 !important;
  margin-bottom: 1.5rem !important;
  background: var(--creme) !important;
  padding: 12px 14px !important;
  border-radius: 8px !important;
  border-left: 3px solid var(--vert) !important;
}

/* ── Label ── */
.woocommerce-account .woocommerce-ResetPassword label {
  font-family: 'Figtree', sans-serif !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  color: var(--vert) !important;
  display: block !important;
  margin-bottom: 6px !important;
}

/* ── Champ ── */
.woocommerce-account .woocommerce-ResetPassword input[type="text"],
.woocommerce-account .woocommerce-ResetPassword input[type="email"] {
  font-family: 'Figtree', sans-serif !important;
  width: 100% !important;
  border: 1.5px solid rgba(70,114,94,0.25) !important;
  border-radius: 10px !important;
  padding: 12px 16px !important;
  font-size: 14px !important;
  color: #333 !important;
  background: #FAFAF8 !important;
  box-sizing: border-box !important;
  transition: border-color 0.2s, box-shadow 0.2s !important;
  display: block !important;
  margin-bottom: 1.5rem !important;
}

.woocommerce-account .woocommerce-ResetPassword input[type="text"]:focus,
.woocommerce-account .woocommerce-ResetPassword input[type="email"]:focus {
  border-color: var(--vert) !important;
  background: white !important;
  outline: none !important;
  box-shadow: 0 0 0 4px rgba(70,114,94,0.1) !important;
}

/* ── Bouton ── */
.woocommerce-account .woocommerce-ResetPassword .woocommerce-Button {
  font-family: 'Figtree', sans-serif !important;
  background: var(--vert) !important;
  color: white !important;
  border: none !important;
  border-radius: 10px !important;
  padding: 13px 28px !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  cursor: pointer !important;
  transition: background 0.2s, transform 0.1s !important;
  width: 100% !important;
  text-align: center !important;
}

.woocommerce-account .woocommerce-ResetPassword .woocommerce-Button:hover {
  background: var(--orange) !important;
  transform: translateY(-1px) !important;
}

/* ── Lien retour connexion ── */
.woocommerce-account .woocommerce-ResetPassword .woocommerce-form-row + p a,
.lost_reset_password + p a {
  font-family: 'Figtree', sans-serif !important;
  color: var(--orange) !important;
  font-size: 13px !important;
  text-decoration: none !important;
  font-weight: 500 !important;
  display: block !important;
  text-align: center !important;
  margin-top: 1rem !important;
}

.woocommerce-account .woocommerce-ResetPassword .woocommerce-form-row + p a:hover {
  text-decoration: underline !important;
}/* End custom CSS */