/* Mobil Görünüm Düzeltmeleri */

/* Viewport ayarları index.html içinde düzeltildi (maximum-scale kaldırıldı) */

/* 1. Logo Boyutu ve Dekoratif Yerleşim */
header img {
    height: 40px !important;
    width: auto !important;
    transition: transform 0.3s ease;
}

/* 2. Navbar ve Dropdown Mobil UX */
@media (max-width: 1024px) {
    #mobile-menu {
        display: block;
        visibility: hidden;
        transform: translateX(100%);
        transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1), visibility 0.4s;
    }
    
    #mobile-menu.active {
        visibility: visible;
        transform: translateX(0);
    }

    /* Mobilde hover yerine tıklama ile açılan dropdown */
    .mobile-dropdown-container #mobile-uni-content {
        transition: all 0.3s ease;
    }
}

/* 3. Kategori Alanı Çakışma Çözümleri */
.flex.flex-wrap.justify-center.gap-4 {
    margin-bottom: 2rem !important;
}

/* 4. Genel Mobil Erişilebilirlik */
button, a {
    touch-action: manipulation;
    -webkit-tap-highlight-color: transparent;
}

/* 5. Performans ve Akıcılık */
* {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* 6. Logo Dekoratif - Kitap Ayracı Etkisi (Masaüstü) */
@media (min-width: 1025px) {
    header a[href="/"] {
        position: relative;
    }
}