/* ===================================================
   CAR-LIST.HTML IMPROVEMENTS - CUSTOM STYLES
   =================================================== */

/* Hover effect for car-list-items */
.car-list-items:hover {
    box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.1);
    transform: translateY(-2px);
    transition: all 0.3s ease;
}

/* Image Display Mode - Contain (full car visible without crop) */
.car-list-items .car-image.bg-cover {
    background-size: contain !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}

.car-list-items .car-image img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
}

/* WhatsApp button responsive */
@media (max-width: 575px) {
    .car-list-items .car-content .whatsapp-price-btn {
        top: 0;
        padding: 10px 14px;
        right: 20px;
        font-size: 13px;
    }

    .car-list-items .car-content .whatsapp-price-btn i {
        font-size: 16px;
    }
}
/* Aligner la couleur des icônes SVG (Doors, Automatic) sur Fuel/Seats (theme2) */
.car-list-items .car-content .icon-items img {
    filter: invert(15%) sepia(98%) saturate(2335%) hue-rotate(204deg) brightness(70%) contrast(105%);
}

/* ===================================================
   MODE ARABE : Texte LTR (comme anglais), image à droite
   =================================================== */
html[dir="rtl"] .car-list-section .car-list-wrapper,
html[dir="rtl"] .car-list-section .car-list-items {
    direction: ltr !important;
}

html[dir="rtl"] .car-list-section .car-list-items {
    flex-direction: row-reverse !important;
}

html[dir="rtl"] .car-list-section .car-list-items .car-content,
html[dir="rtl"] .car-list-section .car-list-items .car-content * {
    direction: ltr !important;
    text-align: left !important;
}

/* Étoiles : même couleur que car-grid (jaune or) + espace avant "Reviews" */
.car-list-items .car-content .star i {
    color: #FFB900 !important;
}

.car-list-items .car-content .star span {
    margin-left: 12px;
}

/* ===================================================
   UN SEUL FOND BLANC : plus de ligne grise entre image et description
   (l'image avait #f9f9f9, le contenu #fff → on met tout en blanc)
   =================================================== */
.car-list-section .car-list-items .car-image {
    background-color: #ffffff !important;
}
.car-list-section .car-list-items .car-image,
.car-list-section .car-list-items .car-content {
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
    background-color: #ffffff !important;
}
.car-list-section .car-list-items .car-content {
    border-left: none !important;
    border-right: none !important;
    margin-left: 0;
}
.car-list-section .car-list-items .car-content::before {
    display: none !important;
}
html[dir="rtl"] .car-list-section .car-list-items .car-content {
    margin-right: 0;
}