/* ====================================
   СТИЛИ ДЛЯ ВИДЖЕТА СОРТИРОВКИ (В ШАПКЕ)
   Файл: sorting-widget.css
   Версия: 6.0 - только размер как у кнопки
   ==================================== */

/* ----- КОНТЕЙНЕР ДЛЯ КНОПКИ И СОРТИРОВКИ (одна строка) ----- */
.category-actions-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 15px;
    margin-top: 15px;
    margin-bottom: 15px;
}

/* ----- КОНТЕЙНЕР СОРТИРОВКИ ----- */
.category-sorting-inline {
    display: inline-flex;
    align-items: center;
}

/* ----- ФОРМА СОРТИРОВКИ ----- */
.sorting-form-inline {
    display: flex;
    align-items: center;
    margin: 0;
}

/* ----- ВЫПАДАЮЩИЙ СПИСОК (только размер как у кнопки) ----- */
.sorting-form-inline select {
    padding: .4rem .8rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .25rem !important;
    background: var(--wpsc-white-bg) !important; 
    cursor: pointer;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    min-width: 140px;
}

/* ====================================
   АДАПТИВНОСТЬ (мобильные устройства)
   ==================================== */
/*
@media (max-width: 768px) {
    .category-sorting-inline {
        align-self: flex-end;
    }
    
    .sorting-form-inline select {
        min-width: 130px;
        padding: .35rem .7rem;
        font-size: 0.9rem;
    }
}

@media (max-width: 480px) {
    .category-sorting-inline {
        align-self: stretch;
    }
    
    .sorting-form-inline {
        width: 100%;
    }
    
    .sorting-form-inline select {
        width: 100%;
        min-width: auto;
        padding: .4rem .8rem;
        font-size: 1rem;
    }
}
*/