:root {
    --wa-bg: #181818; /* senin koyu zemin */
    --wa-accent: #f5c16c; /* senin altın */
    --wa-border: #2f2f2f;
    --wa-text: #ffffff;
    --wa-muted: #cfcfcf;
}

.wa-float {
    position: fixed;
    right: 18px;
    bottom: 18px;
    z-index: 9999;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 14px 12px 12px;
    background: rgba(24,24,24,0.92);
    border: 1px solid rgba(245,193,108,0.35);
    border-radius: 999px;
    box-shadow: 0 10px 28px rgba(0,0,0,0.35);
    text-decoration: none;
    color: var(--wa-text);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    transform: translateZ(0);
    animation: wa-bounce 2.6s ease-in-out infinite;
}

.wa-icon {
    width: 44px;
    height: 44px;
    border-radius: 999px;
    display: grid;
    place-items: center;
    background: linear-gradient(135deg, rgba(245,193,108,0.95), rgba(245,193,108,0.65));
    color: #1b1b1b;
    box-shadow: 0 10px 18px rgba(245,193,108,0.18);
    position: relative;
    overflow: hidden;
}

    /* Hafif parıltı */
    .wa-icon::after {
        content: "";
        position: absolute;
        inset: -40%;
        background: radial-gradient(circle, rgba(255,255,255,0.35) 0%, rgba(255,255,255,0) 55%);
        transform: translate(-30%, -30%);
        animation: wa-shine 3.5s ease-in-out infinite;
    }

.wa-text {
    font: 13px/1.05 system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
    letter-spacing: 0.2px;
    color: var(--wa-muted);
    user-select: none;
    white-space: nowrap;
}

    .wa-text b {
        color: var(--wa-text);
        font-weight: 700;
    }

/* Dış halka (nabız efekti) */
.wa-ring {
    position: absolute;
    right: 10px;
    bottom: 10px;
    width: 56px;
    height: 56px;
    border-radius: 999px;
    border: 2px solid rgba(245,193,108,0.45);
    box-shadow: 0 0 0 0 rgba(245,193,108,0.0);
    animation: wa-pulse 1.9s ease-out infinite;
    pointer-events: none;
}

.wa-float:hover {
    transform: translateY(-2px) scale(1.02);
    box-shadow: 0 14px 34px rgba(0,0,0,0.45);
    border-color: rgba(245,193,108,0.6);
    animation-play-state: paused;
}

    .wa-float:hover .wa-ring {
        animation-play-state: paused;
        opacity: 0;
    }

/* Mobilde sadece ikon kalsın (daha temiz) */
@media (max-width: 576px) {
    .wa-float {
        padding: 10px;
        gap: 0;
    }

    .wa-text {
        display: none;
    }

    .wa-ring {
        right: 7px;
        bottom: 7px;
        width: 58px;
        height: 58px;
    }

    .wa-icon {
        width: 48px;
        height: 48px;
    }
}

@keyframes wa-pulse {
    0% {
        transform: scale(0.75);
        opacity: 0.9;
    }

    70% {
        transform: scale(1.15);
        opacity: 0;
    }

    100% {
        transform: scale(1.15);
        opacity: 0;
    }
}

@keyframes wa-bounce {
    0%, 100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-6px);
    }
}

@keyframes wa-shine {
    0% {
        transform: translate(-35%, -35%);
        opacity: 0.35;
    }

    50% {
        transform: translate(10%, 10%);
        opacity: 0.15;
    }

    100% {
        transform: translate(-35%, -35%);
        opacity: 0.35;
    }
}