/* Site geneli sabit WhatsApp iletişim düğmesi. Yalnız bu bileşene özgü, yeniden
   kullanılabilir kurallar; sayfa/modül CSS'lerine karışmaz. */
.wa-float{position:fixed;right:18px;bottom:18px;z-index:80;display:inline-flex;align-items:center;gap:10px;padding:12px 20px 12px 12px;background:#25D366;color:#fff;text-decoration:none;border-radius:999px;box-shadow:0 10px 26px rgba(18,140,79,.35);font:650 14px 'Segoe UI',Arial,sans-serif;transition:transform .2s ease,box-shadow .2s ease;animation:wa-float-pulse 2.6s ease-in-out infinite}
.wa-float:hover,.wa-float:focus-visible{transform:translateY(-2px);box-shadow:0 14px 34px rgba(18,140,79,.45);color:#fff}
.wa-float:focus-visible{outline:3px solid #0d6b3d;outline-offset:3px}
.wa-float-icon{width:30px;height:30px;flex:none;display:flex}
.wa-float-icon svg{width:100%;height:100%}
.wa-float-text{white-space:nowrap}

/* Telefon ve tablette yalnız simge: uzun "Bilgi almak için bize yazın" hapı içeriğin
   üstüne biniyordu. Sayfanın en altındaki düğmeler de simgenin altında kalmasın diye
   gövdeye alt boşluk verilir. */
@media (max-width:1199px){
 .wa-float{right:14px;bottom:14px;padding:11px;background:#0F7F42}
 .wa-float-text{display:none}
 body:has(.wa-float){padding-bottom:84px}
}

@media (prefers-reduced-motion:reduce){
 .wa-float{animation:none}
}

@keyframes wa-float-pulse{
 0%,100%{box-shadow:0 10px 26px rgba(18,140,79,.35)}
 50%{box-shadow:0 10px 26px rgba(18,140,79,.6),0 0 0 8px rgba(37,211,102,.12)}
}