#carselect-status{margin-bottom:10px;}

/* Filters Style */
/* .car-filters{display: flex;gap: 20px;} */
#car-filter-form{margin-top: -3.5rem;padding: 2.5rem;background-color: #fff;box-shadow: 0 .175rem .375rem #00000026;z-index: 1;border-radius:20px;}
.car-filters label{font-weight: 800;color:#31374a;margin: 7px 17px;}
.car-filters input{border-radius:20px!important;border-color:#666b7c;}
.car-filters select{border-color:#666b7c;color: #000;background-color: #fff;min-height: 2.5rem;align-items: center;box-shadow: none;border-radius: 20px;}
.main-filter{display: grid;grid-template-columns: 1fr 1fr 1fr 1fr;column-gap: 20px;}
.advance-filters .car-filter-field-with-two-col p{display:none;}
.advance-filters{display: grid;grid-template-columns: 1fr 1fr;column-gap: 50px;}
.advance-filters .two-col{display:flex;gap:10px;}
.car-filter-field{margin-bottom: 15px;}
.car-filter-field select {
  width: 100%;
  border-radius: 20px;
  background-color: #fff;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: url("/wp-content/plugins/carselect-blocket-importer/assets/arrow-down-svgrepo-com.svg");
  background-repeat: no-repeat;
  background-position: right 12px center; /* move arrow */
  background-size: 16px;
}
#car-filter-form select.placeholder-active {color: #757575 !important;}
.car-filters select option {color: #000;}
#car-filter-form select:focus {outline: none !important;}

.clear-filter{display:flex!important;gap:5px;}
.filters-details-container svg{width:15px;}

.filters-details-container{display: flex;justify-content: space-between;}
.filters-details-container div{width:100%;}

#advance-filters{display:none;}


.car-filters button{border-color:#464b5d;border-radius:20px;color:#383e51;display: flex;align-items: center;font-weight: 600;gap: 10px;font-size: 12px;}
.car-filters button:hover,.car-filters button:focus{background:#464b5d;}

.car-filters .search-cars-btn,.car-filters .search-cars-btn:focus,.car-filters .search-cars-btn:hover{border-color:#3efed2;background: #3efed2;color:#383e51;}

.car-filters .clear-filter{border-color:#fa807f;color:#fa807f;}
.car-filters .clear-filter:hover,.car-filters .clear-filter:focus{background:#fa807f;}


.car-filters .favorites-btn{border:none;}

/* New Style */
/* Car Filter Results */
#car-results .intro{text-align:center;padding:20px;}
.car-row{display: flex;width: 100%;gap: 25px;flex-wrap: wrap; font-size:12px;}
.car-col{width:31%;display: block;border-radius: 30px;overflow: hidden;transition: .3s all;box-shadow: 0 .175rem .375rem #00000026;}
.car-col:hover{box-shadow: 0 0 .75rem .075rem #00000040;}
.car-title{margin-bottom: .75rem;font-size: 1.375rem;font-weight: 600;overflow: hidden;line-height:26.4px;}
.car-attribute{display: flex;align-items: center;justify-content: flex-start;margin-bottom: .75rem;gap:10px;}
.attribute {border-right: 1px solid;padding-right:10px;line-height:15px;}
.car-attribute div{width:auto;}
.monthly-payment{margin-bottom: .75rem;font-size:14px;font-weight:600;}
.price-lbl{color: #707070;font-size: .75rem;}
.price{font-size: 1.375rem;font-weight: 600;}
.favorite-toggle{cursor:pointer;}
/* .is-not-active{font-size:30px;} */
/* .car-footer{display: flex;justify-content: space-between;align-items: self-end;} */
.cars-card-footer{display: flex;justify-content: center;align-items: self-end;padding:40px 30px 40px 0px;}

/* Old Style */
.car-poster{margin-bottom: -6px;}
.car-poster img{height: -webkit-fill-available;}
.car-header{color: #fff;border-bottom-right-radius: 20px;border-radius: 20px;}
.car-blurd-panel{padding: 20px;box-sizing: border-box;border-bottom-left-radius: 20px;border-bottom-right-radius: 20px;backdrop-filter: blur(10px);}
.car-detail-row{display: flex;justify-content: space-between!important;gap: 3px;box-sizing: border-box;align-items: center;margin-top: 5px;min-height:40px!important;}
.info-badge{background: #2e3448;border-radius: 20px;color: #fff;padding: 2px 10px;text-align: center;display: flex;gap: 10px;align-items: center;}
.info-badge img{filter: invert(1);}
.taxo-row{justify-content:start!important;margin-bottom: 40px;}
.taxo-badge{background: #0000001a; backdrop-filter: blur(10px);padding: 2px 10px; border-radius: 20px;text-align: center;margin-top: 10px;}
.car-footer{flex-direction:column;padding: 20px;box-sizing: border-box;}
.car-footer .car-detail-row{justify-content: center !important;}
.car-title{font-size:24px!important;}
.car-row .price{font-size:28px;}
.company-watermark{
	display: flex;
    justify-content: space-between;
    width: -webkit-fill-available;
    padding: 15px;
}

.car-header{background-position: bottom;}
.car-title{font-size:24px;}
.taxo-row{flex-wrap:wrap;justify-content:flex-start;gap: 5px;}

.car-footer{margin-top:15px;}
.car-detail-row{justify-content: center;}


.cars-card-footer{display: flex;justify-content: center;align-items: self-end;padding:40px 30px 40px 0px;}



#car-pagination-top{display:flex;justify-content: end;}

.page-numbers {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 25px;        /* fixed width */
    height: 25px;       /* fixed height */
    margin: 0 3px;
    border-radius: 50%; /* perfect circle */
    color: #fff;
    font-weight: bold;
    text-decoration: none;
	background:#2e3448;
	
}
.page-numbers.current {
    background: #2e3448!important; /* highlight active */
    color: #fff;
}
.page-numbers:hover{color: #fff!important;}
.page-numbers.prev, 
.page-numbers.next {
    width: auto;   /* arrows don’t need fixed circle */
    height: auto;
    border-radius: 50px;
/*     padding: 5px 12px; */
	width:25px;
	height:25px;
}

.car-pagination{margin-top:20px;text-align:center;}

/* Single Car Style */

.car-slider-wrap {
    width: 100% !important;
    max-width: 100% !important;
}

.car-slider-wrap .swiper {
    width: 100% !important;
}

/* Images should auto scale without white space */
.car-slider-wrap .swiper-slide {
    display: flex;
    justify-content: center;
    align-items: center;
    background: #000;
}

.car-slider-wrap .swiper-slide img {
    width: 100%;
    height: auto;
    object-fit: contain; /* or cover if you want it cropped */
    transition: transform 0.3s ease;
    cursor: zoom-in;
    max-height: 80vh; /* instead of fixed 500px */
    width: 100%;
    object-fit: contain;
}
	
    .zoomable-img.zoomed {
        transform: scale(2);
        cursor: zoom-out;
    }

.car-poster{
	height:265px;
  animation: skeleton-loading 1.5s infinite linear alternate; /* Shimmer animation */
}

@keyframes skeleton-loading {
  0% {
    background-color: #e0e0e0;
  }
  50% {
    background-color: #f5f5f5; /* Lighter shade for shimmer */
  }
  100% {
    background-color: #e0e0e0;
  }
}


/* Media Query */
@media only screen and (max-width: 550px) {
	#car-filter-form {padding: .5rem;}
	.main-filter {display: contents;}
	.filters-actions{flex-direction: column-reverse;}
	#car-pagination-top {justify-content: center;}
	.car-row {flex-direction: column;}
	.car-col {width: 100%;border-radius: 5px;}	
	.advance-filters {display: flex;flex-direction: column;gap: 10px;}
}



/*Equipment list*/
.car-equipments-list { display: flex; gap: 24px; margin:0; padding:0; list-style:none; }
    .car-equipments-column { flex:1 1 0; margin:0; padding:0; }
    .car-equipments-column ul { margin:0; padding-left:1.2em; list-style: disc inside; }
    .car-equipments-column li { margin-bottom:6px; font-size:14px; line-height:1.35; color:#222; }
    .car-equipments-title { margin-bottom:12px; font-weight:600; font-size:16px; }
    @media (max-width:640px) {
        .car-equipments-list { flex-direction: column; gap:12px; }
    }