/* =========================================================
Car Cards: Grid / Row
========================================================= */

.bo-cards-page {
    font-family: "Gabarito", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}

/* Base card */
.bo-car-card {
    background: inherit;
    border-radius: var(--bo-radius-4xl);
    /*height: -webkit-fill-available;*/
}

.bo-car-card[data-bo-href]:hover {
    cursor: pointer;
}

.bo-car-card-content {
    margin-top: auto;
    padding: var(--bo-space-4);
}

.bo-car-card-content__pills {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: var(--bo-space-2);
}

.bo-car-card__media {
    position: relative;
    height: 100%;
    background: var(--bo-card-media-bg);
}

.bo-car-card__img {
    display: block;
    object-fit: cover;
}

.bo-car-card--grid {
    border: 0;
    border-radius: var(--bo-radius-sm);
    box-shadow: var(--bo-shadow-sm);
    overflow: hidden;
}

/* Grid image height */
.bo-car-card--grid .bo-car-card__img {
    width: 100%;
}

.bo-car-card--row {
    border: 0;
    border-radius: var(--bo-radius-sm);
    box-shadow: var(--bo-shadow-sm);
    overflow: hidden;
}

.bo-car-card--row > .row {
    --bs-gutter-y: 0;
    --bs-gutter-x: 0;
}

/* Row image height (match card height) */
.bo-car-card--row .bo-car-card__img {
    width: 100%;
    height: 100%;
    min-height: var(--bo-card-row-min-height);
}

.bo-car-card--grid .bo-car-card__media,
.bo-car-card--row .bo-car-card__media {
    overflow: hidden;
}

/* On mobile (row becomes stacked) */
@media (max-width: 767.98px) {
    .bo-car-card--row .bo-car-card__media {
        border-top-right-radius: var(--bo-radius-sm);
        border-bottom-left-radius: 0;
    }
}

/* Badge style */
.bo-badge {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.45rem 0.6rem;
    border-radius: var(--bo-radius-md);
    font-weight: 700;
    font-size: var(--bo-size-md);
    line-height: 1;
    border: 1px solid var(--bo-badge-border);
    box-shadow: var(--bo-badge-shadow);
}

.bo-badge--soft {
    background: var(--bo-badge-soft-bg);
    color: var(--bo-badge-soft-text);
}

/* Small pill: Begagnad */
.bo-pill {
    display: inline-flex;
    align-items: center;
    padding: 0.3rem 0.55rem;
    border-radius: var(--bo-radius-md);
    background: var(--bo-pill-bg);
    color: var(--bo-pill-text);
    border: 1px solid var(--bo-pill-border);
    font-size: 0.75rem;
}

/* Location */
.bo-loc {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    font-weight: 600;
    color: var(--bo-text);
    font-size: 0.875em;
}

/* Favorite button */
.bo-car-card__fav {
    position: absolute;
    right: 0;
    bottom: 0;
    margin: var(--bo-space-4);
    width: var(--bo-size-7xl);
    height: var(--bo-size-7xl);
    border: 0;
    border-radius: var(--bo-radius-pill);
    background: var(--bo-fav-btn-bg);
    color: var(--bo-fav-btn-color);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-shadow: var(--bo-fav-btn-shadow);
}

    .bo-car-card__fav:hover {
        transform: translateY(-1px);
    }

/* Title */
.bo-car-card__title {
    letter-spacing: -0.01em;
    margin-bottom: var(--bo-space-2);
    font-size: clamp(1.1rem, 1.02rem + 0.25vw, 1.25rem);
}

/* Meta */
.bo-car-meta {
    margin: 0;
    padding-left: 0;
    list-style: none;
    color: var(--bo-text);
}

.bo-meta-ico {
    font-size: var(--bo-size-xl);
    line-height: 1;
    margin-bottom: 0.375rem;
    color: var(--bo-text);
}

/* Meta - bullets (horizontal) */
.bo-car-meta--bullets {
    display: flex;
    gap: var(--bo-size-xl);
    flex-wrap: wrap;
}

.bo-car-meta--bullets li {
    position: relative;
    padding-left: var(--bo-size-md);
    font-weight: 600;
}

.bo-car-meta--bullets li::before {
    content: "•";
    position: absolute;
    top: 0;
    left: 0;
    color: var(--bo-text);
    opacity: 0.85;
}

/* Meta - inline icons */
.bo-car-meta--inline span {
    font-weight: 600;
}

/* Price row */
.bo-price-row {
    display: flex;
    align-items: baseline;
    gap: var(--bo-space-4);
    margin-bottom: var(--bo-space-4);
}

.bo-price-row__price {
    font-size: clamp(1.125rem, 1.05rem + 0.25vw, 1.25rem);
    font-weight: 700;
    margin-bottom: 0;
}

.bo-price-row__priceold {
    --bs-text-opacity: 1;
    color: var(--bs-secondary-color);
    text-decoration: line-through;
    font-size: 0.875em;
}

.bo-price-row__month {
    opacity: 0.55;
    font-weight:600;
}

/* Row layout: keep content clean */
.bo-car-card--row .bo-car-card__title {
    font-size: 1.35rem;
}

@media (max-width: 991.98px) {
    .bo-car-card--row .bo-car-card__title {
        font-size: 1.2rem;
    }
}

/* Subtle separators */
.bo-car-meta.border-top,
.bo-car-meta.border-bottom {
    border-color: var(--bo-alpha-black-08) !important;
}

/* 5 kolumnare i senaste fordon */
@media (min-width: 992px) {
    .col-lg-5th {
        flex: 0 0 20%;
        max-width: 20%;
    }
}

/* Make badges not stick to edges too tight on small screens */
@media (max-width: 575.98px) {
    .bo-car-card__badges {
        padding: var(--bo-space-3) !important;
        gap: var(--bo-space-2) !important;
    }
}

/* Badges */
.bo-car-card__badges {
    position: absolute;
    top: 0;
    left: 0;
    padding: var(--bo-space-4);
    display: flex;
    gap: var(--bo-space-2);
}

/* New */
.bo-car-card__cta {
    display: flex;
    gap: var(--bo-space-2);
}

.bo-card-btn {
    flex: 1 1 auto !important;
}

.bo-car-meta--blocks {
    border-top: 1px solid var(--bo-alpha-black-08);
    border-bottom: 1px solid var(--bo-alpha-black-08);
    padding: var(--bo-space-4) 0;
    margin-bottom: var(--bo-space-4);
}

.bo-car-meta--blocks > .row {
    text-align: center;
    --bs-gutter-y: var(--bo-space-2);
    --bs-gutter-x: var(--bo-space-2);
}

.bo-cards-row {
    display: flex;
    flex-direction: column;
    gap: var(--bo-space-6);
}