/**
 * Oferti WhatsApp FAB — home v1
 * z-index: debajo de modales Oferti (9999) y tabbar (9998); encima del contenido.
 */

.oferti-wa-fab {
    position: fixed;
    right: 20px;
    bottom: 20px;
    z-index: 9990;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 60px;
    height: 60px;
    min-width: 60px;
    min-height: 60px;
    border-radius: 50%;
    background: #25d366;
    box-shadow: 0 4px 16px rgba(37, 211, 102, 0.35), 0 2px 8px rgba(17, 24, 39, 0.12);
    text-decoration: none !important;
    transition: transform 0.15s ease, box-shadow 0.15s ease, background 0.15s ease;
    -webkit-tap-highlight-color: transparent;
}

.oferti-wa-fab__icon {
    display: block;
    width: 36px;
    height: 36px;
    pointer-events: none;
}

.oferti-wa-fab:hover,
.oferti-wa-fab:focus {
    background: #20bd5a;
    transform: scale(1.04);
    box-shadow: 0 6px 20px rgba(37, 211, 102, 0.4), 0 3px 10px rgba(17, 24, 39, 0.14);
}

.oferti-wa-fab:focus-visible {
    outline: 2px solid rgba(88, 84, 236, 0.55);
    outline-offset: 3px;
}

.oferti-wa-fab:active {
    transform: scale(0.98);
}

@media (max-width: 767px) {
    body.oferti-app-tabbar-body .oferti-wa-fab {
        /* Tabbar ~66px + ~22px de aire sobre la barra */
        bottom: calc(88px + env(safe-area-inset-bottom, 0px));
    }
}
