/* Support components only; commerce controls are never restyled. */
.ia-whatsapp { min-width: 0; max-width: 100%; margin-block: 16px; }
.ia-whatsapp .ia-whatsapp__link {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    max-width: 100%;
    min-height: 44px;
    margin: 0;
    padding-block: 8px;
    color: var(--ia-color-black, #111111);
    font: 400 13px/1.6 var(--ia-font-body, Arial, Helvetica, sans-serif);
    text-decoration: underline;
    text-underline-offset: 4px;
}
.ia-whatsapp .ia-whatsapp__link span { min-width: 0; overflow-wrap: anywhere; }
.ia-whatsapp .ia-whatsapp__icon { flex: 0 0 24px; color: #25d366; }
.ia-whatsapp .ia-whatsapp__link:hover { text-decoration-thickness: 2px; }
.ia-whatsapp .ia-whatsapp__link:focus-visible { outline: 2px solid currentColor; outline-offset: 3px; }
.ia-whatsapp--home {
    width: min(calc(100% - 36px), 1240px);
    margin: 0 auto clamp(24px, 4vw, 40px);
    padding-block: 12px;
    border-top: 1px solid var(--ia-color-border, #e8e8e8);
    text-align: center;
}
.ia-whatsapp--contact { margin: 0 0 24px; }
.ia-whatsapp--footer { margin: 0; }
.ia-whatsapp--commerce { margin-top: 24px; }

.ia-whatsapp--floating {
    position: fixed;
    left: calc(16px + env(safe-area-inset-left, 0px));
    bottom: calc(16px + env(safe-area-inset-bottom, 0px) + var(--ia-whatsapp-lift, 0px));
    z-index: 900; /* Below the existing header/navigation and side-cart overlays. */
    width: 56px;
    height: 56px;
    margin: 0;
}
.ia-whatsapp--floating .ia-whatsapp__link {
    display: flex;
    justify-content: center;
    width: 56px;
    height: 56px;
    padding: 0;
    border-radius: 50%;
    background: #25d366;
    color: #fff;
    box-shadow: 0 3px 12px rgb(0 0 0 / 18%);
}
.ia-whatsapp--floating .ia-whatsapp__icon { width: 32px; height: 32px; flex-basis: 32px; color: #fff; }
.ia-whatsapp--floating .ia-whatsapp__link:hover { box-shadow: 0 5px 16px rgb(0 0 0 / 25%); }
.ia-whatsapp--floating .ia-whatsapp__link:focus-visible { outline-color: #111; }
.ia-whatsapp--floating[hidden] { display: none; }
body:has(.ia-header__mobile-menu.is-open) .ia-whatsapp--floating,
body.xoo-wsc-cart-active .ia-whatsapp--floating { visibility: hidden; }