/* Dimane Sticky Phone — click-to-call button, mobile only */

#dimane-sticky-phone {
    display: none;
}

@media (max-width: 991px) {
    #dimane-sticky-phone {
        position: fixed;
        right: 1rem;
        bottom: 1.25rem;
        z-index: 1050;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 56px;
        height: 56px;
        border-radius: 50%;
        background: #212529;
        color: #fff;
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
        -webkit-tap-highlight-color: transparent;
    }

    #dimane-sticky-phone:hover,
    #dimane-sticky-phone:focus,
    #dimane-sticky-phone:active {
        color: #fff;
        background: #000;
        text-decoration: none;
    }

    #dimane-sticky-phone svg {
        width: 26px;
        height: 26px;
    }

    /* Pulsing ring to draw attention */
    #dimane-sticky-phone::before {
        content: "";
        position: absolute;
        inset: 0;
        border-radius: 50%;
        box-shadow: 0 0 0 0 rgba(33, 37, 41, 0.45);
        animation: dimane-phone-pulse 2.4s ease-out infinite;
    }

    @keyframes dimane-phone-pulse {
        0%   { box-shadow: 0 0 0 0 rgba(33, 37, 41, 0.45); }
        70%  { box-shadow: 0 0 0 14px rgba(33, 37, 41, 0); }
        100% { box-shadow: 0 0 0 0 rgba(33, 37, 41, 0); }
    }

    @media (prefers-reduced-motion: reduce) {
        #dimane-sticky-phone::before {
            animation: none;
        }
    }
}