/* Site-wide WhatsApp shortcut (Site Ayarları → WhatsApp). */
.whatsapp-float{position:fixed;right:22px;bottom:22px;z-index:35;display:inline-flex;align-items:center;gap:10px;padding:8px 18px 8px 8px;border-radius:999px;background:#15834b;color:#fff;font-size:14px;font-weight:700;box-shadow:0 10px 28px #0a245f33;transition:transform .2s,box-shadow .2s,background .2s}
.whatsapp-float:hover{background:#12703f;transform:translateY(-2px);box-shadow:0 14px 32px #0a245f40}
.whatsapp-float:focus-visible{outline:3px solid #81bd98;outline-offset:3px}
.whatsapp-float-icon{position:relative;display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#ffffff26}
.whatsapp-float-icon::after{content:"";position:absolute;inset:0;border-radius:50%;box-shadow:0 0 0 0 #ffffff80;animation:whatsapp-pulse 2.4s ease-out infinite}
.whatsapp-float .icon{width:24px;height:24px}
@keyframes whatsapp-pulse{0%{box-shadow:0 0 0 0 #ffffff70}70%,100%{box-shadow:0 0 0 12px #ffffff00}}
@media(max-width:700px){.whatsapp-float{right:16px;bottom:16px;padding:7px}.whatsapp-float-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.whatsapp-float-icon{width:46px;height:46px;background:none}.whatsapp-float .icon{width:28px;height:28px}}
@media(prefers-reduced-motion:reduce){.whatsapp-float,.whatsapp-float:hover{transition:none;transform:none}.whatsapp-float-icon::after{animation:none}}
@media print{.whatsapp-float{display:none}}
