/* === GÜZEL MOBİL MENÜ & RESPONSIVE === */

@media (max-width: 1024px) {

    /* 1. Hamburger Menü Butonu (Menü açıkken üstte kalsın) */
    .mobile-menu-btn {
        display: block !important;
        position: relative;
        z-index: 2100;
        /* Çok yüksek Z-index */
        width: 40px;
        height: 40px;
        border: 1px solid #e2e8f0;
        border-radius: 8px;
        background: white;
        color: #334155;
    }

    /* 2. Menü Linkleri - Varsayılan: Gizli */
    .nav-links {
        display: none;
    }

    /* 3. Menü Açıkken - TAM EKRAN OVERLAY */
    .nav-links.active {
        display: flex !important;
        flex-direction: column;
        position: fixed;
        top: 0;
        left: 0;
        width: 100vw;
        height: 100vh;
        background: rgba(255, 255, 255, 0.98);
        padding: 100px 30px 40px;
        /* Header'dan aşağıda başla */
        z-index: 2000;
        align-items: center;
        justify-content: flex-start;
        gap: 30px;
        overflow-y: auto;

        /* Backdrop Filter (Destekleyen tarayıcılar için) */
        backdrop-filter: blur(10px);
        -webkit-backdrop-filter: blur(10px);
    }

    /* 4. Link Stilleri (Büyük & Şık) */
    .nav-links.active>a {
        font-size: 1.8rem;
        font-family: 'Cinzel', serif;
        /* Projenin premium fontu */
        font-weight: 500;
        color: #1e293b;
        text-decoration: none;
        position: relative;
        opacity: 0;
        /* Animasyon için başlangıç */
        animation: fadeInUp 0.5s ease forwards;
    }

    .nav-links.active>a:hover {
        color: #0ea5e9;
        /* Mavi hover */
    }

    /* Staggered Animation (Sırayla Gelme) */
    .nav-links.active>a:nth-child(1) {
        animation-delay: 0.1s;
    }

    .nav-links.active>a:nth-child(2) {
        animation-delay: 0.15s;
    }

    .nav-links.active>a:nth-child(3) {
        animation-delay: 0.2s;
    }

    .nav-links.active>a:nth-child(4) {
        animation-delay: 0.25s;
    }

    /* 5. Mobil Ekstralar (Dil & PDF) - Animasyonlu */
    .mobile-nav-extras {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 25px;
        margin-top: 40px;
        padding-top: 30px;
        border-top: 1px solid #e2e8f0;

        opacity: 0;
        animation: fadeInUp 0.5s ease forwards;
        animation-delay: 0.4s;
    }

    /* Dil Seçici */
    .mobile-lang-switch {
        display: flex;
        gap: 20px;
    }

    .mobile-lang-switch a {
        display: flex;
        align-items: center;
        gap: 10px;
        padding: 10px 20px;
        background: #f1f5f9;
        border-radius: 50px;
        font-size: 0.95rem;
        color: #334155;
        text-decoration: none;
        transition: 0.2s;
        border: 1px solid transparent;
    }

    .mobile-lang-switch img {
        width: 24px;
        height: 24px;
        border-radius: 50%;
        object-fit: cover;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
        display: block !important;
        /* Görünürlüğü zorla */
    }

    .mobile-lang-switch a.active {
        background: #e0f2fe;
        color: #0284c7;
        font-weight: 600;
        border: 1px solid #7dd3fc;
    }

    /* PDF Butonu */
    .btn-mobile-download {
        background: linear-gradient(135deg, #0284c7 0%, #0ea5e9 100%);
        color: white;
        padding: 15px 30px;
        border-radius: 50px;
        font-size: 1rem;
        font-weight: 500;
        text-decoration: none;
        display: flex;
        align-items: center;
        gap: 10px;
        box-shadow: 0 10px 20px rgba(14, 165, 233, 0.3);
        transition: transform 0.2s;
    }

    .btn-mobile-download:active {
        transform: scale(0.98);
    }

    @keyframes fadeInUp {
        from {
            opacity: 0;
            transform: translateY(20px);
        }

        to {
            opacity: 1;
            transform: translateY(0);
        }
    }
}

/* NAVBAR DÜZENLEMELERİ (Genel) */
@media (max-width: 768px) {
    .navbar {
        height: 70px;
        padding: 0 20px;
    }

    /* Üst bardaki ekstraları gizle */
    .nav-actions .lang-switch,
    .nav-actions .btn-download-primary {
        display: none !important;
    }
}

/* KİTAP ÇAKIŞMA SORUNU DÜZELTME */
@media (max-width: 900px) {
    .hero-visual {
        margin-top: 30px !important;
        /* Kitabı aşağı it */
        height: auto !important;
        padding-bottom: 50px;
        order: 2;
        /* Kesinlikle altta kalsın */
    }

    .hero-content {
        order: 1;
        /* Metin üstte */
        margin-bottom: 20px;
    }

    .hero-container {
        gap: 20px !important;
    }

    /* Eğer kitap çok büyükse */
    .hero-visual .book-container {
        transform: scale(0.8) rotateY(-5deg) !important;
    }
}

@media (max-width: 480px) {
    .hero-visual .book-container {
        transform: scale(0.65) rotateY(-5deg) !important;
        /* Küçük ekranda daha da küçült */
    }
}