/* Floating WhatsApp button: loaded on every public page and on the login / register screens */
.tk-wa-float{position:fixed;z-index:999;inset-inline-end:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));display:inline-flex;align-items:center;gap:10px;min-width:58px;height:58px;padding:0 15px;border-radius:999px;background:#1E9E57;color:#fff!important;text-decoration:none;border:2.5px solid #14301F;box-shadow:4px 4px 0 rgba(20,48,31,.22);font:700 15px/1 "IBM Plex Sans Arabic","Baloo Bhaijaan 2",system-ui,sans-serif;transition:transform .15s,background .15s}
.tk-wa-float:hover{background:#17844A;transform:translateY(-2px)}
.tk-wa-float:focus-visible{outline:3px solid var(--tk-wave,#BCD7F7);outline-offset:3px}
.tk-wa-ico{flex:none}
.tk-wa-label{white-space:nowrap}
@media (max-width:640px){.tk-wa-float{width:56px;height:56px;padding:0;justify-content:center}.tk-wa-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%)}}
@media print{.tk-wa-float{display:none}}
@media (prefers-reduced-motion:reduce){.tk-wa-float{transition:none}}
/* keep the last lines of the footer clear of the button */
body:has(.tk-wa-float) .tt-footer{padding-bottom:calc(84px + env(safe-area-inset-bottom,0px))}