/* Pulsante WhatsApp flottante (WhatsAppFab.jsx): solo sotto 1180px, quando l'header non mostra il menu completo. */
@layer sections {
  .whatsapp-fab {
    position: fixed;
    right: 16px;
    bottom: 16px;
    z-index: 60;
    display: grid;
    place-items: center;
    width: 60px;
    height: 60px;
    border: 3px solid var(--action-accent);
    border-radius: 50%;
    background: var(--surface-brand);
    color: var(--text-inverse);
    box-shadow: var(--shadow-fab);
    &:hover { color: var(--text-inverse); }

    @media (min-width: 1180px) { display: none; }
  }
}