/* Layout grid pour les annonces Spoticar dans WordPress */

#search-list .teaser-part {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 20px !important;
    padding: 0 !important;
    margin: 0 !important;
    list-style: none !important;
}

#search-list .vehicle-card {
    min-width: 0 !important;
    box-sizing: border-box !important;
}

@media (max-width: 1024px) {
    #search-list .teaser-part {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}

@media (max-width: 600px) {
    #search-list .teaser-part {
        grid-template-columns: 1fr !important;
    }
}

/* Flèches carousel : police d'icônes spoticar bloquée, remplacement CSS pur */
#search-list .icon-left::before,
#search-list .icon-right::before {
    content: "" !important;
    display: block !important;
    width: 8px !important;
    height: 8px !important;
    border-top: 2px solid white !important;
    border-right: 2px solid white !important;
    margin: auto !important;
}
#search-list .icon-left::before {
    transform: rotate(-135deg) translateX(2px) !important;
}
#search-list .icon-right::before {
    transform: rotate(45deg) translateX(-2px) !important;
}

#search-list .teaser-part::before,
#search-list .teaser-part::after {
    display: none !important;
    content: none !important;
}

#search-list .car-image:not(.active) { display: none !important; }
#search-list .car-image.active { display: block !important; width: 100% !important; }