/* Floating Contact Buttons: above Back to Top, in the same corner. */

.noor-float-contact {
    position: fixed;
    inset-inline-end: max(16px, env(safe-area-inset-right));
    inset-block-end: calc(72px + var(--noor-mbb-space, 0px));
    z-index: 9981;
    display: flex;
    flex-direction: column;
    gap: var(--wp--preset--spacing--30);
}
.noor-float-contact__btn {
    display: flex;
    align-items: center;
    justify-content: center;
    inline-size: 52px;
    block-size: 52px;
    border-radius: 50%;
    color: var(--wp--preset--color--white);
    box-shadow: var(--wp--preset--shadow--lift);
    transition: transform 0.15s ease;
}
.noor-float-contact__btn:hover,
.noor-float-contact__btn:focus-visible { color: var(--wp--preset--color--white); transform: scale(1.06); }

/* stylelint-disable color-no-hex -- brand colours of WhatsApp and Telegram (brand colours are allowed). */
.noor-float-contact__btn.is-whatsapp { background: #25d366; }
.noor-float-contact__btn.is-telegram { background: #229ed9; }
/* stylelint-enable color-no-hex */

@media (prefers-reduced-motion: reduce) {
    .noor-float-contact__btn { transition: none; }
}