/* Safe Mobile Inventory Fix - Güvenli Düzeltmeler */

/* 1. Widget'ı mobilde göster - güvenli */
@media (max-width: 1024px) {
    .stm-filter-motors-native {
        display: block;
        visibility: visible;
        opacity: 1;
    }
    
    .elementor-widget-stm_filter_motors_native {
        display: block;
    }
}

/* 2. Mobilde responsive düzeltmeler */
@media (max-width: 768px) {
    /* Filter widget mobile düzeni */
    .stm-filter-motors-native {
        padding: 15px;
        background: #fff;
        border-radius: 8px;
        margin-bottom: 20px;
    }
    
    .stm-filter-motors-native .filter-rows {
        display: flex;
        flex-direction: column;
        gap: 10px;
    }
    
    .stm-filter-motors-native .filter-row {
        width: 100%;
        margin-bottom: 0;
    }
    
    .stm-filter-motors-native select,
    .stm-filter-motors-native input[type="number"] {
        width: 100%;
        padding: 10px;
        font-size: 16px; /* iOS zoom engelleme */
        border: 1px solid #ddd;
        border-radius: 4px;
    }
    
    .stm-filter-motors-native .price-inputs {
        display: flex;
        flex-direction: column;
        gap: 8px;
    }
    
    .stm-filter-motors-native .sidebar-action-units {
        display: flex;
        flex-direction: column;
        gap: 8px;
        margin-top: 15px;
    }
    
    .stm-filter-motors-native .btn-filter,
    .stm-filter-motors-native .btn-reset {
        width: 100%;
        padding: 12px;
        text-align: center;
        border-radius: 4px;
    }
}

/* 3. Inventory items mobil görünüm */
@media (max-width: 768px) {
    /* Grid düzeni */
    #listings-result .car-listing-row,
    #listings-result .stm-listing-directory-list-loop {
        display: flex;
        flex-wrap: wrap;
        margin: 0 -5px;
    }
    
    /* 2 sütun mobilde */
    #listings-result .col-md-3,
    #listings-result .col-md-4,
    #listings-result .col-sm-6 {
        width: 50%;
        padding: 5px;
        float: none;
    }
    
    /* Listing kartları */
    .stm-listing-single-loop {
        margin-bottom: 10px;
    }
    
    /* Görsel düzeltmeleri */
    .stm-listing-single-loop .image {
        height: 150px;
        overflow: hidden;
    }
    
    .stm-listing-single-loop .image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
}

/* 4. Çok küçük ekranlar */
@media (max-width: 480px) {
    /* Tek sütun */
    #listings-result .col-md-3,
    #listings-result .col-md-4,
    #listings-result .col-sm-6 {
        width: 100%;
        padding: 10px;
    }
}

/* 5. Desktop'ta normal görünüm korunsun */
@media (min-width: 1025px) {
    /* Desktop'ta değişiklik yok */
    .stm-filter-motors-native {
        /* Default stiller korunsun */
    }
    
    #listings-result .col-md-3 {
        width: 25%;
    }
    
    #listings-result .col-md-4 {
        width: 33.333%;
    }
}