/**
 * WhatsApp Float - Responsive Styles
 */

/* Quando sticky bar estiver ativa, mover WhatsApp para cima */
.sslp-configurator__sticky.visible ~ .sslp-whatsapp-float,
body:has(.sslp-configurator__sticky.visible) .sslp-whatsapp-float,
body:has(.sslp-comparison__cart.active) .sslp-whatsapp-float {
    bottom: 90px !important;
}

/* Mobile */
@media (max-width: 992px) {
    .sslp-whatsapp-float__text {
        display: none !important;
    }

    .sslp-whatsapp-float__button {
        padding: 14px !important;
        border-radius: 50% !important;
        width: 56px !important;
        height: 56px !important;
        min-width: 56px !important;
        justify-content: center !important;
        gap: 0 !important;
    }

    .sslp-whatsapp-float__icon {
        width: 26px !important;
        height: 26px !important;
    }

    .sslp-whatsapp-float {
        bottom: 20px !important;
        right: 20px !important;
    }

    /* Quando tiver sticky bar ativa */
    body:has(.sslp-configurator__sticky.visible) .sslp-whatsapp-float,
    body:has(.sslp-comparison__cart.active) .sslp-whatsapp-float {
        bottom: 100px !important;
    }

    .sslp-whatsapp-float__badge {
        top: -4px !important;
        right: -4px !important;
    }

    .sslp-whatsapp-float__tooltip,
    .sslp-whatsapp-float--d .sslp-whatsapp-float__info,
    .sslp-whatsapp-float--h .sslp-whatsapp-float__urgency-text,
    .sslp-whatsapp-float--c::before {
        display: none !important;
    }

    .sslp-whatsapp-float--g .sslp-whatsapp-float__social {
        display: none !important;
    }
}

/* Mobile pequeno */
@media (max-width: 480px) {
    .sslp-whatsapp-float {
        bottom: 16px !important;
        right: 16px !important;
    }

    .sslp-whatsapp-float__button {
        width: 52px !important;
        height: 52px !important;
        min-width: 52px !important;
        padding: 12px !important;
    }

    body:has(.sslp-configurator__sticky.visible) .sslp-whatsapp-float,
    body:has(.sslp-comparison__cart.active) .sslp-whatsapp-float {
        bottom: 95px !important;
    }
}

/* Safe area iPhone */
@supports (padding-bottom: env(safe-area-inset-bottom)) {
    .sslp-whatsapp-float {
        bottom: calc(20px + env(safe-area-inset-bottom)) !important;
    }
    
    body:has(.sslp-configurator__sticky.visible) .sslp-whatsapp-float,
    body:has(.sslp-comparison__cart.active) .sslp-whatsapp-float {
        bottom: calc(100px + env(safe-area-inset-bottom)) !important;
    }
}