/* defaulttemplate overrides for the shared car card carousel
   (resources/generics/postcss/carCardCarouselWithOverlay.css) — same pattern
   as autostark's overrides in its tags/carCard.css */

/* fixed footprint: without this, slides keep their natural image ratio and the
   card grows/shifts by a few pixels while later slides lazy-load */
.card-carousel-container {
    aspect-ratio: 3 / 2;
}

.card-carousel-container .card-carousel-slide a {
    display: block;
    width: 100%;
    height: 100%;
}

.card-carousel-container .card-carousel-slide img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}

/* the overlay slide's "Deschide anunțul" link follows the dealer theme color
   (set by shared:dealerTheme from themePrimaryColor) instead of the generic's
   hardcoded yellow; white fallback when the dealer has no theme color set */
.card-carousel-container .overlay-slide .overlay .redirect {
    color: var(--dealer-primary, #ffffff);
}

/* dots at the bottom of the image, like autostark */
.card-carousel-container .card-carousel-dots {
    top: auto;
    bottom: 10px;
    display: flex;
    gap: 5px;
}

.card-carousel-container .card-carousel-dots .dot {
    margin: 0;
}