/* Start custom CSS for section, class: .elementor-element-76718a6 *//* ================================================= */
/* TEKLİF AL BUTONU - OPTİMİZE EDİLMİŞ VE ANİMASYONLU */
/* ================================================= */

/* 1. ANIMASYON TANIMI */
@keyframes pulse {
    0% {
        box-shadow: 0 0 0 0 rgba(0, 102, 180, 0.4);
    }
    70% {
        box-shadow: 0 0 0 15px rgba(0, 102, 180, 0);
    }
    100% {
        box-shadow: 0 0 0 0 rgba(0, 102, 180, 0);
    }
}

/* 2. BUTONUN KENDİSİ VE METİN DÜZENLEMESİ */
.head-top-links .header-social a[href="/teklif-al"] {
    /* İkonu gizleyip metni göstermek için en önemli adımlar */
    display: block !important; /* Blok yaparak butonu tek bir alana zorla */
    text-align: center;
    line-height: 1; /* Metni tek satırda tutmaya yardımcı olur */
    font-size: 0; /* İçindeki tüm eski içeriğin (ikon/metin) font boyutunu sıfırla */
    
    /* YENİ BOYUTLANDIRMA VE GÖRÜNÜM */
    padding: 12px 20px;
    min-width: 110px; /* Butonu daha geniş yaptık */
    height: auto; /* Yüksekliği içeriğe bırak */
    
    background-color: #0066b4; 
    color: #ffffff;
    text-decoration: none;
    border-radius: 6px;
    font-weight: 700;
    transition: all 0.3s ease;
    
    position: relative;
    z-index: 10;
    
    /* ANİMASYONU UYGULA */
    animation: pulse 2s infinite; 
}

/* 3. SVG İKONUNU KESİN OLARAK GİZLEME */
.head-top-links .header-social a[href="/teklif-al"] svg {
    display: none !important; /* SVG ikonunu tamamen gizle */
    width: 0 !important;
    height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* 4. "Teklif Al" METNİNİ OLUŞTURMA */
.head-top-links .header-social a[href="/teklif-al"]:before {
    content: "TEKLİF AL"; /* TÜMÜ BÜYÜK HARF yapıldı */
    font-size: 16px; /* Metin boyutunu belirle */
    font-weight: inherit; /* Butonun font-weight'ini kullan */
    line-height: 1; /* Metni tek satırda tut */
}

/* 5. HOVER EFECTİ (Animasyonu durdurur) */
.head-top-links .header-social a[href="/teklif-al"]:hover {
    background-color: #044a80;
    animation: none;
}/* End custom CSS */