/* ========================================
   МОБИЛЬНАЯ АДАПТАЦИЯ ДЛЯ КАТАЛОГА NOMER138
   Версия: 5.0
   Дата: 2026-02-12
   
   ВАЖНО: Этот файл НЕ переопределяет стили
   компактных карточек (.plate-catalog-item-compact).
   Все стили карточек управляются из style.css.
   
   Здесь только:
   - Фиксы контейнеров HivePress/WordPress
   - Обратная совместимость со старыми карточками
   ======================================== */

/* ========================================
   ФИКСЫ КОНТЕЙНЕРОВ НА МОБИЛЬНЫХ
   ======================================== */

@media (max-width: 768px) {
    
    /* WordPress/HivePress контейнеры */
    .plate-catalog,
    .listings-container,
    body.archive .site-content,
    .hp-listings__wrapper,
    .hp-section,
    .hp-container,
    .hp-row {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }
    
    body.archive .site-content,
    .hp-page__content,
    main {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }
    
    /* HivePress grid — в одну колонку */
    .hp-grid {
        grid-template-columns: 1fr !important;
        gap: 10px !important;
    }
    
    .hp-grid__item {
        width: 100% !important;
        padding: 0 !important;
    }
    
    .hp-listings--view-grid .hp-listing {
        width: 100% !important;
        max-width: 100% !important;
    }
    
    /* Grid каталога в одну колонку */
    .plate-catalog-grid.columns-2,
    .plate-catalog-grid.columns-3 {
        grid-template-columns: 1fr !important;
    }
}

/* ========================================
   ОБРАТНАЯ СОВМЕСТИМОСТЬ
   Только для старых карточек БЕЗ -compact
   ======================================== */

@media (max-width: 768px) {
    
    .plate-catalog-item:not(.plate-catalog-item-compact),
    .listing-item,
    .hp-listing:not(.plate-catalog-item-compact) {
        margin-bottom: 10px !important;
        padding: 12px !important;
    }
    
    .plate-catalog-item:not(.plate-catalog-item-compact) img,
    .listing-item img,
    .hp-listing:not(.plate-catalog-item-compact) img {
        max-width: 100% !important;
        height: auto !important;
        display: block !important;
    }
}

@media (max-width: 480px) {
    
    .plate-catalog-item:not(.plate-catalog-item-compact),
    .listing-item {
        margin-bottom: 8px !important;
        padding: 10px !important;
        border-radius: 8px !important;
    }
}

/* Оптимизация изображений */
@media (max-width: 768px) {
    
    img[src*="plate"],
    img[src*="nomer"],
    img[alt*="номер"] {
        width: auto !important;
        max-width: 100% !important;
        height: auto !important;
        object-fit: contain !important;
    }
}