/* MASI Mobile — botón flotante de WhatsApp (solo móvil) */
#masi-wa { display: none; }

@media (max-width: 767px) {
  /* El ID gana a las reglas generales de enlaces del tema */
  #masi-wa,
  #masi-wa:link,
  #masi-wa:visited {
    position: fixed;
    right: 16px;
    bottom: calc(16px + env(safe-area-inset-bottom));
    z-index: 990;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    height: 48px;
    padding: 0 18px 0 14px;
    border-radius: 24px;
    background: #15803d;
    color: #fff !important;
    font-family: var(--masi-font) !important;
    font-size: var(--masi-fs-md) !important;
    font-weight: 800;
    text-decoration: none !important;
    box-shadow: 0 6px 18px rgba(0, 0, 0, .18);
  }
  #masi-wa:active { transform: scale(.97); }
  #masi-wa:focus-visible { outline: 2px solid var(--masi-ink); outline-offset: 3px; }

  /* Encima de la barra inferior y, en la ficha y el pedido rápido, también de la barra de compra */
  body.masi-has-nav #masi-wa { bottom: calc(84px + env(safe-area-inset-bottom)); }
  body.masi-has-nav#product #masi-wa { bottom: calc(166px + env(safe-area-inset-bottom)); }
  /* En la ficha, redondo y solo con el icono para no tapar la barra de compra */
  body#product #masi-wa,
  body#product #masi-wa:link,
  body#product #masi-wa:visited {
    width: 48px;
    padding: 0;
    justify-content: center;
    border-radius: 24px;
  }
  body#product #masi-wa .masi-wa__label { display: none; }
  body.masi-has-nav#module-masimobile-quickorder #masi-wa { bottom: calc(160px + env(safe-area-inset-bottom)); }

  /* Con la capa de búsqueda abierta no estorba */
  html.masi-so-open #masi-wa { display: none; }
}

@media (max-width: 767px) and (prefers-reduced-motion: reduce) {
  #masi-wa:active { transform: none; }
}