/* ── Floating actions: WhatsApp + back-to-top ── */
:root {
    --abad-fab-size: 50px;
    --abad-fab-gap: 10px;
    --abad-fab-inset: 14px;
    --abad-fab-z: 1040;
}

body.has-floating-fabs {
    padding-bottom: calc(var(--abad-fab-size) + var(--abad-fab-inset) + 12px + env(safe-area-inset-bottom, 0px));
}

body.has-floating-fabs.has-scroll-top-fab.has-whatsapp-fab {
    padding-bottom: calc((var(--abad-fab-size) * 2) + var(--abad-fab-gap) + var(--abad-fab-inset) + 12px + env(safe-area-inset-bottom, 0px));
}

body.whatsapp-fab-left.has-whatsapp-fab:not(.has-scroll-top-fab) {
    padding-bottom: calc(var(--abad-fab-size) + var(--abad-fab-inset) + 12px + env(safe-area-inset-bottom, 0px));
}

.scrollToTopBtn {
    width: var(--abad-fab-size) !important;
    height: var(--abad-fab-size) !important;
    line-height: var(--abad-fab-size) !important;
    right: var(--abad-fab-inset) !important;
    bottom: calc(var(--abad-fab-inset) + env(safe-area-inset-bottom, 0px)) !important;
    z-index: var(--abad-fab-z) !important;
    box-shadow: 0 4px 16px rgba(15, 23, 42, 0.18);
}

.scroll-top {
    right: var(--abad-fab-inset) !important;
    bottom: calc(var(--abad-fab-inset) + env(safe-area-inset-bottom, 0px)) !important;
    z-index: var(--abad-fab-z) !important;
}

.whatsapp-left,
.whatsapp-right {
    width: var(--abad-fab-size) !important;
    height: var(--abad-fab-size) !important;
    z-index: var(--abad-fab-z) !important;
}

.whatsapp-left .whatsapp-btn,
.whatsapp-right .whatsapp-btn {
    width: var(--abad-fab-size) !important;
    height: var(--abad-fab-size) !important;
    line-height: var(--abad-fab-size) !important;
    display: flex;
    align-items: center;
    justify-content: center;
    filter: drop-shadow(0 4px 12px rgba(15, 23, 42, 0.2));
}

.whatsapp-left .whatsapp-btn svg,
.whatsapp-right .whatsapp-btn svg {
    width: var(--abad-fab-size) !important;
    height: var(--abad-fab-size) !important;
}

/* WhatsApp left — bottom-left corner */
body.whatsapp-fab-left .whatsapp-left {
    left: var(--abad-fab-inset) !important;
    bottom: calc(var(--abad-fab-inset) + env(safe-area-inset-bottom, 0px)) !important;
}

/* WhatsApp right — stack above back-to-top when both visible */
body.whatsapp-fab-right .whatsapp-right {
    right: var(--abad-fab-inset) !important;
    bottom: calc(var(--abad-fab-inset) + env(safe-area-inset-bottom, 0px)) !important;
}

body.whatsapp-fab-right.has-scroll-top-fab .whatsapp-right {
    bottom: calc(var(--abad-fab-inset) + var(--abad-fab-size) + var(--abad-fab-gap) + env(safe-area-inset-bottom, 0px)) !important;
}

@media (min-width: 768px) {
    :root {
        --abad-fab-size: 52px;
        --abad-fab-inset: 22px;
    }

    body.has-floating-fabs,
    body.has-floating-fabs.has-scroll-top-fab.has-whatsapp-fab,
    body.whatsapp-fab-left.has-whatsapp-fab:not(.has-scroll-top-fab) {
        padding-bottom: 0;
    }

    body.whatsapp-fab-left .whatsapp-left {
        left: 22px !important;
    }
}

@media (max-width: 767px) {
    .abad-home {
        padding-bottom: 0 !important;
    }
}