/* Keep the official WhatsApp contact mark visible on every normal public page. */
body.home:not(.ec-drawer-active) .ec-floating-whatsapp{display:inline-flex!important}
@media (max-width:680px){
  body.woocommerce-cart:not(.ec-drawer-active) .ec-floating-whatsapp,
  body.woocommerce-checkout:not(.ec-drawer-active) .ec-floating-whatsapp,
  body.woocommerce-account:not(.ec-drawer-active) .ec-floating-whatsapp{display:inline-flex!important}
}

/* Phone drawers: every open panel must sit above the shared overlay. */
@media (max-width:800px){
  .ec-drawer-backdrop{z-index:10140!important;background:rgba(28,22,42,.42)!important;backdrop-filter:blur(2px)!important}
  .ec-drawer--menu[aria-hidden="false"],.ec-drawer--menu.is-open,
  .ec-drawer--account[aria-hidden="false"],.ec-drawer--account.is-open,
  .ec-drawer--cart[aria-hidden="false"],.ec-drawer--cart.is-open{z-index:10150!important}

  .ec-drawer--menu{
    display:flex!important;
    flex-direction:column!important;
    width:75vw!important;
    max-width:75vw!important;
    height:100dvh!important;
    overflow:hidden!important;
    background:#fff!important;
    border-right:1px solid #e2d9ed!important;
    box-shadow:20px 0 52px rgba(40,29,67,.28)!important;
  }
  .ec-drawer--menu .ec-drawer__head{
    flex:0 0 auto!important;
    align-items:flex-start!important;
    padding:20px 18px 17px!important;
    border-bottom:1px solid #e9e2f1!important;
    background:linear-gradient(135deg,#faf7fd 0%,#f4eef9 100%)!important;
  }
  .ec-drawer--menu .ec-drawer__head h2{font-size:21px!important;line-height:1.12!important}
  .ec-drawer--menu .ec-drawer__close{
    display:grid!important;
    place-items:center!important;
    width:36px!important;
    height:36px!important;
    flex:0 0 36px!important;
    border:1px solid #d9cbea!important;
    border-radius:50%!important;
    background:#fff!important;
  }
  .ec-mobile-menu__main{flex:0 0 auto!important;padding:3px 18px 0!important}
  .ec-mobile-menu__systems{
    flex:1 1 auto!important;
    min-height:0!important;
    overflow-y:auto!important;
    overscroll-behavior:contain!important;
    padding:13px 18px!important;
  }
  .ec-mobile-menu__systems>a{padding:12px 0!important}

  .ec-mobile-menu__language{
    position:relative!important;
    flex:0 0 auto!important;
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:8px!important;
    margin:0!important;
    padding:13px 14px calc(14px + env(safe-area-inset-bottom))!important;
    border-top:1px solid #e6ddef!important;
    background:#f8f4fc!important;
  }
  .ec-mobile-menu__language span{
    display:flex!important;
    align-items:center!important;
    gap:7px!important;
    grid-column:1/-1!important;
    margin:0!important;
    color:#6a50ae!important;
    font-size:10px!important;
    font-weight:900!important;
    letter-spacing:.12em!important;
  }
  .ec-mobile-menu__language span::before{
    content:"◎";
    display:grid;
    place-items:center;
    width:18px;
    height:18px;
    border-radius:50%;
    background:#e9ddf6;
    color:#5b438e;
    font-size:13px;
    line-height:1;
  }
  .ec-mobile-menu__language a{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-height:44px!important;
    padding:0 10px!important;
    border:1px solid #d8cae8!important;
    border-radius:11px!important;
    background:#fff!important;
    color:#4a3a72!important;
    font-size:12px!important;
    font-weight:850!important;
    box-shadow:0 2px 7px rgba(54,39,89,.05)!important;
  }
  .ec-mobile-menu__language a.is-active{
    border-color:#352757!important;
    background:#352757!important;
    color:#fff!important;
    box-shadow:0 7px 16px rgba(53,39,87,.23)!important;
  }
  .ec-mobile-menu__systems{
    display:block!important;
    align-content:start!important;
    padding:8px 18px 10px!important;
  }
  .ec-mobile-menu__systems>span{
    display:block!important;
    margin:0 0 4px!important;
    font-size:9px!important;
    letter-spacing:.11em!important;
  }
  .ec-mobile-menu__systems>a{
    min-height:0!important;
    padding:9px 0!important;
    line-height:1.14!important;
  }
  .ec-mobile-menu__systems>a small{
    margin-top:2px!important;
    font-size:10px!important;
    line-height:1.25!important;
  }
  .ec-mobile-menu__language{
    gap:6px!important;
    padding:10px 14px calc(11px + env(safe-area-inset-bottom))!important;
  }
  .ec-mobile-menu__language a{min-height:40px!important}

  .ec-mobile-menu__language a:focus-visible{outline:3px solid rgba(106,80,174,.33)!important;outline-offset:2px!important}
}

/* One sitewide, owner-supplied WhatsApp mark — left on phone, tablet and desktop. */
.ec-floating-whatsapp{
  left:16px!important;
  right:auto!important;
  bottom:24px!important;
}
/* The product social row used a second WhatsApp glyph; the global supplied mark is the only WhatsApp control. */
.etwc-product-share__links .etwc-share-icon--whatsapp{display:none!important}
/* Keep the supplied logo clean: no extra glow or a second visual ring. */
.ec-floating-whatsapp,
.ec-floating-whatsapp__icon,
.ec-floating-whatsapp__icon--user-logo{
  box-shadow:none!important;
  filter:none!important;
}
/* Compact, clean original mark: the image remains untouched, while its hit target no longer intrudes into cards. */
.ec-floating-whatsapp{
  width:42px!important;
  height:42px!important;
  min-width:42px!important;
  min-height:42px!important;
  padding:2px!important;
}
.ec-floating-whatsapp__icon--user-logo{
  width:34px!important;
  height:34px!important;
}
@media(min-width:801px){
  body.single-product .etwc-product__gallery{padding-left:32px!important}
}
@media(max-width:800px){
  /* Ordinary mobile pages use the lower-left corner; only product purchase UI needs extra clearance. */
  .ec-floating-whatsapp{
    left:16px!important;
    right:auto!important;
    bottom:calc(24px + env(safe-area-inset-bottom))!important;
  }
  body.single-product .ec-floating-whatsapp,
  body.ec-purchase-band-active .ec-floating-whatsapp{bottom:calc(76px + env(safe-area-inset-bottom))!important}
  .etwc-product-share__links .etwc-share-icon--whatsapp{display:none!important}
}