.elementor-111 .elementor-element.elementor-element-1a695f9c{--display:flex;--padding-top:50px;--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 );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}:root{--page-title-display:none;}/* Start custom CSS for text-editor, class: .elementor-element-2339abe1 *//* =========================================================
   WOOCOMMERCE - MON COMPTE (Couleurs : Vert #394422 & Orange #B85C38)
   ========================================================= */
.woocommerce-account .woocommerce {
  /* Mise à jour des variables avec tes codes couleurs */
  --primary: #394422;    /* Ton Vert */
  --secondary: #B85C38;  /* Ton Orange */
  --bg: #f7f8f4;         /* Un fond très légèrement teinté vert pour l'harmonie */
  --card: #ffffff;
  --border: #d6dbcc;     /* Bordure douce tirant sur le vert */
  --shadow: 0 10px 28px rgba(57, 68, 34, .08);

  font-family: Arial, sans-serif;
  font-size: 20px;
  font-weight: 400;
  color: var(--primary);
}

/* Conteneur global */
.woocommerce-account .woocommerce .woocommerce-MyAccount {
  display: flex;
  gap: 34px;
  align-items: flex-start;
  background: var(--bg);
  padding: 22px;
  border: 1px solid var(--border);
  border-radius: 16px;
}

/* ---------------------------------------------------------
   Colonne gauche (navigation)
   --------------------------------------------------------- */
.woocommerce-account .woocommerce-MyAccount-navigation {
  width: 280px;
  flex: 0 0 280px;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul {
  list-style: none !important;
  margin: 0;
  padding: 14px;
  background: var(--card);
  border: 1px solid var(--border);
  border-radius: 16px;
  box-shadow: var(--shadow);
}

.woocommerce-account .woocommerce-MyAccount-navigation li {
  margin: 10px 0;
}

.woocommerce-account .woocommerce-MyAccount-navigation a {
  display: block;
  padding: 12px 14px;
  border-radius: 12px;
  text-decoration: none;
  color: var(--primary);
  transition: transform .12s ease, background-color .12s ease, color .12s ease;
}

/* Survol menu gauche : passage au Orange */
.woocommerce-account .woocommerce-MyAccount-navigation a:hover {
  color: var(--secondary);
  background: rgba(184, 92, 56, .08); /* Fond orange très léger */
  transform: translateX(2px);
}

/* Élément actif : Fond Vert */
.woocommerce-account .woocommerce-MyAccount-navigation .is-active > a {
  background: var(--primary);
  color: #fff;
}

/* ---------------------------------------------------------
   Colonne droite (contenu)
   --------------------------------------------------------- */
.woocommerce-account .woocommerce-MyAccount-content {
  flex: 1;
  min-width: 0;
  background: var(--card);
  border: 1px solid var(--border);
  border-radius: 16px;
  box-shadow: var(--shadow);
  padding: 26px 28px;
  line-height: 1.55;
}

/* Titres en Vert */
.woocommerce-account .woocommerce-MyAccount-content h1,
.woocommerce-account .woocommerce-MyAccount-content h2,
.woocommerce-account .woocommerce-MyAccount-content h3 {
  color: var(--primary);
  margin: 0 0 14px 0;
  font-weight: 700;
}

/* Liens dans le texte en Orange */
.woocommerce-account .woocommerce-MyAccount-content a {
  color: var(--secondary);
  text-decoration: underline;
  text-underline-offset: 3px;
  text-decoration-thickness: 1px;
}
.woocommerce-account .woocommerce-MyAccount-content a:hover {
  color: var(--primary); /* Devient vert au survol pour changer */
}

/* ---------------------------------------------------------
   Boutons WooCommerce (Base Verte, Hover Orange)
   --------------------------------------------------------- */
.woocommerce-account .woocommerce .button,
.woocommerce-account .woocommerce button,
.woocommerce-account .woocommerce input[type="submit"],
.woocommerce-account .woocommerce input[type="button"] {
  font-family: Arial, sans-serif;
  font-size: 18px;
  font-weight: 700;
  color: #fff;
  background: var(--primary);
  border: 1px solid var(--primary);
  border-radius: 12px;
  padding: 12px 20px;
  cursor: pointer;
  transition: all .2s ease;
}

.woocommerce-account .woocommerce .button:hover,
.woocommerce-account .woocommerce button:hover,
.woocommerce-account .woocommerce input[type="submit"]:hover,
.woocommerce-account .woocommerce input[type="button"]:hover {
  background: var(--secondary);
  border-color: var(--secondary);
  transform: translateY(-1px);
}

/* ---------------------------------------------------------
   Champs / formulaires
   --------------------------------------------------------- */
.woocommerce-account .woocommerce input[type="text"],
.woocommerce-account .woocommerce input[type="email"],
.woocommerce-account .woocommerce input[type="password"],
.woocommerce-account .woocommerce input[type="tel"],
.woocommerce-account .woocommerce textarea,
.woocommerce-account .woocommerce select {
  font-size: 18px;
  color: var(--primary);
  border: 1px solid var(--border);
  border-radius: 12px;
  padding: 10px 12px;
  outline: none;
}

.woocommerce-account .woocommerce input:focus,
.woocommerce-account .woocommerce textarea:focus,
.woocommerce-account .woocommerce select:focus {
  border-color: var(--secondary); /* Focus en Orange */
  box-shadow: 0 0 0 4px rgba(184, 92, 56, .15);
}

/* Tables (Header avec léger fond vert) */
.woocommerce-account .woocommerce table.shop_table th {
  background: rgba(57, 68, 34, .05);
  color: var(--primary);
}

/* ---------------------------------------------------------
   PAGE CONTACT (Adaptation des couleurs)
   --------------------------------------------------------- */
body.page-contactez-nous {
  --primary: #394422;
  --secondary: #B85C38;
  --bg: #f7f8f4;
  --border: #d6dbcc;
}

body.page-contactez-nous .wpcf7 input:focus,
body.page-contactez-nous .wpcf7 textarea:focus {
  border-color: var(--secondary);
  box-shadow: 0 0 0 4px rgba(184, 92, 56, .15);
}

body.page-contactez-nous .wpcf7 input[type="submit"] {
  background: var(--primary);
  border-color: var(--primary);
  transition: .2s;
}

body.page-contactez-nous .wpcf7 input[type="submit"]:hover {
  background: var(--secondary);
  border-color: var(--secondary);
}/* End custom CSS */