{{-- WhatsApp floating button --}}
@php($wa = whatsapp_config())
@if(!empty($wa['enabled']) && !empty($wa['url']))
<style>
.wa-float {
    position: fixed;
    bottom: 28px;
    z-index: 10050;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    text-decoration: none !important;
    transition: transform .25s ease, box-shadow .25s ease;
}
.wa-float.is-right { right: 24px; bottom: 100px; }
.wa-float.is-left { left: 24px; bottom: 28px; }
.wa-float:hover { transform: translateY(-3px) scale(1.03); }
.wa-float__btn {
    width: 58px;
    height: 58px;
    border-radius: 50%;
    background: #25D366;
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 30px;
    box-shadow: 0 10px 28px rgba(37, 211, 102, 0.45);
    position: relative;
}
.wa-float__btn::after {
    content: '';
    position: absolute;
    inset: -4px;
    border-radius: 50%;
    border: 2px solid rgba(37, 211, 102, 0.45);
    animation: waPulse 2s ease-out infinite;
}
.wa-float__label {
    background: #fff;
    color: #1f1f1f;
    font-size: 13px;
    font-weight: 700;
    padding: 10px 14px;
    border-radius: 999px;
    box-shadow: 0 8px 24px rgba(0,0,0,.12);
    white-space: nowrap;
}
@keyframes waPulse {
    0% { transform: scale(0.95); opacity: .9; }
    70% { transform: scale(1.25); opacity: 0; }
    100% { transform: scale(1.25); opacity: 0; }
}
@media (max-width: 575px) {
    .wa-float__label { display: none; }
    .wa-float.is-right { right: 16px; bottom: 20px; }
    .wa-float.is-left { left: 16px; bottom: 20px; }
}
</style>
<a href="{{ $wa['url'] }}"
   class="wa-float {{ ($wa['position'] ?? 'right') === 'left' ? 'is-left' : 'is-right' }}"
   target="_blank"
   rel="noopener noreferrer"
   aria-label="{{ ui('whatsapp_label', 'WhatsApp ile yazın') }}">
    <span class="wa-float__label">{{ ui('whatsapp_label', 'WhatsApp ile yazın') }}</span>
    <span class="wa-float__btn">
        <i class="fab fa-whatsapp"></i>
    </span>
</a>
@endif