/* ====================================================
   Oto Elektronik Market — Responsive (override)
   Ana responsive kurallar style.css içinde.
   Bu dosya ek / override / mobil iyileştirmeler içerir.
   ==================================================== */

/* ---- 1100px ---- */
@media (max-width: 1100px) {
    .mega-dropdown { width: 580px; }
    .mega-inner { grid-template-columns: repeat(2, 1fr); }
}

/* ---- 900px ---- */
@media (max-width: 900px) {
    .mega-dropdown { width: 100%; max-width: 420px; }
    .mega-inner { grid-template-columns: repeat(2, 1fr); }
    .header-info-pill { display: none; }

    /* Kategori sayfası: sidebar üste, full width */
    .listing-layout {
        grid-template-columns: 1fr !important;
    }
    .listing-sidebar {
        position: static !important;
        width: 100%;
    }
    /* Sidebar kategori listesi mobilde yatay scroll */
    .sidebar-cats {
        display: flex;
        flex-wrap: wrap;
        gap: 6px;
        padding: 12px 0;
    }
    .sidebar-cats a {
        flex: 0 0 auto;
        border: 1px solid var(--line);
        border-radius: 20px;
        padding: 5px 14px;
        font-size: 12.5px;
        border-bottom: 1px solid var(--line) !important;
    }
    .sidebar-cats a.active {
        background: var(--red);
        color: #fff;
        border-color: var(--red);
        border-left: 1px solid var(--red) !important;
        padding-left: 14px !important;
    }
}

/* ---- 768px ---- */
@media (max-width: 768px) {
    .btn-wa-header span { display: none; }
    .btn-wa-header {
        padding: 10px; width: 44px; height: 44px;
        border-radius: 50%; justify-content: center;
    }
    .btn-wa-header i { margin: 0; font-size: 20px; }
    .logo img { height: 42px; }
    .topbar-left { display: none; }
    .topbar .container { justify-content: flex-end; }

    /* Footer: tüm kolonları göster mobilde */
    .footer-col { display: block !important; }
    .footer-col:not(.footer-brand) { display: block !important; }
    .footer-seo-text { display: none; }

    /* Ürün kartları */
    .product-card { touch-action: manipulation; }
    .product-card:hover { transform: none; } /* hover efekti mobilde gereksiz */

    /* Breadcrumb küçük ekranda taşmasın */
    .breadcrumb ol {
        flex-wrap: wrap;
        font-size: 12px;
    }

    /* Ürün detay aksiyonlar */
    .product-actions {
        flex-direction: column;
        gap: 8px;
    }
    .product-actions .btn-wa {
        width: 100%;
        justify-content: center;
    }

    /* Arama formu büyük */
    .search-form-big {
        flex-direction: column;
        gap: 8px;
    }
    .search-form-big input,
    .search-form-big button {
        width: 100%;
        border-radius: var(--r-sm) !important;
    }

    /* İletişim formu */
    .contact-form-grid {
        grid-template-columns: 1fr !important;
    }
}

/* ---- 560px ---- */
@media (max-width: 560px) {
    /* Container padding */
    .container { padding: 0 14px; }

    .hero-panel { display: none; }
    .hero-grid { padding-bottom: 28px; }
    .section-header { margin-bottom: 28px; }

    /* Ürün aksiyonları */
    .product-actions { flex-direction: column; gap: 6px; }
    .product-actions .btn-wa { padding: 9px; font-size: 12px; }

    /* Bölümler */
    .why-us { padding: 52px 0; }
    .cta-banner { padding: 48px 0; }
    .cta-banner .btn { width: 100%; justify-content: center; }

    /* Arama formu */
    .search-form-big input { font-size: 14px; padding: 13px 16px; }
    .search-form-big button { padding: 0 20px; }

    /* Hero istatistikler */
    .hero-eyebrow { font-size: 11px; }
    .hero-title { font-size: 26px !important; line-height: 1.25; }
    .hero-desc { font-size: 14px; }

    /* Kategori kartları */
    .cat-item {
        padding: 14px 10px;
        gap: 8px;
    }
    .cat-item-icon { width: 40px; height: 40px; font-size: 18px; }

    /* Sayfalama */
    .pagination { gap: 4px; flex-wrap: wrap; justify-content: center; }
    .page-btn { min-width: 36px; height: 36px; font-size: 13px; }
    .page-dots { display: none; }

    /* Trust strip */
    .trust-item { padding: 16px; }
    .trust-item-icon { font-size: 22px; }

    /* Ürün detay */
    .product-detail-grid { gap: 20px; }
    .product-title { font-size: 20px; }
    .product-props table { font-size: 13px; }
    .product-props td { padding: 8px 10px; }
}

/* ---- 380px (küçük telefonlar) ---- */
@media (max-width: 380px) {
    .container { padding: 0 10px; }
    .hero-title { font-size: 22px !important; }
    .product-grid { grid-template-columns: 1fr 1fr !important; gap: 8px; }
    .product-card-name { font-size: 12px; }
    .cat-grid { grid-template-columns: 1fr 1fr; gap: 8px; }
}

/* ---- Touch cihazlara özel ---- */
@media (hover: none) and (pointer: coarse) {
    /* Hover geçişleri devre dışı (pil tasarrufu + ghost tap önleme) */
    .product-card:hover { transform: none; box-shadow: var(--shadow-sm); }
    .dash-stat:hover { transform: none; }
    .cat-item:hover { transform: none; }

    /* Tıklanabilir alanlar minimum 44px */
    .nav-link,
    .mobile-nav-link,
    .page-btn,
    .btn { min-height: 44px; }

    /* Sidebar kategori linkleri */
    .sidebar-cats a { min-height: 40px; display: flex; align-items: center; }
}