/* ==========================================================
   Chatlink Frontend CSS
   - Stable fixed widget styling
   - No JS required
   ========================================================== */

.chatlink-widget {
    position: fixed;
    z-index: 9999;
    border-radius: 50%;
    background: #25D363;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 12px rgba(0,0,0,.30);
    transition: transform .18s ease, box-shadow .18s ease;
    text-decoration: none;
}

.chatlink-widget:hover {
    transform: scale(1.06);
    box-shadow: 0 10px 25px rgba(0,0,0,.22);
}

.chatlink-widget img {
    width: 70%;
    height: 70%;
    display: block;
    object-fit: contain;
}

/* Extra safety: if future CSS adds display toggles */
@media (max-width: 782px) {
    .chatlink-widget.chatlink-is-desktop {
        /* stays controlled by PHP; no forced hiding here */
    }
}