/** * Plovoucí WhatsApp tlačítko — JIRKA TOURS®. * Barvy z brand tokenů tématu (--color-whatsapp), fallback pro jistotu. */ .pq-wa-float { position: fixed; right: 20px; bottom: 20px; z-index: 9998; display: inline-flex; align-items: center; gap: 8px; padding: 10px 18px 10px 12px; border-radius: 999px; background: var(--color-whatsapp, #128C4B); color: #fff; font-family: var(--font-body, system-ui, sans-serif); font-weight: 700; font-size: 15px; line-height: 1; text-decoration: none; box-shadow: 0 6px 20px rgb(0 0 0 / .22); transition: transform .18s ease, box-shadow .18s ease; } .pq-wa-float:hover, .pq-wa-float:focus-visible { transform: translateY(-2px); box-shadow: 0 10px 26px rgb(0 0 0 / .28); color: #fff; } .pq-wa-float__icon { width: 26px; height: 26px; flex-shrink: 0; } .pq-wa-float__label { white-space: nowrap; } /* Offline stav — ztlumené, ale stále klikatelné (zpráva se doručí). */ .pq-wa-float.is-offline { background: #6b7a7d; /* neutrální šedozelená */ box-shadow: 0 6px 18px rgb(0 0 0 / .18); } .pq-wa-float.is-offline .pq-wa-float__label { font-weight: 600; font-size: 13.5px; } /* Skrytí do 25 % scrollu na mobilu — řídí float-scroll.js třídou na . */ @media (max-width: 700px) { .pq-floats-hidden .pq-wa-float { opacity: 0; visibility: hidden; pointer-events: none; transition: opacity .25s ease, visibility .25s ease; } }