/* -------------------------------------------------------
   MATBASOFT - MOBİL & TABLET UYUMLULUK DOSYASI
   -------------------------------------------------------
*/

/* --- TABLET VE MOBİL (991px ve Altı) --- */
@media (max-width: 991px) {
    
    /* 1. HEADER & MENÜ */
    .top-header { display: none; } /* Üst bilgi çubuğunu mobilde gizle */
    
    .main-header { padding: 15px 0; }
    
    .navbar-custom { 
        padding: 10px 0; 
        min-height: auto; 
        background: #fff;
    }
    
    /* Mobil Menü Kutusu */
    .navbar-collapse {
        background: #fff;
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        z-index: 9999;
        box-shadow: 0 15px 30px rgba(0,0,0,0.1);
        border-top: 1px solid #f1f1f1;
        padding: 0;
        max-height: 80vh; /* Ekran taşmasın diye */
        overflow-y: auto; /* Kaydırma çubuğu */
    }
    
    .navbar-nav { padding: 0; margin: 0; }
    
    /* Menü Linkleri */
    .nav-link { 
        padding: 15px 20px !important; 
        border-bottom: 1px solid #f9f9f9; 
        width: 100%;
        display: block;
        font-size: 0.95rem;
        color: #333;
    }
    .nav-link:hover { background-color: #f8f9fa; color: var(--primary-color); }
    
    /* Dropdown (Mega Menü) Mobilde Normal Listeye Dönüşür */
    .dropdown-menu.mega-menu {
        position: static;
        width: 100%;
        box-shadow: none;
        border: none;
        background: #fcfcfc;
        padding: 0;
        margin: 0;
        display: none; /* JS ile açılacak */
    }
    
    .dropdown-menu.mega-menu.show {
        display: block;
    }
    
    .mega-menu .container, 
    .mega-menu .row, 
    .mega-menu .col-lg-9 {
        padding: 0;
        margin: 0;
        width: 100%;
    }
    
    .mega-menu .col-lg-3 { display: none; } /* Mobilde sol görseli gizle */
    
    .mega-menu-list {
        padding: 10px 20px;
        border-bottom: 1px solid #eee;
    }
    
    .mega-menu-list a {
        padding: 8px 0;
        font-size: 0.9rem;
        color: #666;
        display: block;
        text-decoration: none;
    }
    .mega-menu-list a:hover { color: var(--primary-color); padding-left: 5px; }

    /* 2. GENEL DÜZEN */
    .container { padding-left: 15px; padding-right: 15px; }
    
    /* Ürün Detay Sayfası */
    .product-gallery-card { margin-bottom: 30px; padding: 10px; }
    .product-info-wrapper { margin-bottom: 30px; }
    
    /* Sticky (Yapışkan) Alanları İptal Et */
    .sticky-summary, .sticky-top { 
        position: static !important; 
        margin-top: 30px; 
    }
    
    .summary-total { font-size: 1.1rem; }
    
    /* Sepet & Ödeme */
    .cart-summary { margin-top: 30px; }
    
    /* Slider */
    .hero-slider .carousel-item { height: 350px; }
    .hero-caption h1 { font-size: 2rem; }
    .hero-caption p { font-size: 1rem; display: none; } /* Mobilde yazıyı gizle */
    .hero-caption { bottom: 10%; left: 5%; width: 90%; text-align: center; }
}

/* --- SADECE MOBİL TELEFONLAR (576px ve Altı) --- */
@media (max-width: 576px) {
    /* Header */
    .site-logo img { max-height: 40px; }
    .header-actions .btn { padding: 8px 12px; }
    .cart-btn span { display: none; } /* Sepet yazısını gizle, sadece ikon */
    
    /* Footer */
    footer { text-align: center; }
    .footer-bottom { font-size: 0.75rem; }
    .social-links { justify-content: center; display: flex; margin-top: 15px; }
    
    /* Ürün Kartları */
    .product-card { margin-bottom: 20px; }
    .product-img-wrap { height: 200px; }
    .product-title { font-size: 1rem; }
    
    /* Sipariş Detay Tablosu */
    .table-responsive { border: 1px solid #eee; border-radius: 8px; }
    .table thead { display: none; } /* Mobilde tablo başlıklarını gizle */
    .table tr { display: block; margin-bottom: 15px; border-bottom: 2px solid #eee; }
    .table td { display: flex; justify-content: space-between; align-items: center; padding: 10px; border: none; font-size: 0.9rem; }
    .table td::before { content: attr(data-label); font-weight: bold; color: #999; margin-right: 10px; }
}