.elementor-12 .elementor-element.elementor-element-635aaaf5{--display:flex;--margin-top:100px;--margin-bottom:100px;--margin-left:0px;--margin-right:0px;}.elementor-12 .elementor-element.elementor-element-d72e7e5{--display:flex;}/* Start custom CSS for shortcode, class: .elementor-element-0d5853c *//* ============================================================
   EGOZ — WooCommerce My Account — Cosmétique uniquement
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@700;800&family=DM+Sans:wght@400;500;600;700&display=swap');

:root {
  --egoz-gold:       #D4A017;
  --egoz-gold-light: #E8B84B;
  --egoz-gold-dark:  #B8860B;
  --egoz-beige:      #F5EFE6;
  --egoz-beige-dark: #EDE3D5;
  --egoz-black:      #1A1A1A;
  --egoz-green:      #4A6741;
  --egoz-white:      #FFFFFF;
  --egoz-border:     2px solid var(--egoz-black);
  --egoz-shadow:     4px 4px 0px var(--egoz-black);
  --egoz-radius:     16px;
  --egoz-radius-sm:  10px;
  --egoz-font-title: 'Playfair Display', Georgia, serif;
  --egoz-font-body:  'DM Sans', sans-serif;
  --egoz-transition: 0.2s ease;
}

/* ── Fond de page ── */
.woocommerce-account .site-main,
.woocommerce-account #primary,
.woocommerce-account .entry-content {
  background-color: var(--egoz-beige);
  font-family: var(--egoz-font-body);
  color: var(--egoz-black);
}

/* ── Titre ── */
.woocommerce-account h1,
.woocommerce-account .page-title {
  font-family: var(--egoz-font-title);
  font-size: clamp(2rem, 4vw, 3rem);
  font-weight: 800;
  letter-spacing: -0.02em;
}

/* ── Navigation ── */
.woocommerce-MyAccount-navigation {
      padding: 10px;
  background: var(--egoz-white);
  border: var(--egoz-border);
  border-radius: var(--egoz-radius);
  box-shadow: var(--egoz-shadow);
  overflow: hidden;
}




.woocommerce-MyAccount-navigation ul li a {
  font-family: var(--egoz-font-body);
  font-weight: 600;
  color: var(--egoz-black);
  text-decoration: none;
  transition: background var(--egoz-transition), border-color var(--egoz-transition);
  border-left: 4px solid transparent;
  
  
}

.woocommerce-MyAccount-navigation ul li a:hover {
  background: var(--egoz-beige);
  border-left-color: var(--egoz-gold);
  color: var(--egoz-black);
  
}

.woocommerce-MyAccount-navigation ul li.is-active a,
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--active a {
  background: #D4A01750;


  font-weight: 700;
  color: var(--egoz-black);
}

.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--customer-logout a {
  color: #ef4444;
}

.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--customer-logout a:hover {
  background: #fef2f2;
  border-left-color: #ef4444;
}

/* ── Contenu ── */
.woocommerce-MyAccount-content {
    padding: 25px;
    background: var(--egoz-white);
  border: var(--egoz-border);
  border-radius: var(--egoz-radius);
  box-shadow: var(--egoz-shadow);
  font-family: var(--egoz-font-body);
}

.woocommerce-MyAccount-content a {
  color: var(--egoz-gold-dark);
  font-weight: 600;
}

.woocommerce-MyAccount-content h2,
.woocommerce-MyAccount-content h3 {
  font-family: var(--egoz-font-title);
  font-weight: 800;
}

/* ── Champs de formulaire ── */
.woocommerce-account input[type="text"],
.woocommerce-account input[type="email"],
.woocommerce-account input[type="tel"],
.woocommerce-account input[type="password"],
.woocommerce-account select,
.woocommerce-account textarea {
  border: var(--egoz-border);
  border-radius: var(--egoz-radius-sm);
  background: var(--egoz-beige);
  font-family: var(--egoz-font-body);
  color: var(--egoz-black);
  transition: box-shadow var(--egoz-transition);
}

.woocommerce-account input:focus,
.woocommerce-account select:focus,
.woocommerce-account textarea:focus {
  outline: none;
  border-color: var(--egoz-gold);
  box-shadow: 0 0 0 3px rgba(212, 160, 23, 0.2);
}

/* ── Boutons ── */
.woocommerce-account .button,
.woocommerce-account button[type="submit"],
.woocommerce-account input[type="submit"] {
  background: var(--egoz-gold);
  color: var(--egoz-black);
  border: var(--egoz-border);
  border-radius: var(--egoz-radius-sm);
  font-family: var(--egoz-font-body);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  box-shadow: var(--egoz-shadow);
  transition: all var(--egoz-transition);
  cursor: pointer;
}

.woocommerce-account .button:hover,
.woocommerce-account button[type="submit"]:hover,
.woocommerce-account input[type="submit"]:hover {
  background: var(--egoz-gold-light);
  box-shadow: 6px 6px 0 var(--egoz-black);
  transform: translate(-2px, -2px);
  color: var(--egoz-black);
}

/* ── Notices ── */
.woocommerce-account .woocommerce-message {
  background: #f0fdf4;
  border: var(--egoz-border);
  border-color: var(--egoz-green);
  color: var(--egoz-green);
  border-radius: var(--egoz-radius-sm);
  font-family: var(--egoz-font-body);
  font-weight: 600;
}

.woocommerce-account .woocommerce-error {
  background: #fef2f2;
  border: var(--egoz-border);
  border-color: #ef4444;
  color: #dc2626;
  border-radius: var(--egoz-radius-sm);
  font-family: var(--egoz-font-body);
  font-weight: 600;
}

.woocommerce-account .woocommerce-info {
  background: #fffbeb;
  border: var(--egoz-border);
  border-color: var(--egoz-gold);
  color: var(--egoz-black);
  border-radius: var(--egoz-radius-sm);
  font-family: var(--egoz-font-body);
  font-weight: 600;
}

.woocommerce-account .woocommerce-message::before,
.woocommerce-account .woocommerce-error::before,
.woocommerce-account .woocommerce-info::before {
  display: none;
}

/* ── Tableau commandes ── */
.woocommerce-account table.shop_table thead th {
  background: var(--egoz-gold);
  color: var(--egoz-black);
  font-family: var(--egoz-font-body);
  font-weight: 700;
  font-size: 0.8rem;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  border: none;
}

.woocommerce-account table.shop_table tbody tr {
  border-bottom: 1px solid var(--egoz-beige-dark);
}

.woocommerce-account table.shop_table tbody tr:hover {
  background: var(--egoz-beige);
}/* End custom CSS */