/* WhatsApp and Telegram buttons shown while the enquiry forms are off (include/chat-buttons.php). */
.cs-chat-btn{display:inline-flex;align-items:center;gap:10px;min-height:52px;padding:7px 20px 7px 8px;border:1px solid rgba(255,255,255,.34);border-radius:999px;background:#0f1a2b;color:#fff!important;font:600 15px/1 system-ui,-apple-system,"Segoe UI",sans-serif;text-decoration:none!important;box-shadow:0 10px 28px rgba(0,0,0,.4);transition:transform .15s,border-color .15s}
.cs-chat-btn img{width:36px;height:36px;border-radius:50%;display:block}
.cs-chat-btn:hover{transform:translateY(-2px);border-color:#fff;color:#fff}
.cs-chat-btn:focus-visible{outline:3px solid #8ec1ff;outline-offset:3px}
.cs-chat-btn--whatsapp{border-color:#25d366}
.cs-chat-btn--telegram{border-color:#2aabee}
/* Fixed pair at the bottom right of every page: plain round icon buttons. */
#cs-chat-dock{position:fixed;right:18px;bottom:18px;z-index:1000;display:flex;flex-direction:column;gap:12px}
#cs-chat-dock .cs-chat-btn{width:56px;height:56px;min-height:0;padding:0;border:0;background:none;box-shadow:0 8px 22px rgba(0,0,0,.45)}
#cs-chat-dock .cs-chat-btn img{width:56px;height:56px}
#cs-chat-dock .cs-chat-btn span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
/* Inside a page (contact page, blog post). */
.cs-chat-actions{display:flex;flex-wrap:wrap;gap:14px;margin:22px 0 6px}
.cs-chat-actions .cs-chat-btn{flex:1 1 200px;justify-content:center;min-height:60px;font-size:17px;box-shadow:none}
@media(max-width:600px){#cs-chat-dock{right:12px;bottom:12px;gap:10px}#cs-chat-dock .cs-chat-btn,#cs-chat-dock .cs-chat-btn img{width:50px;height:50px}}
@media(prefers-reduced-motion:reduce){.cs-chat-btn{transition:none}.cs-chat-btn:hover{transform:none}}
@media print{#cs-chat-dock{display:none}}