/* Floating chat button (Instagram + WhatsApp) — added to the PHP edition */
.chat-fab { position: fixed; right: 24px; bottom: calc(24px + env(safe-area-inset-bottom, 0px)); z-index: 80; display: flex; flex-direction: column; align-items: center; gap: 12px; }
.chat-fab-toggle { position: relative; width: 58px; height: 58px; border: 0; border-radius: 50%; cursor: pointer; background: var(--c-button, #27372A); color: var(--c-button-text, #EADFCD); box-shadow: var(--shadow, 0 14px 40px -18px rgba(20,30,22,.28)), 0 0 0 1px color-mix(in srgb, var(--c-accent, #C59759) 55%, transparent); display: grid; place-items: center; font-size: 1.35rem; transition: transform .35s var(--ease, ease), background .3s; }
.chat-fab-toggle:hover { transform: translateY(-2px) scale(1.04); }
.chat-fab-toggle:focus-visible, .chat-fab-link:focus-visible { outline: 3px solid var(--c-accent, #C59759); outline-offset: 3px; }
.chat-fab-toggle i { grid-area: 1 / 1; transition: opacity .25s, transform .35s var(--ease, ease); }
.chat-fab-toggle .fa-xmark { opacity: 0; transform: rotate(-90deg) scale(.6); }
.chat-fab[data-open="true"] .chat-fab-toggle .fa-comments { opacity: 0; transform: rotate(90deg) scale(.6); }
.chat-fab[data-open="true"] .chat-fab-toggle .fa-xmark { opacity: 1; transform: none; }
.chat-fab-menu { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 12px; visibility: hidden; }
.chat-fab[data-open="true"] .chat-fab-menu { visibility: visible; }
.chat-fab-menu li { opacity: 0; transform: translateY(14px) scale(.7); transition: opacity .25s, transform .35s var(--ease-out, ease); }
.chat-fab[data-open="true"] .chat-fab-menu li { opacity: 1; transform: none; }
.chat-fab[data-open="true"] .chat-fab-menu li:nth-child(2) { transition-delay: .05s; }
.chat-fab-link { position: relative; width: 50px; height: 50px; border-radius: 50%; display: grid; place-items: center; color: #fff; font-size: 1.5rem; text-decoration: none; box-shadow: var(--shadow, 0 14px 40px -18px rgba(20,30,22,.28)); transition: transform .25s var(--ease, ease); }
.chat-fab-link:hover { transform: scale(1.1); }
.chat-fab-ig { background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%); }
.chat-fab-wa { background: #25D366; }
@media (max-width: 640px) { .chat-fab { right: 16px; bottom: calc(16px + env(safe-area-inset-bottom, 0px)); } .chat-fab-toggle { width: 52px; height: 52px; } .chat-fab-link { width: 46px; height: 46px; } }
@media (prefers-reduced-motion: reduce) { .chat-fab *, .chat-fab-menu li { transition: none !important; } }
@media print { .chat-fab { display: none; } }