/* 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;
}

/* Discount validity countdown timer (AUT-6877) — same appearance as Boss Auto.
   On the card it shares the previous-price row (same line as the previous price);
   on the PDP (.pdp) it sits directly above the previous price. */
.promotion-wrapper {
    display: flex;
    flex-direction: row;
    align-items: center;
    color: #31ff31;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    gap: 5px;
    margin-bottom: 5px;
}

.promotion-wrapper .icon {
    display: flex;
    align-items: center;
}

.promotion-wrapper .promotion-time-wrapper {
    display: flex;
    align-items: center;
    width: auto;
    gap: 5px;
}

.promotion-wrapper .promotion-time-wrapper .promotion-countdown {
    white-space: nowrap;
    display: flex;
    gap: 5px;
}

.promotion-wrapper .promotion-time-wrapper .promotion-countdown .seconds {
    width: 35px;
}

.promotion-wrapper.pdp {
    width: 100%;
}

/* Almautomobile uses the same red as the previous (strike-through) price instead
   of the default Boss Auto green; the clock icon follows via currentColor. */
.promotion-wrapper.almautomobile {
    color: red;
}

/* On the car card the countdown shares the previous-price row, so drop the
   stand-alone bottom spacing it uses when rendered as its own block. */
.previous-price-title .promotion-wrapper {
    margin-bottom: 0;
}