/* ==========================================================================
   13. MOBİL UYUMLULUK & RESPONSIVE
   ========================================================================== */
.mobile-only { display: none; }
@media (max-width: 768px) {
    /* Genel Yapı */
    header { padding: 0 15px; height: 60px; }
    .header-controls { gap: 10px; }
    nav.header-center { display: none !important; }
    .mobile-only { display: block; }
    
    /* Hero Slider */
    #hero-wrapper { height: 350px; }
    #hero-title { font-size: 1.8rem; }
    #hero-desc { font-size: 0.9rem; -webkit-line-clamp: 2; }
    .hero-content { padding: 20px; }

    /* Settings Menüsü */
    .settings-layout { padding-bottom: 80px; flex-direction: column; gap: 20px; }
    .settings-layout.fade-in-up { animation: none !important; transform: none !important; }
    .settings-menu { top: 110%; right: 10px; width: 200px; }
    
    /* Settings Sidebar (Alt Menü Oluyor) */
    .settings-sidebar { position: fixed; bottom: 0; left: 0; width: 100%; background: var(--white); border-top: 1px solid var(--border); box-shadow: 0 -4px 10px rgba(0,0,0,0.05); z-index: 1000; flex-direction: row; justify-content: space-around; padding: 8px 0; height: 65px; overflow: hidden; }
    .sidebar-title { display: none; }
    .settings-nav-item { flex-direction: column !important; justify-content: center !important; align-items: center !important; text-align: center !important; line-height: 1.1 !important; height: 100% !important; padding: 5px 0 !important; font-size: 0.70rem; white-space: normal; }
    .settings-nav-item i { margin-bottom: 4px !important; margin-right: 0 !important; font-size: 1.3rem !important; display: block !important; }
    
    /* Veri Yönetimi Sayfası */
    .data-actions-grid { display: flex !important; flex-direction: column !important; gap: 15px !important; }
    .action-box { width: 100% !important; box-sizing: border-box; padding: 15px !important; }
    .action-box button { width: 100% !important; max-width: 100% !important; }

    /* Modallar */
    .modal-grid-layout { flex-direction: column; height: auto; max-height: 90vh; overflow-y: auto; }
    .modal-visual-sidebar { width: 100%; height: 150px; padding: 10px; }
    #modal-poster-preview-container { width: auto; height: 100%; aspect-ratio: 1/1; border-radius: 50%; }
    #modal-poster-preview-container span { display: none; }
    .modal-main-form { padding: 0; }
    
    /* Detay Modalı */
    .modal-body-split, .detay-body { flex-direction: column; overflow-y: auto; }
    .detay-sol { max-width: 180px; margin: 0 auto; }

    /* Modal Footer Butonları */
    .modal-footer-modern { flex-direction: column-reverse; gap: 15px; }
    .footer-left-actions { width: 100%; justify-content: space-between; }
    .footer-right-actions { width: 100%; display: flex; }
    .footer-right-actions button { flex: 1; }
    .status-btn { flex-grow: 1; justify-content: center; }


    #btn-monthly-gift { flex-shrink: 0; padding: 8px 12px; }
    .kategori-bolumu { width: 100%; max-width: 100vw; overflow: hidden; padding: 0 15px; }
    .kategori-baslik { width: 100%; }
    .empty-state, .empty-state-small { width: 100%; max-width: 100%;  margin: 10px 0; box-sizing: border-box; }
    .medya-kart { width: 100%; max-width: 100%; box-sizing: border-box; }
}
@media (max-width: 480px) { .profile-stats-grid { grid-template-columns: repeat(2, 1fr); } .showcase-grid { gap: 8px; } .badges-grid { gap: 10px; } .badge-icon { width: 50px; height: 50px; } }

/* --- MOBİL DOKUNUŞLAR (SOHBET VE KATEGORİ AYARLARI) --- */
@media (max-width: 768px) {
    #btn-monthly-gift { display: none !important; }
    /* 1. Kategori Yönetimi Kartları (Alt alta girmeyi engeller, yan yana dizer) */
    .kategori-ayar-kart { 
        display: flex !important; 
        flex-direction: row !important; 
        align-items: center !important; 
        padding: 10px !important; 
        gap: 8px !important; 
        flex-wrap: nowrap !important; 
    }
    .kategori-ayar-sol, .kategori-ayar-sag { 
        display: flex !important; 
        flex-direction: row !important; 
        align-items: center !important; 
        gap: 5px !important; 
    }
    .kategori-ayar-orta { 
        flex: 1 !important; 
        overflow: hidden !important; 
    }
    .kategori-ayar-orta span { 
        font-size: 0.9rem !important; 
        white-space: nowrap !important; 
        text-overflow: ellipsis !important; 
        display: block !important; 
    }
    .kat-sil-btn { 
        width: 34px !important; 
        height: 34px !important; 
        font-size: 0.9rem !important; 
    }

    /* 2. Sohbet Penceresi (Sola sıkışmayı engeller, tam ekran yapar) */
    .chat-container { 
        right: 0 !important; 
        bottom: 0 !important; 
        width: 100% !important; 
        padding: 0 !important; 
        margin: 0 !important; 
        z-index: 2500 !important; 
        justify-content: center !important;
    }
    .chat-window { 
        width: 100% !important; 
        height: 80vh !important;
        height: 80dvh !important; 
        border-radius: 24px 24px 0 0 !important;
        margin: 0 !important; 
        border: none !important; 
        box-shadow: 0 -10px 40px rgba(0,0,0,0.25) !important;
    }
}