/* Стили для реальных российских автомобильных номеров */
.plate-catalog {
    max-width: 900px;
    margin: 0 auto;
    font-family: Arial, sans-serif;
}

.plate-catalog-item {
    background: #ffffff;
    border: 1px solid #d1d5db;
    border-radius: 8px;
    padding: 0;
    margin-bottom: 12px;
    position: relative;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.plate-catalog-item:hover {
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.plate-item-link {
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-decoration: none;
    color: inherit;
    min-height: 80px;
    white-space: nowrap;
}

/* Левая секция - УЗКАЯ, только для номера */
.plate-number-section {
    background: #f3f4f6;
    padding: 15px 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    min-width: 180px;
    width: auto;
    border-radius: 6px 0 0 6px;
    border-right: 1px solid #d1d5db;
    gap: 8px;
    white-space: nowrap;
    flex-shrink: 0;
    box-sizing: border-box;
}

/* РЕАЛЬНЫЙ РОССИЙСКИЙ АВТОМОБИЛЬНЫЙ НОМЕР */
.license-plate {
    display: inline-flex;
    background: #ffffff;
    border: 2px solid #000;
    border-radius: 4px;
    padding: 0 4px;
    position: relative;
    font-family: 'Motor4F', 'Motor', 'Arial Black', Arial, sans-serif;
    box-shadow: 0 2px 4px rgba(0,0,0,0.3);
    line-height: 1;
}

/* Основная часть номера */
.plate-main {
    display: flex;
    align-items: baseline;
    padding: 1px 8px;
    border-right: 2px solid #000;
    gap: 2px;
}

.plate-letter {
    font-size: 26px;
    font-weight: 900;
    line-height: 1;
    color: #000;
    margin: 0;
    padding: 0;
    font-family: 'Motor4F', 'Motor', 'Arial Black', Arial, sans-serif;
}

.plate-number {
    font-size: 32px;
    font-weight: 900;
    line-height: 1;
    color: #000;
    margin: 0;
    padding: 0 2px;
    letter-spacing: 1px;
    font-family: 'Motor4F', 'Motor', 'Arial Black', Arial, sans-serif;
}

/* Правая часть с регионом в два ряда */
.plate-region {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 0 8px;
    min-width: 50px;
    gap: 0;
}

/* Верхний ряд - код региона */
.region-code {
    font-size: 26px;
    font-weight: 900;
    line-height: 1;
    color: #000;
    margin: 0;
    padding: 0;
    font-family: 'Motor4F', 'Motor', 'Arial Black', Arial, sans-serif;
}

/* Нижний ряд - RUS и флаг */
.region-country {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 3px;
    margin-top: -3px;
}

.country-code {
    font-size: 9px;
    font-weight: bold;
    color: #000;
    letter-spacing: 0.5px;
    line-height: 1;
}

/* Флаг России */
.russian-flag {
    width: 12px;
    height: 9px;
    position: relative;
    border: 1px solid #000;
    flex-shrink: 0;
    display: block;
}

.flag-stripe {
    position: absolute;
    left: 0;
    right: 0;
    height: 33.33%;
}

.flag-stripe--white {
    top: 0;
    background: #ffffff;
}

.flag-stripe--blue {
    top: 33.33%;
    background: #0039a6;
}

.flag-stripe--red {
    top: 66.66%;
    background: #d52b1e;
}

.plate-date {
    font-size: 11px;
    color: #6b7280;
    font-family: Arial, sans-serif;
    white-space: nowrap;
    margin: 4px 0 0 0;
    flex-shrink: 0;
    text-align: center;
}

/* Центральная секция - ШИРЕ, для информации */
.plate-info-section {
    flex: 1;
    padding: 15px 25px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background: #ffffff;
    min-width: 0;
    overflow: hidden;
    white-space: nowrap;
    flex-basis: 50%;
    box-sizing: border-box;
}

.plate-title {
    font-family: Arial, sans-serif;
    font-size: 16px;
    font-weight: bold;
    color: #1f2937;
    line-height: 1.4;
    margin-bottom: 6px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.plate-description {
    font-size: 13px;
    color: #6b7280;
    line-height: 1.3;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Правая секция - цена */
.plate-price-section {
    background: #f3f4f6;
    padding: 15px 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 140px;
    border-radius: 0 6px 6px 0;
    border-left: 1px solid #d1d5db;
    white-space: nowrap;
    flex-basis: 18%;
    box-sizing: border-box;
}

.plate-price {
    font-family: "Arial Black", "Impact", sans-serif;
    font-size: 20px;
    font-weight: bold;
    color: #2c5f2d;
    text-align: center;
    white-space: nowrap;
    line-height: 1.2;
}

.price-not-set {
    color: #9ca3af;
    font-style: italic;
    font-size: 12px;
    font-family: Arial, sans-serif;
    white-space: nowrap;
    text-transform: uppercase;
    font-weight: normal;
}

/* Пагинация */
.plate-pagination {
    margin-top: 30px;
    text-align: center;
    padding: 20px 0;
    border: none !important;
    background: none !important;
    box-shadow: none !important;
}

.plate-pagination ul {
    display: inline-flex !important;
    flex-wrap: wrap;
    justify-content: center;
    gap: 5px;
    list-style: none !important;
    list-style-type: none !important;
    padding: 0 !important;
    margin: 0 auto !important;
    border: none !important;
    background: none !important;
}

.plate-pagination li {
    list-style: none !important;
    list-style-type: none !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    background: none !important;
}

.plate-pagination li::before,
.plate-pagination li::marker {
    content: none !important;
    display: none !important;
}

.plate-pagination .page-numbers {
    display: inline-block;
    padding: 8px 14px;
    margin: 0 4px;
    background: #ffffff;
    border: 1px solid #d1d5db;
    border-radius: 4px;
    color: #1f2937;
    text-decoration: none;
    transition: all 0.2s ease;
}

.plate-pagination .page-numbers:hover {
    background: #f3f4f6;
    border-color: #9ca3af;
}

.plate-pagination .page-numbers.current {
    background: #2c5f2d;
    color: #ffffff;
    border-color: #2c5f2d;
}

.no-plates {
    text-align: center;
    padding: 40px 20px;
    color: #6b7280;
    font-size: 16px;
}

/* Адаптивность для планшетов */
@media (max-width: 900px) {
    .plate-catalog {
        max-width: 100%;
        padding: 0 10px;
    }
    
    .plate-info-section {
        padding: 12px 20px;
    }
    
    .plate-price-section {
        min-width: 120px;
    }
}

/* Адаптивность для мобильных устройств */
@media (max-width: 768px) {
    .plate-catalog {
        padding: 0 8px;
    }
    
    .plate-catalog-item {
        margin-bottom: 10px;
    }
    
    .plate-item-link {
        flex-direction: row;
        min-height: 75px;
        justify-content: space-between;
    }
    
    .plate-number-section {
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: auto;
        min-width: auto;
        padding: 10px 12px;
        border-radius: 6px 0 0 6px;
        border-right: 1px solid #d1d5db;
        flex: 0 0 auto;
        gap: 6px;
    }
    
    .license-plate {
        transform: scale(0.85);
        margin: 0;
    }
    
    .plate-date {
        font-size: 10px;
        margin-top: 2px;
    }
    
    .plate-info-section {
        display: flex;
        padding: 10px 15px;
        flex: 1;
        min-width: 0;
    }
    
    .plate-title {
        font-size: 14px;
        line-height: 1.3;
        margin-bottom: 4px;
    }
    
    .plate-description {
        font-size: 12px;
    }
    
    .plate-price-section {
        min-width: 100px;
        padding: 10px 12px;
        flex-basis: auto;
    }
    
    .plate-price {
        font-size: 17px;
    }
    
    .price-not-set {
        font-size: 10px;
    }
}

/* Адаптивность для очень маленьких экранов */
@media (max-width: 480px) {
    .plate-item-link {
        min-height: 70px;
    }
    
    .plate-number-section {
        padding: 8px 10px;
        gap: 4px;
    }
    
    .license-plate {
        transform: scale(0.75);
    }
    
    .plate-main {
        padding: 3px 6px;
    }
    
    .plate-letter {
        font-size: 22px;
    }
    
    .plate-number {
        font-size: 28px;
    }
    
    .region-code {
        font-size: 22px;
    }
    
    .plate-date {
        font-size: 9px;
    }
    
    .plate-info-section {
        padding: 8px 12px;
    }
    
    .plate-title {
        font-size: 13px;
    }
    
    .plate-description {
        font-size: 11px;
    }
    
    .plate-price-section {
        min-width: 85px;
        padding: 8px 10px;
    }
    
    .plate-price {
        font-size: 15px;
    }
    
    .price-not-set {
        font-size: 9px;
    }
}

/* Шрифт Motor4F для автомобильных номеров */
/* Вариант 1: Загрузка с вашего сайта */
@font-face {
    font-family: 'Motor4F';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local('Motor4F'),
         url('https://avtonomera38.ru/wp-content/uploads/2025/07/motor4f.otf') format('opentype'),
         url('../fonts/motor4f.otf') format('opentype'),
         url('./motor4f.otf') format('opentype');
}

/* Резервный вариант для старого шрифта Motor */
@font-face {
    font-family: 'Motor';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local('Motor'),
         url('https://avtonomera38.ru/wp-content/uploads/2025/07/motor4f.otf') format('opentype'),
         url('../fonts/motor4f.otf') format('opentype');
}

/* Fallback-шрифт для номеров подключается динамически из PHP (enqueue_font_styles) */

/* Улучшение читаемости на темных темах */
@media (prefers-color-scheme: dark) {
    .plate-catalog-item {
        background: #1f2937;
        border-color: #374151;
    }
    
    .plate-number-section,
    .plate-price-section {
        background: #111827;
        border-color: #374151;
    }
    
    .plate-info-section {
        background: #1f2937;
    }
    
    .plate-title {
        color: #f3f4f6;
    }
    
    .plate-description,
    .plate-date {
        color: #9ca3af;
    }
    
    .price-not-set {
        color: #6b7280;
    }
}

/* КРИТИЧЕСКОЕ: Полное скрытие полей категорий */
.hp-form .hp-field--listing_category,
.hp-form [data-component="listing_category"],
.hp-form .hp-listing__category,
.hp-form .field--listing_category,
select[name="listing_category"],
select[name="categories"],
select[name="category"],
.hp-listing-category,
.listing-category-field,
[class*="category"] select,
.hp-form__field:has(select[name*="categor"]),
.hidden-category-field,
.hp-form .hidden-category-field {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    pointer-events: none !important;
    position: absolute !important;
    left: -9999px !important;
}

/* Печать */
@media print {
    .plate-catalog-item {
        page-break-inside: avoid;
        box-shadow: none;
        border: 1px solid #000;
    }
    
    .plate-pagination {
        display: none;
    }
}
/* ========================================
   УЛУЧШЕННАЯ МОБИЛЬНАЯ АДАПТАЦИЯ КАТАЛОГА
   Добавлено: 2026-02-06
   Версия: 2.0
   ======================================== */

/* Уменьшение расстояния между объявлениями на всех устройствах */
.hp-listings .hp-listing,
.hp-grid .hp-listing {
    margin-bottom: 15px !important;
}

/* Планшеты и мобильные (768px и меньше) */
@media (max-width: 768px) {
    
    /* Уменьшаем расстояние между карточками */
    .hp-listings .hp-listing,
    .hp-grid .hp-listing,
    .plate-catalog-item {
        margin-bottom: 12px !important;
    }
    
    /* Убираем лишние отступы в сетке */
    .hp-listings.hp-grid,
    .hp-grid {
        gap: 12px !important;
    }
    
    /* Одна колонка для мобильных */
    .hp-listings.hp-grid,
    .hp-listings .hp-row {
        grid-template-columns: 1fr !important;
        display: grid !important;
    }
    
    .hp-listings .hp-col-sm-6,
    .hp-listings .hp-col-sm-4 {
        width: 100% !important;
        max-width: 100% !important;
        flex: 0 0 100% !important;
    }
    
    /* Компактный режим для блока объявления */
    .hp-listing--view-block {
        padding: 12px !important;
    }
    
    /* Структура карточки объявления - вертикальная */
    .hp-listing__content {
        display: flex !important;
        flex-direction: column !important;
    }
    
    /* Изображение номера */
    .hp-listing__image {
        margin-bottom: 10px !important;
    }
    
    /* Заголовок */
    .hp-listing__title {
        font-size: 16px !important;
        line-height: 1.3 !important;
        margin-bottom: 8px !important;
        order: 1 !important;
    }
    
    /* Номерной знак в каталоге */
    .hp-listing .license-plate {
        transform: scale(0.9) !important;
        margin: 8px 0 !important;
        order: 2 !important;
    }
    
    /* Детали объявления */
    .hp-listing__details,
    .hp-listing__details--primary {
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 6px !important;
        order: 3 !important;
        margin-top: 10px !important;
    }
    
    /* Дата размещения - ВНИЗ под номер */
    .hp-listing__created-date,
    .hp-listing__date,
    .hp-listing .hp-meta {
        order: 10 !important;
        margin-top: 8px !important;
        font-size: 11px !important;
        color: #6b7280 !important;
    }
    
    /* Цена - ЕЩЕ НИЖЕ под дату */
    .hp-listing__price,
    .listing-price {
        order: 20 !important;
        margin-top: 10px !important;
        font-size: 18px !important;
        font-weight: 700 !important;
        color: #2c5f2d !important;
        display: block !important;
        width: 100% !important;
    }
    
    /* Категория */
    .hp-listing__categories,
    .hp-listing__category {
        order: 5 !important;
        font-size: 11px !important;
    }
    
    /* Footer с действиями */
    .hp-listing__footer {
        padding-top: 10px !important;
        margin-top: 10px !important;
        border-top: 1px solid #e5e7eb !important;
        order: 30 !important;
    }
    
    /* Кнопки действий */
    .hp-listing__actions {
        margin-top: 8px !important;
        order: 25 !important;
    }
}

/* Мобильные устройства (480px и меньше) */
@media (max-width: 480px) {
    
    /* ЕЩЕ меньше расстояние между объявлениями */
    .hp-listings .hp-listing,
    .hp-grid .hp-listing,
    .plate-catalog-item {
        margin-bottom: 10px !important;
    }
    
    /* Совсем компактный режим */
    .hp-listing--view-block,
    .plate-catalog-item {
        padding: 10px !important;
    }
    
    /* Еще меньше номерной знак (только для старых карточек, НЕ compact) */
    .hp-listing .license-plate,
    .plate-catalog-item:not(.plate-catalog-item-compact) .license-plate {
        transform: scale(0.8) !important;
        transform-origin: left center !important;
    }
    
    /* Уменьшаем шрифты */
    .hp-listing__title {
        font-size: 14px !important;
    }
    
    .hp-listing__created-date,
    .hp-listing__date,
    .plate-date {
        font-size: 10px !important;
    }
    
    .hp-listing__price,
    .listing-price,
    .plate-price {
        font-size: 16px !important;
    }
    
    .hp-listing__categories,
    .hp-listing__category {
        font-size: 10px !important;
    }
    
    /* Компактный номер */
    .hp-listing .plate-main {
        padding: 6px 10px !important;
    }
    
    .hp-listing .plate-letter {
        font-size: 20px !important;
    }
    
    .hp-listing .plate-number {
        font-size: 24px !important;
    }
    
    .hp-listing .region-code {
        font-size: 20px !important;
    }
    
    .hp-listing .country-code {
        font-size: 8px !important;
    }
    
    /* Порядок элементов в карточке:
       1. Заголовок (order: 1)
       2. Номер (order: 2)
       3. Детали (order: 3)
       4. Категория (order: 5)
       5. Дата (order: 10)
       6. Цена (order: 20)
       7. Действия (order: 25)
       8. Footer (order: 30)
    */
}

/* Очень маленькие экраны (360px и меньше) */
@media (max-width: 360px) {
    
    /* Минимальные отступы */
    .hp-listings .hp-listing,
    .plate-catalog-item {
        margin-bottom: 8px !important;
    }
    
    .hp-listing--view-block,
    .plate-catalog-item {
        padding: 8px !important;
    }
    
    /* Совсем маленький номер (только для старых карточек, НЕ compact) */
    .hp-listing .license-plate,
    .plate-catalog-item:not(.plate-catalog-item-compact) .license-plate {
        transform: scale(0.7) !important;
    }
    
    /* Минимальные шрифты */
    .hp-listing__title {
        font-size: 13px !important;
    }
    
    .hp-listing__price,
    .plate-price {
        font-size: 14px !important;
    }
    
    .hp-listing__created-date,
    .plate-date {
        font-size: 9px !important;
    }
}

/* Убираем лишние отступы в контейнере каталога */
@media (max-width: 768px) {
    .hp-listings,
    .hp-grid {
        padding: 0 !important;
        margin: 0 !important;
    }
    
    .hp-listings .hp-row,
    .hp-grid .hp-row {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    
    .hp-grid__item,
    .hp-listings .hp-col-xs-12 {
        padding: 0 !important;
    }
}

/* Оптимизация высоты элементов */
@media (max-width: 480px) {
    .hp-listing__header,
    .hp-listing__content,
    .hp-listing__footer {
        min-height: auto !important;
        height: auto !important;
    }
    
    /* Убираем фиксированные высоты */
    .hp-listing--view-block {
        height: auto !important;
        min-height: auto !important;
    }
}

/* Компактная пагинация */
@media (max-width: 480px) {
    .hp-pagination,
    .plate-pagination {
        margin-top: 15px !important;
        margin-bottom: 15px !important;
    }
    
    .hp-pagination .page-numbers,
    .plate-pagination .page-numbers {
        padding: 6px 10px !important;
        margin: 0 2px !important;
        font-size: 12px !important;
    }
}

/* Фикс для Flexbox и Grid в старых браузерах */
@supports not (display: grid) {
    @media (max-width: 768px) {
        .hp-listings .hp-listing {
            width: 100% !important;
            float: none !important;
        }
    }
}

/* ========================================
   СТИЛИ ДЛЯ СОВРЕМЕННОГО КАТАЛОГА
   Добавлено: 2026-02-07
   Версия: 2.40.0
   Обновлено: Добавлена центральная секция с датой и типом
   ======================================== */

/* Сетка каталога */
.plate-catalog-modern {
    margin: 20px 0;
}

.plate-catalog-grid {
    display: grid;
    gap: 20px;
}

.plate-catalog-grid.columns-1 {
    grid-template-columns: 1fr;
}

.plate-catalog-grid.columns-2 {
    grid-template-columns: repeat(2, 1fr);
}

.plate-catalog-grid.columns-3 {
    grid-template-columns: repeat(3, 1fr);
}

/* Компактные карточки */
/* ========================================
   КОМПАКТНЫЕ КАРТОЧКИ — 2-строчный макет
   Строка 1: пластина (лево) + цена (право)
   Строка 2: дата (лево) + звезда (право)
   Одинаковый вид на всех устройствах
   ======================================== */

.plate-catalog-item-compact {
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    margin-bottom: 12px;
    transition: box-shadow 0.2s ease;
}

.plate-catalog-item-compact:hover {
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.plate-item-link-compact {
    display: flex;
    flex-direction: column;
    padding: 15px 20px;
    text-decoration: none;
    color: inherit;
    gap: 8px;
}

/* Строки карточки */
.plate-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.plate-cell-left {
    display: flex;
    align-items: center;
}

.plate-cell-right {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.plate-row-top {
    min-height: 60px; /* Пространство для увеличенной пластины ×1.5 */
}
.plate-catalog-item-compact .license-plate {
    transform: scale(1.5);
    transform-origin: left center;
}

.plate-date-compact {
    font-size: 10px;
    color: #9ca3af;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    font-weight: 500;
    white-space: nowrap;
}

.plate-price-compact {
    font-size: 22px;
    font-weight: 700;
    color: #1f2937;
    white-space: nowrap;
}

.price-not-set-compact {
    font-size: 11px;
    color: #9ca3af;
    font-weight: 500;
    letter-spacing: 0.5px;
}

.favorite-star {
    font-size: 24px;
    color: #d1d5db;
    background: none;
    border: none;
    cursor: pointer;
    padding: 5px;
    line-height: 1;
    transition: color 0.2s ease;
}

.favorite-star:hover {
    color: #fbbf24;
}

.favorite-star.active {
    color: #fbbf24;
}

/* Фильтры современного каталога */
.catalog-filters-wrapper {
    background: #f9f9f9;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    padding: 20px;
    margin-bottom: 30px;
}

.filters-row {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    align-items: flex-end;
}

.filter-col {
    flex: 1;
    min-width: 150px;
}

.filter-col label {
    display: block;
    font-size: 13px;
    font-weight: 600;
    margin-bottom: 5px;
    color: #333;
}

.filter-col select,
.filter-col input[type="number"] {
    width: 100%;
    padding: 8px 12px;
    border: 1px solid #ddd;
    border-radius: 4px;
    font-size: 14px;
}

.filter-actions {
    display: flex;
    gap: 10px;
    min-width: 200px;
}

.btn-filter-apply,
.btn-filter-reset {
    padding: 8px 20px;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    text-decoration: none;
    display: inline-block;
    text-align: center;
    transition: all 0.3s ease;
}

.btn-filter-apply {
    background: #ffc107;
    color: #000;
    border: none;
}

.btn-filter-apply:hover {
    background: #ffcd38;
}

.btn-filter-reset {
    background: #fff;
    color: #666;
    border: 1px solid #ddd;
}

.btn-filter-reset:hover {
    background: #f5f5f5;
}

/* Пагинация современного каталога */
.catalog-pagination-wrapper {
    margin-top: 30px;
    text-align: center;
    /* Явный сброс — без рамки вокруг блока пагинации */
    border: none !important;
    background: none !important;
    box-shadow: none !important;
    padding: 0 !important;
}

/* Сброс стилей списка для пагинации (paginate_links type=list) */
.catalog-pagination-wrapper ul {
    display: inline-flex !important;
    flex-wrap: wrap;
    justify-content: center;
    gap: 5px;
    list-style: none !important;
    list-style-type: none !important;
    padding: 0 !important;
    margin: 0 auto !important;
    border: none !important;
    background: none !important;
}

.catalog-pagination-wrapper li {
    list-style: none !important;
    list-style-type: none !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    background: none !important;
}

.catalog-pagination-wrapper li::before,
.catalog-pagination-wrapper li::marker {
    content: none !important;
    display: none !important;
}

/* Рамка ТОЛЬКО вокруг цифр и кнопок «Назад»/«Вперёд» */
.catalog-pagination-wrapper .page-numbers {
    display: inline-block;
    padding: 8px 14px;
    margin: 0 4px;
    background: #ffffff;
    border: 1px solid #d1d5db;
    border-radius: 4px;
    color: #1f2937;
    text-decoration: none;
    font-size: 14px;
    transition: all 0.2s ease;
}

.catalog-pagination-wrapper .page-numbers:hover {
    background: #f3f4f6;
    border-color: #9ca3af;
}

.catalog-pagination-wrapper .page-numbers.current {
    background: #ffc107;
    color: #000;
    border-color: #ffc107;
    font-weight: 600;
}

.catalog-empty {
    text-align: center;
    padding: 40px 20px;
    color: #6b7280;
    font-size: 16px;
}

/* Адаптивность компактных карточек для планшетов */
@media (max-width: 768px) {
    .plate-catalog-grid.columns-2,
    .plate-catalog-grid.columns-3 {
        grid-template-columns: 1fr;
    }
    
    .plate-catalog-grid {
        gap: 15px;
    }
    
    .plate-catalog-item-compact {
        margin-bottom: 12px !important;
    }
    
    .plate-item-link-compact {
        padding: 12px 15px;
        gap: 6px;
    }
    
    .plate-catalog-item-compact .license-plate {
        transform: scale(1.0);
    }
    
    .plate-row-top {
        min-height: 44px;
    }
    
    .plate-date-compact {
        font-size: 9px;
    }
    
    .plate-price-compact {
        font-size: 18px;
    }
    
    .favorite-star {
        font-size: 20px;
    }
    
    /* Фильтры на планшетах */
    .filters-row {
        flex-direction: column;
    }
    
    .filter-col {
        min-width: 100%;
    }
    
    .filter-actions {
        min-width: 100%;
    }
}

/* Адаптивность для мобильных устройств */
@media (max-width: 480px) {
    .plate-catalog-grid {
        gap: 10px;
    }
    
    .plate-catalog-item-compact {
        margin-bottom: 10px !important;
    }
    
    .plate-item-link-compact {
        padding: 10px 12px;
        gap: 5px;
    }
    
    .plate-catalog-item-compact .license-plate {
        transform: scale(0.85);
    }
    
    .plate-row-top {
        min-height: 38px;
    }
    
    .plate-price-compact {
        font-size: 16px;
    }
    
    .favorite-star {
        font-size: 18px;
        padding: 3px;
    }
    
    .plate-date-compact {
        font-size: 8px;
    }
    
    /* Фильтры на мобильных */
    .catalog-filters-wrapper {
        padding: 15px;
        margin-bottom: 20px;
    }
    
    .filter-col label {
        font-size: 12px;
    }
    
    .filter-col select,
    .filter-col input[type="number"] {
        padding: 6px 10px;
        font-size: 13px;
    }
    
    .btn-filter-apply,
    .btn-filter-reset {
        padding: 6px 15px;
        font-size: 13px;
    }
}

/* Очень маленькие экраны */
@media (max-width: 360px) {
    .plate-catalog-item-compact {
        margin-bottom: 8px !important;
    }
    
    .plate-item-link-compact {
        padding: 8px 10px;
        gap: 4px;
    }
    
    .plate-catalog-item-compact .license-plate {
        transform: scale(0.75);
    }
    
    .plate-row-top {
        min-height: 34px;
    }
    
    .plate-date-compact {
        font-size: 7px;
    }
    
    .plate-price-compact {
        font-size: 14px;
    }
    
    .price-not-set-compact {
        font-size: 9px;
    }
}

/* Горизонтальная ориентация мобильных устройств */
@media (max-height: 500px) and (orientation: landscape) {
    .plate-catalog-item-compact .license-plate {
        transform: scale(1.0);
    }
    
    .plate-row-top {
        min-height: 44px;
    }
    
    .plate-item-link-compact {
        padding: 10px 15px;
        gap: 5px;
    }
    
    .plate-price-compact {
        font-size: 18px;
    }
}