/* --- Hızlı Butonlar Ana Konteyneri --- */
.hizli-butonlar-container {
    position: fixed; /* Sayfaya göre sabitler */
    bottom: 25px;    /* Alttan boşluk */
    right: 25px;     /* Sağdan boşluk */
    z-index: 1000;   /* Diğer elementlerin üzerinde kalmasını sağlar */
    display: flex;
    flex-direction: column; /* Butonları alt alta sıralar */
    gap: 15px; /* Butonlar arasına boşluk verir */
}

/* --- Genel Buton Stili --- */
.hizli-buton {
    width: 60px;
    height: 60px;
    border-radius: 50%; /* Tam yuvarlak yapar */
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    /* Başlangıç gölgesi, hover'da değişebilir */
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
    transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
    position: relative; /* Animasyon için gerekli */
}

.hizli-buton:hover {
    transform: translateY(-3px); /* Üzerine gelince hafif yukarı kalkar */
    /* Hover durumunda animasyon durur ve statik bir gölge alır */
    animation-play-state: paused;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.3);
}

/* --- Buton Renkleri ve Animasyonları --- */
.hizli-buton.telefon {
    background-color: #de7706; /* İstenen arama butonu rengi */
    /* İlgili butona kendi renginde parlama animasyonu atanıyor */
    animation: phone-glow 2s infinite ease-in-out;
}

.hizli-buton.whatsapp {
    background-color: #25D366; /* Standart WhatsApp yeşili */
    /* İlgili butona kendi renginde parlama animasyonu atanıyor */
    animation: whatsapp-glow 2s infinite ease-in-out;
}

/* --- YENİ YANIP SÖNME (PARLAMA) ANİMASYONLARI --- */

/* Telefon butonu için turuncu parlama */
@keyframes phone-glow {
    0%, 100% {
        box-shadow: 0 0 12px rgba(222, 119, 6, 0.6);
    }
    50% {
        box-shadow: 0 0 24px rgba(222, 119, 6, 1), 0 0 32px rgba(222, 119, 6, 0.8);
    }
}

/* WhatsApp butonu için yeşil parlama */
@keyframes whatsapp-glow {
    0%, 100% {
        box-shadow: 0 0 12px rgba(37, 211, 102, 0.6);
    }
    50% {
        box-shadow: 0 0 24px rgba(37, 211, 102, 1), 0 0 32px rgba(37, 211, 102, 0.7);
    }
}

/* --- İkon Boyutu --- */
.hizli-buton svg {
    width: 28px;
    height: 28px;
}