/* Стили для стрелочки сворачивания (из changes-transport-vehicle-list.css) */
.collapse-arrow-all {
    position: relative;
    height: 24px;
    width: 24px;
    background: transparent;
    border: none;
    cursor: pointer;
    display: inline-block;
    padding-top: 4px;
    margin-right: 10px;
}

.collapse-all-arrow-down::after {
    background-image: url("/media/img/drop_down_all_down.svg");
    background-size: 24px 24px;
    display: inline-block;
    width: 24px;
    height: 24px;
    content:"";
}

.collapse-all-arrow-down:hover::after {
    background-image: url("/media/img/drop_down_all_down_hover.svg");
}

.collapse-all-arrow-up::after {
    background-image: url("/media/img/drop_down_all_up.svg");
    background-size: 24px 24px;
    display: inline-block;
    width: 24px;
    height: 24px;
    content:"";
}

.collapse-all-arrow-up:hover::after {
    background-image: url("/media/img/drop_down_all_up_hover.svg");
}

/* Стили для фильтров */
.filter-header {
    display: flex;
    align-items: center;
    margin-bottom: 1rem;
    gap: 1rem;
}

.filter-header .collapse-arrow {
    margin-top: -10px; 
}


.filter-header .ml-3 {
    display: flex;
    gap: 0.5rem;
    white-space: nowrap;
    flex-shrink: 0;
}

/* Стили для кнопки очистки */
#clear-search {
    background-color: white !important;
    border-color: var(--secondary) !important;
    color: var(--secondary) !important;
}

#clear-search:hover {
    background-color: var(--secondary) !important;
    border-color: var(--secondary) !important;
    color: black !important;
}

#clear-search:focus,
#clear-search:active,
#clear-search.active {
    background-color: white !important;
    border-color: var(--secondary) !important;
    color: var(--secondary) !important;
    box-shadow: none !important;
}

#clear-search:focus:hover,
#clear-search:active:hover {
    background-color: var(--secondary) !important;
    border-color: var(--secondary) !important;
    color: black !important;
}