/* ============================================================
   WULING UK — WHATSAPP / LIVE CHAT PLACEHOLDER (2026-09-03)
   ============================================================
   Jon asked for a fixed bottom-right button, styled like a live chat
   widget, purely as a spatial reminder that WhatsApp/live chat needs
   setting up properly later — "this is all about planning at the
   moment." It's a dead link for now (href="#", click suppressed) —
   deliberately not wired to a real WhatsApp number or chat provider.

   To make this real later: in header.php, point the <a href="#"> at
   your real destination (e.g. https://wa.me/<number>) or swap it for
   your chat provider's embed script, remove the onclick that blocks
   the click, and delete this comment block. Everything else (position,
   sizing, icon) can stay as-is if the look still works.
   ============================================================ */

.whatsapp-fab {
    position: fixed;
    right: 24px;
    bottom: 24px;
    z-index: 500;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background: #25D366;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.22);
}

.whatsapp-fab svg {
    width: 30px;
    height: 30px;
    fill: var(--white);
}

@media (max-width: 600px) {
    .whatsapp-fab { right: 16px; bottom: 16px; width: 50px; height: 50px; }
    .whatsapp-fab svg { width: 26px; height: 26px; }
}