/* ===== FILTER ===== */
.c5wrapper .filters {}

.c5wrapper .filters .filter-group { margin-bottom:15px; }
.c5wrapper .filters .filter-group .card-header { border-bottom:0; }
.c5wrapper .filters .filter-group .card-header a { display:flex; flex-direction:row; color:var(--bs-black); text-decoration:none; }
.c5wrapper .filters .filter-group .card-header a h6 { padding:0; margin-bottom:0; margin-left:10px; }
.c5wrapper .filters .filter-group .card-header a i { transition:all 0.35s ease; }
.c5wrapper .filters .filter-group .card-header a.collapsed i { transform:rotate(-90deg); }

.c5wrapper .filters .filter-group .card-header .nav-pills {  --bs-nav-pills-border-radius: 0.375rem; --bs-nav-pills-link-active-color: var(--bs-black); --bs-nav-pills-link-active-bg: var(--bs-primary); }
.c5wrapper .filters .filter-group .card-header .nav { --bs-nav-link-color: var(--bs-primary); --bs-nav-link-hover-color: var(--bs-primary-hover); }
.c5wrapper .filters .filter-group .card-header .nav-link { border: 0 !important; border-radius: 0; padding: 5px 25px; font-weight: 500; }

.c5wrapper .filters .slider-range { display:flex; justify-content:space-between; align-items:center; }
.c5wrapper .filters .slider-range .slider-bar { width:70%; margin:0 10px; }
.c5wrapper .filters .slider-range .slider-min-amount,
.c5wrapper .filters .slider-range .slider-max-amount { width:15%; font-weight:bold; }
.c5wrapper .filters .slider-range .slider-max-amount { text-align:right; }

.c5wrapper .filters .slider-range .ui-state-active {
/* .c5wrapper .filters .slider-range .ui-widget-content .ui-state-active,
.c5wrapper .filters .slider-range .ui-widget-header .ui-state-active,
.c5wrapper .filters .slider-range a.ui-button:active,
.c5wrapper .filters .slider-range .ui-button:active,
.c5wrapper .filters .slider-range .ui-button.ui-state-active:hover { */
border:1px solid var(--bs-primary-hover); background:var(--bs-primary); font-weight:normal; color:#fff
}

div.form-check label {font-weight: normal;}
div.ccm-page h6.title {font-size: 1.05em;}

/* ===== CARS ===== */
.car .price {font-weight: bold; font-size: 16px; color:var(--bs-black); padding: 0px 0px 20px 0; }
.c5wrapper .car .price.price-sell .price-normal { font-size: 15px; color:var(--bs-gray-600); text-decoration: line-through; }
.c5wrapper .car .price.price-sell .price-sell { font-style: italic; font-weight: bold; }
.c5wrapper .car .price .price-request { font-size: 15px; color:var(--bs-gray-600); }
.c5wrapper .car .price .price-vat { color: var(--bs-gray-600); font-size: 12px; font-weight: bold; }

.c5wrapper .car-image { position: relative; overflow: hidden;}
.c5wrapper .car-image .car-label { position: absolute; }
.c5wrapper .car-image .car-label.car-label-new { top: 25px; right: -50px; font-size: 14px; font-weight: 600; transform: rotate(45deg); border: 1px solid var(--bs-primary); background-color: var(--bs-primary); color: var(--bs-white); padding: 0 60px; box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important; }
.c5wrapper .car-image .car-label.car-label-just-in { bottom: 10px; left: 10px; font-size: 14px; text-transform: uppercase; border: 1px solid var(--bs-success); background-color: var(--bs-success); color: var(--bs-white); padding: 5px; border-radius: 5px; font-weight: bold; }
.c5wrapper .car-image .car-label.car-label-sold { bottom: 10px; left: 10px; font-size: 14px; text-transform: uppercase; border: 1px solid var(--bs-danger); background-color: var(--bs-danger); color: var(--bs-white); padding: 5px; border-radius: 5px; font-weight: bold; }

div#cars-search div#cars-filters div.sortitem {display: inline-block; float: right; margin: 8px;}
div#cars-search div#cars-filters div.sortitem select {padding: 6px 18px !important;margin-bottom: 5px;font-size: 0.8em;}

div.slider-min-amount {text-align: left;}
div.slider-max-amount {text-align: right;}
 a:hover {font-weight: normal !important;}

/* ===== CAR CARD ===== */
.car-card {background-color:var(--bs-white); border:0px; transition:0.2s all; box-sizing:border-box; flex-grow:1; flex-basis:0; margin-bottom:50px; }
.car-card:hover { transform:scale(1.02); }
.car-card .col-12:last-child { text-align:left; }
@media (max-width:991px) {
    .car-card .col-12:last-child { text-align:left; }
}
.card-image { margin: 10px 0;}

.car-card h3 { font-size: 18px; margin-top:15px; padding-bottom:5px ;color:var(--bs-black) !important; text-decoration:none; }
.car h4 {font-size:16px; margin-top:-5px; color:var(--bs-black); }
.car-card li { color:var(--bs-black); font-size:14px; }
.car-card .btn { margin-bottom:15px; }
.car-card ul li img { width: 45px; }
@media (max-width:1025px) {
    .car-card ul li img { width: 30px; }
}