/* 
* YamanClub - Style Fix Stylesheet
* Animasyon düzeltmeleri ve sayfa optimizasyonu için stil dosyası
*/

/* Daha Fazla Bilgi Al butonu için animasyon düzeltmesi */
.btn-primary:hover {
    transform: none !important;
    transition: none !important;
}

/* Tüm butonlar için animasyon düzeltmesi */
.btn {
    transition: none !important;
}

.btn:hover {
    transform: none !important;
}

/* Mobil görünüm için footer başlık ve açıklama küçültme */
.footer-title {
    font-size: 1.5rem !important;
    margin-bottom: 10px !important;
}

.footer-text {
    font-size: 0.9rem !important;
    line-height: 1.4 !important;
    max-width: 90% !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

.social-links {
    margin-top: 15px !important;
}

/* Mobil görünüm için ek optimizasyonlar */
@media (max-width: 768px) {
    /* Hero bölümü için mobil düzenlemeler */
    .hero-section {
        padding: 80px 0 80px 0 !important; /* Dikey padding azaltıldı */
        /* scroll-margin-top: 60px !important; */ /* Kaldırıldı */
    }
    
    /* Sayfa yüklendiğinde en üste scroll olmasını sağla */
    html, body {
        scroll-behavior: auto !important; /* smooth yerine auto kullanarak otomatik kaydırmayı engelle */
        scroll-padding-top: 60px !important; /* Navbar yüksekliği kadar padding ekle */
    }
    
    /* Stats bölümünün konumunu düzenle */
    .stats-section {
        margin-top: 0 !important; /* Hero bölümü ile stats bölümü arasındaki negatif margin'i kaldır */
    }
}

/* Daha küçük mobil cihazlar için ek düzenlemeler */
@media (max-width: 576px) {
    /* Hero bölümü için daha küçük mobil düzenlemeler */
    .hero-section {
        padding: 70px 0 60px 0 !important; /* Dikey padding azaltıldı */
        /* scroll-margin-top: 50px !important; */ /* Kaldırıldı */
    }
    
    /* Sayfa yüklendiğinde en üste scroll olmasını sağla */
    html, body {
        scroll-behavior: auto !important; /* smooth yerine auto kullanarak otomatik kaydırmayı engelle */
        scroll-padding-top: 50px !important; /* Navbar yüksekliği kadar padding ekle */
    }
    
    /* Stats bölümünün konumunu düzenle */
    .stats-section {
        margin-top: 0 !important; /* Hero bölümü ile stats bölümü arasındaki negatif margin'i kaldır */
    }
    
    .footer {
        padding-top: 20px !important; /* YamanClub yazısının üstündeki boşluğu daralt */
    }
    
    .footer-title {
        font-size: 1.6rem !important; /* YamanClub yazısını büyült */
        margin-bottom: 10px !important;
        margin-top: 0 !important; /* Üst boşluğu kaldır */
        font-weight: 700 !important; /* Yazıyı kalınlaştır */
    }
    
    .footer-text {
        font-size: 0.9rem !important; /* Açıklamayı büyült */
        line-height: 1.4 !important;
        max-width: 95% !important;
        margin-bottom: 12px !important; /* Alt boşluğu azalt */
    }
    
    .social-links {
        margin-top: 12px !important;
        display: flex !important;
        justify-content: center !important;
        gap: 15px !important; /* İkonlar arası boşluğu artır */
    }
    
    .social-link {
        font-size: 1.4rem !important; /* İkonları büyült */
        margin: 0 !important; /* Margin'i kaldır, gap kullan */
        width: 40px !important; /* Genişliği artır */
        height: 40px !important; /* Yüksekliği artır */
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }
    
    .footer-bottom {
        margin-top: 15px !important; /* Alt kısım ile üst kısım arasındaki boşluğu azalt */
        padding-top: 15px !important;
    }
}

/* Masaüstü görünümü için sayfa optimizasyonu */
@media (min-width: 992px) {
    /* Ana container genişliği sınırlaması */
    .container {
        max-width: 1140px !important;
        margin: 0 auto !important;
        padding-left: 30px !important;
        padding-right: 30px !important;
    }
    
    /* Daha büyük ekranlar için container genişliği */
    @media (min-width: 1400px) {
        .container {
            max-width: 1280px !important;
        }
    }
    
    /* Bölümlerin içeriğini daraltma ve ortalama */
    .section-header {
        max-width: 800px !important;
        margin-left: auto !important;
        margin-right: auto !important;
        margin-bottom: 40px !important;
    }
    
    /* Bölüm başlıklarını küçültme */
    .section-title {
        font-size: 2rem !important;
        margin-bottom: 15px !important;
    }
    
    /* Bölüm alt başlıklarını küçültme */
    .section-subtitle {
        font-size: 1rem !important;
        line-height: 1.5 !important;
    }
    
/* Hero bölümü optimizasyonu */
.hero-section {
    padding: 80px 0 120px 0 !important; /* Dikey padding daha da azaltıldı */
    overflow: hidden !important; /* İçeriğin taşmasını ve kaydırma çubuğunu engelle */
    /* scroll-margin-top: 70px !important; */ /* Kaldırıldı */
}

/* Sayfa yüklendiğinde en üste scroll olmasını sağla */
html {
    scroll-behavior: smooth !important;
    scroll-padding-top: 70px !important; /* Navbar yüksekliği kadar padding ekle */
}

body {
    scroll-behavior: smooth !important;
}
    
    .hero-section .lead {
        max-width: 700px !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
    
    /* Telefon animasyonu düzeltmesi */
    .device-mockup {
        transform: scale(0.85) !important; /* Telefonu biraz küçült */
        margin-bottom: 40px !important; /* Telefonun alt kısmının kesilmemesi için margin'i artır */
        position: relative !important;
        z-index: 10 !important; /* Telefonun diğer elementlerin üzerinde görünmesini sağla */
    }
    
    /* Hero bölümünün altındaki bölümü yukarı çek */
    .stats-section {
        margin-top: -60px !important; /* Hero bölümü ile stats bölümü arasındaki boşluğu azalt */
        position: relative !important;
        z-index: 5 !important;
        overflow: hidden !important; /* İçeriğin taşmasını ve kaydırma çubuğunu engelle */
    }
    
    /* Stats bölümü optimizasyonu */
    .stats-section .row {
        max-width: 1000px !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
    
    /* Features bölümü optimizasyonu */
    .features-container {
        max-width: 1000px !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
    
    /* Neden biz kısmındaki kutuları 2x2 düzeninde göster */
    .feature-item {
        flex: 1 1 calc(50% - 30px) !important;
        max-width: calc(50% - 30px) !important;
    }
    
    /* Course Content bölümü optimizasyonu */
    .course-content-section .row {
        max-width: 800px !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
    
    /* Eğitim içeriği bölümünü daraltma ve ortalama */
    .course-content-section .col-lg-12 {
        max-width: 800px !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
    
    /* Eğitim içeriğindeki kutuları küçültme */
    #courseAccordion .accordion-item {
        margin-bottom: 10px !important;
    }
    
    #courseAccordion .accordion-button {
        padding: 15px !important;
        font-size: 0.95rem !important;
    }
    
    #courseAccordion .accordion-body {
        padding: 15px !important;
        font-size: 0.9rem !important;
    }
    
    .course-module-icon {
        font-size: 1.5rem !important;
        margin-right: 10px !important;
    }
    
    .module-metadata {
        margin-top: 8px !important;
        margin-bottom: 10px !important;
        gap: 8px !important;
    }
    
    .module-outcomes {
        padding: 10px !important;
        margin-top: 10px !important;
    }
    
    /* Pricing bölümü optimizasyonu */
    .pricing-section .row {
        max-width: 900px !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
    
    /* Pricing kartını genişlet */
    .pricing-card {
        max-width: 700px !important;
        margin-left: auto !important;
        margin-right: auto !important;
        padding: 30px !important;
    }

    /* Pricing bölümü dikey padding azaltma */
    .pricing-section {
        padding: 80px 0 !important;
    }
    
    /* Testimonials bölümü optimizasyonu */
    .testimonials-section .container {
        max-width: 1000px !important;
    }
    
    /* Testimonials slider düzeltmesi */
    .testimonial-slider-track {
        display: flex !important;
        transition: transform 0.5s ease !important;
        gap: 20px !important;
    }
    
    /* Testimonial slide genişliği */
    .testimonial-slide {
        min-width: 300px !important;
        flex: 0 0 300px !important;
    }

    /* Testimonials bölümü dikey padding azaltma */
    .testimonials-section {
        padding: 60px 0 !important;
    }
    
    /* FAQ bölümü optimizasyonu */
    .faq-section .container {
        max-width: 800px !important;
    }
    
    /* SSS kısmındaki kutuları küçültme */
    #faqAccordion .accordion-item {
        margin-bottom: 10px !important;
    }
    
    #faqAccordion .accordion-button {
        padding: 15px !important;
        font-size: 0.95rem !important;
    }
    
    #faqAccordion .accordion-body {
        padding: 15px !important;
        font-size: 0.9rem !important;
    }
    
    /* Support section optimizasyonu */
    .support-section {
        padding: 40px 0 !important;
    }
    
    .support-section h4 {
        font-size: 1.5rem !important;
        margin-bottom: 15px !important;
    }
    
    .support-section p {
        font-size: 1.1rem !important;
        margin-bottom: 25px !important;
    }
    
    .support-section .btn {
        font-size: 1rem !important;
        padding: 10px 25px !important;
    }
    
    /* Footer optimizasyonu */
    .footer .container {
        max-width: 900px !important;
    }
    
    /* Footer başlık ve açıklama küçültme */
    .footer-title {
        font-size: 1.5rem !important;
        margin-bottom: 10px !important;
    }
    
        /* Masaüstünde telefon etrafındaki ikonları büyütme */
        .floating-icon {
            width: 60px !important;
            height: 60px !important;
            font-size: 30px !important;
        }
        .instagram-icon svg {
            width: 30px !important;
            height: 30px !important;
        }
        .tiktok-icon i {
            font-size: 30px !important;
        }
    
        /* Masaüstünde yorum balonlarını büyütme */
        .review-bubble {
            max-width: 180px !important;
            padding: 12px 18px !important;
            transform: scale(1.1) !important; /* Biraz büyüt */
        }
    
    .footer-text {
        font-size: 0.9rem !important;
        line-height: 1.4 !important;
        max-width: 80% !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
    
    .social-links {
        margin-top: 15px !important;
    }
}

/* Mobil Cihazlarda Performans İçin Animasyonları Devre Dışı Bırakma */
@media (max-width: 767.98px) {
    /* Telefon Mockup Animasyonları */
    .device {
        animation: none !important;
    }

    /* Telefon Gölge Animasyonları */
    .device-shadow {
        animation: none !important;
    }

    /* Genel Parçacık Animasyonları (style.css & student-stats.css) */
    .particle {
        animation: none !important;
        display: none; /* Parçacıkları tamamen gizle */
    }

    /* İstatistik İkon Animasyonu */
    .student-stat-item .stat-icon,
    .stat-item .stat-icon {
        animation: none !important;
    }

    /* Diğer potansiyel performans düşmanı animasyonlar (isteğe bağlı) */
/* Metin Giriş Animasyonlarını Devre Dışı Bırakma */
    .section-title,
    .section-subtitle,
    .pricing-features .feature-list li,
    .testimonial-text,
    .testimonial-name,
    .testimonial-position,
    .fade-in, /* Genel fade-in animasyonları */
    .slide-up, /* Genel slide-up animasyonları */
    .zoom-in, /* Genel zoom-in animasyonları */
    [data-aos] /* AOS ile eklenen animasyonları da hedefle (tedbiren) */ {
        animation: none !important;
        transition: none !important;
        opacity: 1 !important; /* Görünürlüğü garantile */
        transform: none !important; /* Pozisyonu sıfırla */
    }

    /* Text reveal için JS ile eklenen inline stilleri sıfırla (tedbiren) */
    .text-reveal .char {
         opacity: 1 !important;
/* Performans için backdrop-filter'ı mobilde kaldır */
    .navbar,
    .offcanvas-menu /* Offcanvas menüde de olabilir */ {
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
    }

    /* Performans için pricing card glow animasyonunu mobilde AKTİF BIRAK */
    .pricing-card {
        /* animation: none !important; */ /* Kaldırıldı - Glow animasyonu geri gelsin */
        /* Statik, daha basit bir gölge bırakabiliriz */
        box-shadow: 0 8px 20px rgba(255, 0, 204, 0.3); /* Statik gölge kalsın */
        border-color: rgba(255, 0, 204, 0.7);
    }

    /* Hakkımda kartı için de animasyonu kaldıralım (varsa) */
    .about-card {
         animation: none !important;
         box-shadow: 0 8px 20px rgba(255, 0, 204, 0.3);
         border-color: rgba(255, 0, 204, 0.7);
    }
         transform: none !important;
         transition: none !important;
    }
    .review-bubble {
         animation: none !important;
         display: none; /* İnceleme balonlarını da gizleyebiliriz */
    }
    .floating-icon {
         animation: none !important;
         display: none; /* Süzülen ikonları da gizleyebiliriz */
    }
/* Gradyan Animasyonlarını Mobilde Devre Dışı Bırak */
    .feature-card,
    .testimonial-card,
    .brand-top,
    .offcanvas-menu-title,
    .preloader-logo /* Preloader logosu da kullanıyor olabilir */ {
        animation: none !important;
        /* Statik bir arka plan bırakabiliriz, örneğin başlangıç gradyanı */
        background-size: auto !important; /* Animasyon için kullanılan boyutu sıfırla */
        background-position: initial !important; /* Animasyon için kullanılan pozisyonu sıfırla */
    }

    /* Diğer Sürekli Küçük Animasyonları Mobilde Devre Dışı Bırak */
    .student-stat-item .stat-icon, /* iconPulse */
    .stat-item .stat-icon, /* iconPulse */
    .pricing-badge, /* pulse */
    .pricing-discount, /* pulse */
    .subtitle-badge .badge, /* badgePulse */
    .subtitle-badge .custom-badge, /* badgePulse */
    .subtitle-badge .neon-text, /* neonPulse */
    .subtitle-badge .custom-badge-glow, /* glowPulse */
    .device-mockup, /* neonPulse */
    .protected-link.disabled .lock-icon /* lockPulse */ {
        animation: none !important;
    }

    /* Statik ikon/badge görünümlerini ayarla (animasyon kaldırılınca bozulmasın) */
    .student-stat-item .stat-icon,
    .stat-item .stat-icon {
        transform: scale(1) !important;
        filter: drop-shadow(0 0 5px rgba(255, 0, 204, 0.7)) !important;
    }
    .pricing-badge,
    .pricing-discount,
    .subtitle-badge .badge,
    .subtitle-badge .custom-badge {
         transform: scale(1) !important;
         box-shadow: 0 0 15px rgba(255, 0, 204, 0.5) !important;
    }
     .subtitle-badge .neon-text {
         text-shadow: 0 0 10px rgba(255, 0, 204, 1), 0 0 20px rgba(255, 0, 204, 0.9), 0 0 30px rgba(255, 0, 204, 0.7), 0 0 40px rgba(255, 0, 204, 0.5) !important;
     }
    .subtitle-badge .custom-badge-glow {
         box-shadow: 0 0 20px rgba(255, 0, 204, 0.6) !important;
         background-color: rgba(255, 0, 204, 0.2) !important;
    }
    .device-mockup {
         filter: drop-shadow(0 0 15px rgba(255, 0, 204, 0.4)) !important;
    }
     .protected-link.disabled .lock-icon {
         transform: scale(1) !important;
         opacity: 0.8 !important;
         filter: drop-shadow(0 0 3px rgba(255, 0, 204, 0.5)) !important;
     }
}

/* Fiyatlandırma listesi görünürlük sorununu düzeltme */
    .pricing-features .feature-list li {
        opacity: 1 !important;
        visibility: visible !important;
        transform: none !important; /* Pozisyon sıfırlamasını koru */
        color: white !important; /* Metin rengini garantile */
    }

/* Fiyatlandırma kartı İÇİNDEKİ animasyonları kesin olarak durdur (Mobil) */
.pricing-card .pricing-discount, /* .pricing-badge yerine .pricing-discount */
.pricing-card .pricing-price .amount {
    animation: none !important;
}
/* Fiyat miktarı için gereksiz arka plan kuralları kaldırıldı */

/* Diğer kutu animasyonlarını durdur (Mobil) */
    .discount-badge,
    .roi-calculation,
    .alert-danger, /* Kontenjan uyarısı */
    .secure-payment /* SSL/Güvenli Ödeme */ {
        animation: none !important;
    }