/* ============================================
   BUTTON HOVER ANIMATIONS - Opt-in Only
   Version: 2.4.0 - Ultra Strong Selectors

   SADECE "btn-animated" class'ı olan butonlarda çalışır!

   Kullanım: <button class="button btn-animated">Tıkla</button>
   ============================================ */

/* Tüm ::before ve ::after pseudo-elementlerini sıfırla */
.btn-animated::before,
.btn-animated::after {
    content: none !important;
    display: none !important;
}

/* ======================================
   TEMİZ BAŞLANGIÇ - Tüm animasyonları sıfırla
   ====================================== */
.btn-animated,
.btn-animated *,
.btn-animated .elementor-button,
.btn-animated .elementor-button-link,
.btn-animated .elementor-button-text,
.btn-animated .elementor-button-icon,
button.btn-animated,
a.btn-animated,
.elementor-widget.btn-animated .elementor-button,
.elementor-widget.btn-animated .elementor-button-link,
div.btn-animated .elementor-button,
div.btn-animated a.elementor-button {
    box-shadow: none !important;
    filter: none !important;
    scale: none !important;
}

/* ======================================
   TEMEL ANIMASYON - Transition tanımla
   ====================================== */
.btn-animated .elementor-button,
.btn-animated .elementor-button-link,
.elementor-widget.btn-animated .elementor-button,
.elementor-widget.btn-animated .elementor-button-link,
div.btn-animated .elementor-button,
div.btn-animated a.elementor-button,
button.btn-animated,
a.btn-animated,
input.btn-animated,
.button.btn-animated {
    transition: transform 0.2s ease !important;
    transform: translateY(0) !important;
    will-change: transform !important;
}

/* ======================================
   HOVER EFEKTİ - Sadece yukarı kayma
   ====================================== */
/* Elementor butonlar - En güçlü selector */
.elementor-widget.btn-animated .elementor-button:hover,
.elementor-widget.btn-animated .elementor-button-link:hover,
div.elementor-element.btn-animated .elementor-button:hover,
div.elementor-element.btn-animated a.elementor-button:hover,
div.btn-animated .elementor-button:hover,
div.btn-animated a.elementor-button:hover,
.btn-animated .elementor-button:hover,
.btn-animated .elementor-button-link:hover,
/* Direkt butonlar */
button.btn-animated:hover,
a.btn-animated:hover,
input.btn-animated:hover,
.button.btn-animated:hover,
.btn.btn-animated:hover {
    transform: translateY(-3px) !important;
    box-shadow: none !important;
    filter: none !important;
    scale: none !important;
}

/* Active (tıklama) efekti - Hafif aşağı */
button.btn-animated:active,
a.btn-animated:active,
input.btn-animated:active,
.button.btn-animated:active,
.btn.btn-animated:active,
.elementor-button.btn-animated:active,
/* Elementor widget active */
.btn-animated .elementor-button:active,
.btn-animated .elementor-button-link:active,
.btn-animated button:active,
.btn-animated .button:active,
.btn-animated a.button:active {
    transform: translateY(-1px) !important;
}

/* Disabled durum */
.btn-animated:disabled,
.btn-animated[disabled] {
    opacity: 0.6 !important;
    cursor: not-allowed !important;
    transform: none !important;
    box-shadow: none !important;
}

/* Özel animasyonlar */
@keyframes pulse-animation {
    0% { box-shadow: 0 0 0 0 rgba(252, 89, 27, 0.7); }
    70% { box-shadow: 0 0 0 15px rgba(252, 89, 27, 0); }
    100% { box-shadow: 0 0 0 0 rgba(252, 89, 27, 0); }
}

.btn-animated.btn-pulse:hover {
    animation: pulse-animation 1.5s infinite !important;
}

@keyframes glow {
    0%, 100% { box-shadow: 0 0 5px rgba(252, 89, 27, 0.5); }
    50% { box-shadow: 0 0 20px rgba(252, 89, 27, 0.8), 0 0 30px rgba(252, 89, 27, 0.6); }
}

.btn-animated.btn-glow:hover {
    animation: glow 2s ease-in-out infinite !important;
}

@keyframes bounce {
    0%, 100% { transform: translateY(-3px) scale(1); }
    50% { transform: translateY(-5px) scale(1.05); }
}

.btn-animated.btn-bounce:hover {
    animation: bounce 0.5s ease !important;
}

/* Mobile */
@media (max-width: 768px) {
    .btn-animated:hover {
        transform: translateY(-2px) scale(1.01) !important;
        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2) !important;
    }
}

/* Erişilebilirlik */
@media (prefers-reduced-motion: reduce) {
    .btn-animated,
    .btn-animated:hover,
    .btn-animated:active {
        transition: none !important;
        animation: none !important;
        transform: none !important;
    }
}