/* ============================================================
   HAUTE OPTIQUE — Menu mobile (off-canvas, widget XStore theme-etheme_mobile_menu)
   Le gap a droite + le bouton fermer "outside" existent deja nativement dans le
   theme parent (etheme-off-canvas.css) — on ajoute juste le flou sur cette bande
   et on restyle le bloc compte (differencie visiteur/connecte, voir mobile-menu.js).
   Auto-contenu (le main.css du child theme ne charge pas en front, cf HANDOFF §2).
   ============================================================ */

.elementor-widget-theme-etheme_mobile_menu .etheme-elementor-off-canvas__container{
  -webkit-backdrop-filter: blur(6px) saturate(1.1);
  backdrop-filter: blur(6px) saturate(1.1);
}

/* Catégories en casse normale ("Lunettes de vue") plutôt qu'en MAJUSCULES
   (le theme, design "separated", force text-transform:uppercase sur ces liens). */
.elementor-widget-theme-etheme_mobile_menu .etheme-elementor-nav-menu.vertical .etheme-elementor-nav-menu-item-parent .elementor-item,
.elementor-widget-theme-etheme_mobile_menu .widget .cat-item a{
  text-transform:none!important;
}

/* ---- visiteur non connecté : deux CTA empilés a la place du lien "Account" ---- */
.ho-mm-auth{
  display:flex;flex-direction:column;gap:10px;width:100%;
}
.ho-mm-btn{
  display:flex;align-items:center;justify-content:center;
  padding:13px 18px;border-radius:999px;width:100%;
  font-size:13px;font-weight:700;letter-spacing:.02em;
  text-decoration:none;border:1px solid transparent;
  box-sizing:border-box;
}
.ho-mm-btn--primary{background:#1A1A1A;color:#fff}
.ho-mm-btn--primary:hover{background:#000;color:#fff}
.ho-mm-btn--ghost{background:transparent;color:currentColor;border-color:var(--et_border-color,#e8e8e8)}

/* ---- client connecté : salutation + "Tableau de bord", au-dessus des catégories ---- */
.ho-mm-greeting{
  display:flex;align-items:center;gap:12px;
  padding-bottom:12px;
}
.ho-mm-avatar{
  width:38px;height:38px;border-radius:50%;flex:none;
  background:#E8F0EC;color:#2D6A5A;
  display:flex;align-items:center;justify-content:center;
  font-weight:700;font-size:14px;
}
.ho-mm-hello-eyebrow{margin:0 0 2px;font-size:11px;color:#6B6B6B}
.ho-mm-hello-name{margin:0;font-size:14.5px;font-weight:700;color:#1A1A1A}
.ho-mm-quicklink{
  display:flex;align-items:center;gap:11px;
  padding:0 0 16px;
  color:currentColor;text-decoration:none;
  font-size:13.5px;font-weight:600;
}
.ho-mm-qi{
  width:38px;height:38px;border-radius:50%;flex:none;
  background:#F2F2F2;color:#6B6B6B;
  display:flex;align-items:center;justify-content:center;
}
.ho-mm-qi svg{width:18px;height:18px}

/* ---- client connecté : "Se déconnecter" ajouté en fin de menu ---- */
.ho-mm-logout{
  display:flex;align-items:center;gap:10px;
  padding-top:14px;margin-top:4px;
  border-top:1px solid var(--et_border-color,#e8e8e8);
  color:#B23A34;text-decoration:none;
  font-size:14px;font-weight:600;letter-spacing:.02em;text-transform:uppercase;
}
.ho-mm-logout:hover{opacity:.75}
.ho-mm-logout svg{flex:none}

/* ---- panier : tuile grise (icône + libellé à gauche, total à droite) ----
   Markup natif du widget (pas de classe sur le wrapper direct) :
   <a class="elementor-button-link"><span>
     <span class="elementor-button-icon">...</span>
     <span class="button-text">Cart <span class="...-total-inner">0 Dhs</span></span>
   </span></a>
*/
.etheme-elementor-mobile-menu-cart .elementor-button-link{
  display:block;width:100%;
  background:#F2F2F2;border-radius:10px;
  padding:12px 14px;box-sizing:border-box;
  text-decoration:none;
}
.etheme-elementor-mobile-menu-cart .elementor-button-link > span{
  display:flex;align-items:center;width:100%;
}
.etheme-elementor-mobile-menu-cart .elementor-button-icon{
  display:flex;align-items:center;flex:none;
  font-size:15px;color:#1A1A1A;
}
.etheme-elementor-mobile-menu-cart .button-text{
  display:flex;align-items:center;justify-content:space-between;
  flex:1 1 auto;gap:8px;
  font-size:13px;font-weight:600;letter-spacing:normal;text-transform:none;
  color:#1A1A1A;
}
.etheme-elementor-mobile-menu-cart .ho-mm-cart-right{
  display:flex;align-items:baseline;gap:4px;
}
.etheme-elementor-mobile-menu-cart .ho-mm-cart-count{
  font-weight:600;
}
.etheme-elementor-mobile-menu-cart .etheme-elementor-off-canvas-total-inner{
  font-size:13.5px;font-weight:700;
  font-variant-numeric:tabular-nums;
}

/* Le theme (design "separated") ajoute une bordure basse a chaque bloc, sauf au
   dernier — "Se déconnecter" étant maintenant ajouté après le panier, celui-ci
   n'est plus le dernier bloc et hériterait d'une bordure inattendue sous la tuile. */
.etheme-elementor-mobile-menu-account.etheme-elementor-off-canvas__toggle,
.etheme-elementor-mobile-menu-cart.etheme-elementor-off-canvas__toggle{
  border-bottom:none!important;
  padding-bottom:0!important;
}