/**
 * @author Ricardo Soares
 * @link https://www.linkedin.com/in/ricardo-david-soares-28dez
 * @version 1.0
 * Created at 05/03/2026 14:21:08
 */

:root {
    --image-negative-top: -6rem;
    --swiper-theme-color: var(--cc-darkblue) !important;
    --swiper-pagination-bullet-size: 15px;
    --swiper-navigation-size: 60px !important;
    --swiper-navigation-sides-offset: 0px;
}
section#car-options .spacing {
    height: calc(var(--image-negative-top) * (-1) + 1rem);
}
section#car-options .swiper-slide {
    padding-top: calc(var(--image-negative-top) * (-1));
}
.card-custom {
    background-color: var(--cc-darkblue);
    color: #fff;
    border-radius: .5rem;
    padding-top: calc(var(--image-negative-top) * (-1));
    position: relative;
    height: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
}
.card-custom .car-img {
    position: absolute;
    top: var(--image-negative-top);
    left: 50%;
    transform: translateX(-50%);
    max-width: 110%;
}
.card-custom .card-box {
    background: white;
    color: #000;
    border-radius: .25rem;
    padding: .75rem;
    margin: 2rem .75rem .75rem .75rem;
    text-align: center;
    flex: 1 1 auto;
    flex-grow: 1;
}
.card-custom .car-data {
    width: 100%;
}
.card-custom .card-data-prices * {
    color: #fff;
}
.badge {
    box-shadow: 0 4px 10px rgba(230, 230, 239, 0.8);
}
/*
.swiper-wrapper h2,
.swiper-wrapper h3 {
    font-weight: bold !important;
} */
/* hide default SVGs - replaced with Font Awesome on DOM * /
.swiper-button-prev svg.swiper-navigation-icon,
.swiper-button-prev::after,
.swiper-button-next svg.swiper-navigation-icon,
.swiper-button-next::after {
    display: none;
}
.swiper {
    padding: 0 60px;
} */