/*
Theme Name: Maison Ellebasi child theme
Theme URI: https://elementor.com/products/hello-biz/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-biz
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: Hello Biz is a free, user-friendly Hybrid WordPress Theme that was crafted for seamless integration with the Elementor site builder and tailored specifically for business websites. Perfect for beginners, but far from limited to just them, it features a dedicated beginner-oriented “Home” screen to simplify and streamline the web-building process. Hello Biz also integrates with Elementor’s premium features, giving you access to tools like AI, and accessibility enhancements in one place. Whether launching a startup site or refining a company portfolio, Hello Biz offers a solid, responsive foundation for all web creators. Report security bugs through the Patchstack Vulnerability Disclosure Program. The Patchstack team validates, triages, and handles vulnerabilities. Report here: https://patchstack.com/database/wordpress/theme/hello-biz/vdp.
Tags: flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready,style-variations
Version: 1.2.0.1781089598
Updated: 2026-06-10 11:06:38

*/



/* ── MON COMPTE ──────────────────────── */

/* ═══════════════════════════════════════════════════
   MAISON ELLEBASI — Page Mon Compte
   ═══════════════════════════════════════════════════ */

:root {
  --eb-navy:   #00064F;
  --eb-blue:   #0056A7;
  --eb-beige:  #F4EFE9;
  --eb-white:  #FFFFFF;
  --eb-text:   #474747;
  --eb-muted:  #8592a3;
  --eb-border: #e2dcd5;
  --eb-radius: 12px;
  --eb-shadow: 0 4px 24px rgba(0,6,79,.08);
}

/* ── PAGE NON CONNECTÉE ──────────────────────────────── */
.eb-account-wrap {
  display: flex;
  align-items: stretch;
  gap: 0;
  max-width: 960px;
  margin: 48px auto 64px;
  background: var(--eb-white);
  border-radius: var(--eb-radius);
  box-shadow: var(--eb-shadow);
  overflow: hidden;
}

.eb-account-panel {
  flex: 1;
  padding: 48px 40px;
}

.eb-login-panel   { background: var(--eb-white); }
.eb-register-panel { background: var(--eb-beige); }

.eb-account-divider {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  flex-shrink: 0;
  position: relative;
  background: var(--eb-white);
}
.eb-account-divider::before {
  content: '';
  position: absolute;
  top: 0; bottom: 0;
  left: 50%;
  width: 1px;
  background: var(--eb-border);
}
.eb-account-divider span {
  position: relative;
  background: var(--eb-white);
  color: var(--eb-muted);
  font-size: 12px;
  padding: 8px 0;
  z-index: 1;
  writing-mode: vertical-rl;
  letter-spacing: .1em;
  text-transform: uppercase;
}

.eb-account-brand {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 24px;
}
.eb-account-brand__line {
  flex: 1;
  height: 1px;
  background: var(--eb-border);
}
.eb-account-brand__label {
  font-size: 11px;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: var(--eb-muted);
  margin: 0;
  white-space: nowrap;
}

.eb-account-title {
  font-size: 26px;
  font-weight: 700;
  color: var(--eb-navy);
  margin: 0 0 8px;
}
.eb-account-sub {
  color: var(--eb-muted);
  font-size: 14px;
  margin: 0 0 28px;
}

/* Formulaire */
.eb-form__group { margin-bottom: 18px; }

.eb-form__label {
  display: block;
  font-size: 13px;
  font-weight: 600;
  color: var(--eb-navy);
  margin-bottom: 6px;
  letter-spacing: .02em;
}

.eb-form__input {
  width: 100% !important;
  padding: 11px 14px !important;
  border: 1.5px solid var(--eb-border) !important;
  border-radius: 8px !important;
  font-size: 15px !important;
  color: var(--eb-text) !important;
  background: var(--eb-white) !important;
  transition: border-color .2s, box-shadow .2s !important;
  box-sizing: border-box !important;
}
.eb-form__input:focus {
  outline: none !important;
  border-color: var(--eb-blue) !important;
  box-shadow: 0 0 0 3px rgba(0,86,167,.12) !important;
}

.eb-form__row { display: flex; align-items: center; gap: 12px; margin-bottom: 20px; }
.eb-form__row--between { justify-content: space-between; }

.eb-form__check {
  display: flex;
  align-items: center;
  gap: 7px;
  font-size: 13px;
  color: var(--eb-text);
  cursor: pointer;
}
.eb-form__check input { width: 16px; height: 16px; accent-color: var(--eb-blue); }

.eb-form__lost {
  font-size: 13px;
  color: var(--eb-blue);
  text-decoration: none;
}
.eb-form__lost:hover { text-decoration: underline; }

.eb-form__hint {
  font-size: 13px;
  color: var(--eb-muted);
  background: rgba(0,86,167,.06);
  border-left: 3px solid var(--eb-blue);
  padding: 10px 12px;
  border-radius: 0 6px 6px 0;
  margin-bottom: 18px;
}

.eb-form__privacy {
  font-size: 12px;
  color: var(--eb-muted);
  line-height: 1.6;
  margin-bottom: 20px;
}
.eb-form__privacy a { color: var(--eb-blue); }

/* Boutons */
.eb-btn {
  display: inline-block;
  padding: 13px 28px;
  background: var(--eb-navy);
  color: var(--eb-white) !important;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: .04em;
  border: 2px solid var(--eb-navy);
  border-radius: 8px;
  cursor: pointer;
  text-decoration: none !important;
  transition: background .2s, color .2s, transform .15s;
  text-align: center;
}
.eb-btn:hover { background: var(--eb-blue); border-color: var(--eb-blue); transform: translateY(-1px); }
.eb-btn--full { width: 100%; box-sizing: border-box; }
.eb-btn--outline {
  background: transparent !important;
  color: var(--eb-navy) !important;
}
.eb-btn--outline:hover { background: var(--eb-navy) !important; color: var(--eb-white) !important; }


/* ── PAGE CONNECTÉE ──────────────────────────────────── */
.eb-myaccount-wrap {
  display: flex;
  gap: 32px;
  max-width: 1100px;
  margin: 48px auto 64px;
  align-items: flex-start;
}

/* Sidebar nav */
.eb-myaccount-sidebar {
  width: 260px;
  flex-shrink: 0;
}

.eb-account-nav {
  background: var(--eb-white);
  border-radius: var(--eb-radius);
  box-shadow: var(--eb-shadow);
  overflow: hidden;
}

.eb-account-nav__profile {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 20px 20px 18px;
  background: var(--eb-navy);
  color: var(--eb-white);
}
.eb-account-nav__img {
  width: 44px !important;
  height: 44px !important;
  border-radius: 50% !important;
  border: 2px solid rgba(255,255,255,.3) !important;
}
.eb-account-nav__name {
  display: block;
  font-size: 14px;
  font-weight: 700;
  color: var(--eb-white);
}
.eb-account-nav__mail {
  font-size: 11px;
  color: rgba(255,255,255,.6);
  word-break: break-all;
}

.eb-account-nav__list {
  list-style: none;
  margin: 0;
  padding: 8px 0;
}
.eb-account-nav__item { margin: 0; }

.eb-account-nav__link {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 11px 20px;
  font-size: 14px;
  color: var(--eb-text) !important;
  text-decoration: none !important;
  transition: background .15s, color .15s;
}
.eb-account-nav__link:hover { background: var(--eb-beige); color: var(--eb-navy) !important; }
.eb-account-nav__item.is-active .eb-account-nav__link {
  background: var(--eb-beige);
  color: var(--eb-navy) !important;
  font-weight: 600;
  border-left: 3px solid var(--eb-blue);
}

.eb-account-nav__icon {
  width: 18px;
  height: 18px;
  flex-shrink: 0;
  display: flex;
}
.eb-account-nav__icon svg {
  width: 100%;
  height: 100%;
  stroke: currentColor;
  fill: none;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.eb-nav-customer-logout .eb-account-nav__link {
  color: #e53e3e !important;
  margin-top: 4px;
  border-top: 1px solid var(--eb-border);
}

/* Contenu principal */
.eb-myaccount-content {
  flex: 1;
  min-width: 0;
  background: var(--eb-white);
  border-radius: var(--eb-radius);
  box-shadow: var(--eb-shadow);
  padding: 36px 40px;
}

/* ── DASHBOARD ───────────────────────────────────────── */
.eb-dashboard__welcome { margin-bottom: 32px; }
.eb-dashboard__title {
  font-size: 24px;
  font-weight: 700;
  color: var(--eb-navy);
  margin: 0 0 6px;
}
.eb-dashboard__sub { color: var(--eb-muted); font-size: 15px; margin: 0; }

.eb-dashboard__shortcuts {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
  margin-bottom: 36px;
}

.eb-shortcut {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  padding: 20px 12px;
  background: var(--eb-beige);
  border-radius: 10px;
  text-decoration: none !important;
  color: var(--eb-navy) !important;
  font-size: 13px;
  font-weight: 600;
  text-align: center;
  transition: background .2s, transform .15s, box-shadow .2s;
  border: 1.5px solid transparent;
}
.eb-shortcut:hover {
  background: var(--eb-white);
  border-color: var(--eb-blue);
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(0,86,167,.12);
}
.eb-shortcut__icon {
  width: 36px;
  height: 36px;
  background: var(--eb-white);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.eb-shortcut--shop .eb-shortcut__icon { background: var(--eb-navy); }
.eb-shortcut--shop .eb-shortcut__icon svg { stroke: var(--eb-white); }
.eb-shortcut__icon svg {
  width: 18px;
  height: 18px;
  stroke: var(--eb-navy);
  fill: none;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.eb-dashboard__section { margin-top: 8px; }
.eb-dashboard__section-title {
  font-size: 16px;
  font-weight: 700;
  color: var(--eb-navy);
  margin: 0 0 16px;
  padding-bottom: 12px;
  border-bottom: 1.5px solid var(--eb-border);
}

.eb-recent-orders { display: flex; flex-direction: column; gap: 12px; }

.eb-order-card {
  border: 1.5px solid var(--eb-border);
  border-radius: 10px;
  padding: 16px 20px;
  transition: border-color .2s, box-shadow .2s;
}
.eb-order-card:hover { border-color: var(--eb-blue); box-shadow: 0 4px 16px rgba(0,86,167,.08); }

.eb-order-card__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 8px;
}
.eb-order-card__num { font-weight: 700; color: var(--eb-navy); font-size: 14px; }
.eb-order-card__status {
  font-size: 12px;
  font-weight: 600;
  padding: 3px 10px;
  border-radius: 20px;
}
.eb-order-card__meta {
  display: flex;
  justify-content: space-between;
  font-size: 13px;
  color: var(--eb-muted);
  margin-bottom: 10px;
}
.eb-order-card__total { font-weight: 600; color: var(--eb-text); }
.eb-order-card__link { font-size: 13px; color: var(--eb-blue); text-decoration: none; font-weight: 600; }
.eb-order-card__link:hover { text-decoration: underline; }

.eb-dashboard__see-all {
  display: inline-block;
  margin-top: 16px;
  font-size: 13px;
  color: var(--eb-blue);
  text-decoration: none;
  font-weight: 600;
}
.eb-dashboard__see-all:hover { text-decoration: underline; }

.eb-dashboard__empty {
  text-align: center;
  padding: 40px;
  color: var(--eb-muted);
}
.eb-dashboard__empty svg {
  width: 48px;
  height: 48px;
  stroke: var(--eb-border);
  fill: none;
  stroke-width: 1.5;
  stroke-linecap: round;
  stroke-linejoin: round;
  margin-bottom: 12px;
}
.eb-dashboard__empty p { font-size: 15px; margin-bottom: 20px; }

/* ── RESPONSIVE ─────────────────────────────────────── */
@media (max-width: 768px) {
  .eb-account-wrap { flex-direction: column; margin: 24px 16px; }
  .eb-account-divider { width: 100%; height: 32px; writing-mode: initial; flex-direction: row; }
  .eb-account-divider::before { top: 50%; bottom: auto; left: 0; right: 0; width: 100%; height: 1px; }
  .eb-account-divider span { writing-mode: initial; padding: 0 10px; }
  .eb-account-panel { padding: 32px 24px; }

  .eb-myaccount-wrap { flex-direction: column; margin: 24px 16px; }
  .eb-myaccount-sidebar { width: 100%; }
  .eb-myaccount-content { padding: 24px 20px; }

  .eb-dashboard__shortcuts { grid-template-columns: repeat(2, 1fr); }
}


/* ── FOND BEIGE + CORRECTIFS ──────────────── */

/* ── FOND BEIGE PLEINE PAGE (Mon compte + Panier + Checkout) ── */
.woocommerce-account,
.woocommerce-account body,
.woocommerce-cart,
.woocommerce-cart body,
.woocommerce-checkout,
.woocommerce-checkout body {
  background-color: var(--eb-beige) !important;
}

.woocommerce-account .site-main,
.woocommerce-account .content-area,
.woocommerce-account main,
.woocommerce-cart .site-main,
.woocommerce-cart .content-area,
.woocommerce-cart main,
.woocommerce-checkout .site-main,
.woocommerce-checkout .content-area,
.woocommerce-checkout main {
  background-color: var(--eb-beige) !important;
}

/* S'assurer que le wrapper myaccount prend toute la largeur */
.woocommerce-account .woocommerce {
  max-width: 100%;
  padding: 0 24px;
  box-sizing: border-box;
}


/* ── ICÔNES FAVORIS ──────────────────────── */
/* ── BOUTONS FAVORIS SUR CARDS ────────────────────────── */

/* Cœur sur les cards – couleur rouge bordeaux */
.lc-card-fav {
    color: #c0392b !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.15) !important;
}
.lc-card-fav:hover {
    transform: scale(1.12) !important;
    box-shadow: 0 4px 12px rgba(192,57,43,0.25) !important;
    color: #c0392b !important;
    background: #fff !important;
}
.lc-card-fav.is-active {
    color: #c0392b !important;
    background: #fff !important;
}
.lc-card-fav.is-active svg {
    fill: #c0392b !important;
    stroke: #c0392b !important;
}

/* Bouton supprimer (croix) sur la page favoris */
.lc-card-trash {
    color: #555 !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.12) !important;
}
.lc-card-trash svg {
    stroke: #555 !important;
}
.lc-card-trash:hover {
    background: #e74c3c !important;
    color: #fff !important;
    transform: scale(1.12) !important;
}
.lc-card-trash:hover svg {
    stroke: #fff !important;
}


/* ── FILTRE TAGS : état actif = bleu (même couleur que hover) ─── */
.lc-filter-tag:hover,
.lc-filter-tag.is-active,
.lc-matiere-tag:hover,
.lc-matiere-tag.is-active {
    background: #050550 !important;
    color: #ffffff !important;
    border-color: #050550 !important;
}


/* ── TAILLES SUR FICHE PRODUIT ───────────────────────────────── */
.eb-option-label {
    font-size: 0.75rem;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #00064F;
    margin: 14px 0 8px;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 8px;
}
.eb-taille-required {
    font-weight: 400;
    color: #c0392b;
    font-size: 0.7rem;
    letter-spacing: 0;
    text-transform: none;
}
.eb-tailles-row {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-bottom: 4px;
}
.eb-taille-pill {
    font-size: 0.78rem;
    letter-spacing: 0.05em;
    padding: 6px 14px;
    border: 1.5px solid rgba(0,6,79,0.3);
    border-radius: 4px;
    background: transparent;
    color: #00064F;
    cursor: pointer;
    transition: all 0.15s;
    line-height: 1.4;
}
.eb-taille-pill:hover {
    border-color: #00064F;
    background: rgba(0,6,79,0.06);
    color: #00064F;
}
.eb-taille-pill.is-active {
    background: #00064F;
    color: #fff;
    border-color: #00064F;
}


/* ── CENTRAGE PAGE PANIER / CAISSE ── */
/* 1300px = 1140px contenu + 2×80px pour absorber alignwide du bloc WC cart */
body.woocommerce-cart .site-main,
body.woocommerce-checkout .site-main {
  max-width: 1300px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 80px !important;
  padding-right: 80px !important;
}
@media (max-width: 1200px) {
  body.woocommerce-cart .site-main,
  body.woocommerce-checkout .site-main {
    padding-left: 40px !important;
    padding-right: 40px !important;
    max-width: 100% !important;
  }
}
@media (max-width: 600px) {
  body.woocommerce-cart .site-main,
  body.woocommerce-checkout .site-main {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
}

/* ── CENTRAGE BLOC PANIER / CAISSE (grand + moyen desktop) ── */
/* Corrige le decalage gauche du aux marges -80px du bloc WooCommerce alignwide */
body.woocommerce-cart .wp-block-woocommerce-cart.alignwide,
body.woocommerce-checkout .wp-block-woocommerce-checkout.alignwide {
    margin-left: auto !important;
    margin-right: auto !important;
}

/* ═══════════════════════════════════════════════════════
   /* ═══════════════════════════════════════════════════════
   ÉTAPES DE FABRICATION — Limiter la largeur sur très grand écran
   (même comportement que la section "L'atelier en image")
   ═══════════════════════════════════════════════════════ */
@media (min-width: 1400px) {
    .eb-fab-section {
        position: relative !important;
        left: 50% !important;
        margin-left: -50vw !important;
        width: 100vw !important;
        max-width: 100vw !important;
    }
    .eb-fab-section .eb-fab-title,
    .eb-fab-section .eb-fab-viewport,
    .eb-fab-section .eb-fab-nav {
        max-width: 1400px !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
}



/* ═══════════════════════════════════════════════════════
   CATÉGORIES PHARE — Cards avec effet hover
   ═══════════════════════════════════════════════════════ */

/* 1. Supprimer soulignement + couleur rose hérités sur les liens-cards */
.elementor-6 .elementor-element.elementor-element-b93b931,
.elementor-6 .elementor-element.elementor-element-f44bebe,
.elementor-6 .elementor-element.elementor-element-73eb584 {
    text-decoration: none !important;
    color: inherit !important;
    outline: none !important;
}
.elementor-6 .elementor-element.elementor-element-b93b931:hover,
.elementor-6 .elementor-element.elementor-element-b93b931:focus,
.elementor-6 .elementor-element.elementor-element-f44bebe:hover,
.elementor-6 .elementor-element.elementor-element-f44bebe:focus,
.elementor-6 .elementor-element.elementor-element-73eb584:hover,
.elementor-6 .elementor-element.elementor-element-73eb584:focus {
    text-decoration: none !important;
    color: inherit !important;
}

/* 2. Overflow hidden pour que le zoom reste dans la card */
.elementor-6 .elementor-element.elementor-element-b93b931,
.elementor-6 .elementor-element.elementor-element-f44bebe,
.elementor-6 .elementor-element.elementor-element-73eb584 {
    overflow: hidden !important;
    border-radius: 4px !important;
    cursor: pointer !important;
    transition: box-shadow 0.4s ease !important;
}

/* 3. Ombre au hover (effet de profondeur) */
.elementor-6 .elementor-element.elementor-element-b93b931:hover,
.elementor-6 .elementor-element.elementor-element-f44bebe:hover,
.elementor-6 .elementor-element.elementor-element-73eb584:hover {
    box-shadow: 0 12px 40px rgba(0,0,0,0.35) !important;
}

/* 4. Zoom de l'image de fond au hover */
.elementor-6 .elementor-element.elementor-element-b93b931:not(.elementor-motion-effects-element-type-background),
.elementor-6 .elementor-element.elementor-element-f44bebe:not(.elementor-motion-effects-element-type-background),
.elementor-6 .elementor-element.elementor-element-73eb584:not(.elementor-motion-effects-element-type-background) {
    transition: box-shadow 0.4s ease !important;
}

.elementor-6 .elementor-element.elementor-element-b93b931:not(.elementor-motion-effects-element-type-background),
.elementor-6 .elementor-element.elementor-element-b93b931 > .elementor-motion-effects-container > .elementor-motion-effects-layer,
.elementor-6 .elementor-element.elementor-element-f44bebe:not(.elementor-motion-effects-element-type-background),
.elementor-6 .elementor-element.elementor-element-f44bebe > .elementor-motion-effects-container > .elementor-motion-effects-layer,
.elementor-6 .elementor-element.elementor-element-73eb584:not(.elementor-motion-effects-element-type-background),
.elementor-6 .elementor-element.elementor-element-73eb584 > .elementor-motion-effects-container > .elementor-motion-effects-layer {
    transition: transform 0.55s ease, filter 0.55s ease !important;
}

.elementor-6 .elementor-element.elementor-element-b93b931:hover:not(.elementor-motion-effects-element-type-background),
.elementor-6 .elementor-element.elementor-element-b93b931:hover > .elementor-motion-effects-container > .elementor-motion-effects-layer,
.elementor-6 .elementor-element.elementor-element-f44bebe:hover:not(.elementor-motion-effects-element-type-background),
.elementor-6 .elementor-element.elementor-element-f44bebe:hover > .elementor-motion-effects-container > .elementor-motion-effects-layer,
.elementor-6 .elementor-element.elementor-element-73eb584:hover:not(.elementor-motion-effects-element-type-background),
.elementor-6 .elementor-element.elementor-element-73eb584:hover > .elementor-motion-effects-container > .elementor-motion-effects-layer {
    transform: scale(1.07) !important;
}

/* 5. Overlay sombre au hover via ::before Elementor */
.elementor-6 .elementor-element.elementor-element-b93b931::before,
.elementor-6 .elementor-element.elementor-element-f44bebe::before,
.elementor-6 .elementor-element.elementor-element-73eb584::before {
    transition: opacity 0.4s ease !important;
}
.elementor-6 .elementor-element.elementor-element-b93b931:hover::before,
.elementor-6 .elementor-element.elementor-element-f44bebe:hover::before,
.elementor-6 .elementor-element.elementor-element-73eb584:hover::before {
    opacity: 1 !important;
}

/* 6. Titre : animation montée + espacement des lettres au hover */
.elementor-6 .elementor-element.elementor-element-71bea94 .elementor-heading-title,
.elementor-6 .elementor-element.elementor-element-7970b19 .elementor-heading-title,
.elementor-6 .elementor-element.elementor-element-4529251 .elementor-heading-title {
    transition: transform 0.4s ease, letter-spacing 0.4s ease !important;
    display: inline-block;
}

.elementor-6 .elementor-element.elementor-element-b93b931:hover .elementor-heading-title,
.elementor-6 .elementor-element.elementor-element-f44bebe:hover .elementor-heading-title,
.elementor-6 .elementor-element.elementor-element-73eb584:hover .elementor-heading-title {
    transform: translateY(-5px) !important;
    letter-spacing: 0.12em !important;
}

/* 7. Ligne décorative sous le titre au hover */
.elementor-6 .elementor-element.elementor-element-71bea94 .elementor-heading-title::after,
.elementor-6 .elementor-element.elementor-element-7970b19 .elementor-heading-title::after,
.elementor-6 .elementor-element.elementor-element-4529251 .elementor-heading-title::after {
    content: '';
    display: block;
    height: 2px;
    background: rgba(244, 239, 233, 0.85);
    width: 0;
    margin: 6px auto 0;
    transition: width 0.4s ease 0.05s !important;
}

.elementor-6 .elementor-element.elementor-element-b93b931:hover .elementor-heading-title::after,
.elementor-6 .elementor-element.elementor-element-f44bebe:hover .elementor-heading-title::after,
.elementor-6 .elementor-element.elementor-element-73eb584:hover .elementor-heading-title::after {
    width: 55% !important;
}

/* ── FIX MENU BURGER MOBILE - spacer sticky ──────────────────────── */
/* Le spacer Elementor (copie invisible) : on masque le contenu visuellement
   et on désactive les événements pour que seul le header fixe soit actif. */
.elementor-sticky__spacer {
    display: none !important;
}


/* ── FIX HEADER DESKTOP STICKY SUR MOBILE ──────────────────────── */
/* Le header desktop (data-id 67eba3a) est configuré sticky sur tous les
   breakpoints, ce qui fait apparaître un 2ème burger sur mobile au scroll.
   On le masque en position fixed sur mobile. */
@media (max-width: 767px) {
    .elementor-element-67eba3a.elementor-sticky--active {
        display: none !important;
    }
}


/* ── FIX DÉCALAGE CONTENU SOUS HEADER FIXE MOBILE ──────────────── */
/* Quand le header mobile passe en sticky (fixed), le masthead se vide.
   On compense uniquement à ce moment-là avec :has() pour éviter
   la double marge à l'atterrissage sur la page. */
@media (max-width: 767px) {
    body:has(.elementor-element-24a21a5.elementor-sticky--active) #page {
        padding-top: 59px;
    }
}


/* ── FIX PRIX COUPÉ SUR LES CARDS PRODUITS ──────────────────────── */
/* Le symbole € est coupé car le prix déborde du conteneur (overflow:hidden).
   On empêche le prix de se réduire et on laisse le titre s'adapter. */
.lc-card__price {
    flex-shrink: 0 !important;
    white-space: nowrap !important;
}
.lc-card__title {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
}


/* ── CAROUSEL NOS CRÉATIONS - CENTRÉ AVEC APERÇU GAUCHE/DROITE ───── */
@media (max-width: 768px) {
    /* Débordement visible hors du wrap pour voir les cartes adjacentes */
    .elb-section .elb-grid-wrap {
        overflow: visible !important;
    }
    .elb-section {
        overflow: hidden !important;
    }
    /* Padding latéral pour laisser voir ~37px des cartes voisines */
    .elb-lc-grid {
        padding-left: 37px !important;
        padding-right: 37px !important;
        scroll-padding-left: 37px !important;
        scroll-padding-right: 37px !important;
    }
    /* Largeur des cartes : viewport - 2*padding = 375 - 74 = 301px */
    .elb-lc-grid > .lc-card,
    .elementor-widget-shortcode .elb-lc-grid > .lc-card {
        flex: 0 0 301px !important;
    }
}