/* =========================================
   BO GENERAL
   ========================================= */

/* Wrapper för hela bodyn > bilvisning > bil */
#bodycontainer {
    background: ;
    color: ;
}

/* Wrapper > bilvisning > bil */
.main-containerbilvisning {
    max-width: 1720px !important;
}

/* Övre wrapper > modell, modellbeteckning och action-ikoner */
.bo-topbar .bo-row {
    background: ;
}

/* Styr små övre knappar */
.bo-icon-btn {
    border-radius: 0;
    box-shadow: none;
}

/* Styr knappfärger för bilvisning > bil */
.bo-cta .btn {
    background: pink;
}

/* Styr knappfärger för outline-knappar */
.btn.btn-outline-primary {
    background: pink;
    border: 0;
}

/* Styr knappfärger för finansuträkning */
.btn.bo-fin-btn {
    background: pink;
}

/* Styr knappfärger för finansuträkning & år när i :active state */
.bo-fin-btn.is-active,
.bo-fin-year.is-active {
    background: pink !important;
}

/* Styr knappfärger för knappen som aktiverar modal > "Restvärde" */
.btn.bo-restinfo {
    background: pink;
}

/* Styr boxarna i finanskalkylator */
#finanskalkylatorwrapper .bo-soft {
    background: pink;
}

/* Styr reglage som finns i finansuträkning */
.bo-range {
    accent-color: pink !important;
}

/* Styr huvudrubrikerna > Biluppgifter Utrustning Beskrivning */
.bo-section-title {
    font-weight: 700 !important;
}

/* Styr märketext/block */
.bo-brand {
    white-space: nowrap;
    /* bryt inte “Mercedes-Benz” */
    hyphens: none;
}

/* Styr modelltext/block */
.bo-model {
    display: block;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1;
    color: pink!important;
}

/* Styr pristext/block */
.bo-prices {
    justify-content: flex-end;
    gap: 4rem !important;
}

/* Ifall bil/objekt är sålt */
.bo-sold {
    font-size: 1rem;
    font-weight: 800;
    background: #000000;
    width: fit-content;
    padding: 1rem;
}

.bo-sold>.bo-sold-text {
    color: #fff !important;
}

/* Block för att justera grid som innehåller  */
.bo-spec-row {
    background: black !important;
    border-radius: 0 !important;
}

/* Styr content i utrustningsrutor  */
.bo-spec-row>.bo-icon,
.bo-spec-row>span {
    color: #fff;
    font-weight: 500 !important;
}

@media (max-width: 576px) {
    .bo-topbar .bo-row {
        flex-direction: column-reverse;
        gap: 2rem;
    }

    .bo-title {
        flex-direction: column;
        align-items: flex-start !important;
    }

    .bo-spec-row {
        padding: 0.5rem !important;
        min-height: auto !important;
    }

    .bo-spec-row>span {
        font-size: .85rem;
    }

    .bo-prices {
        justify-content: space-evenly;
    }
}


/* =========================================
   MODALER
   ========================================= */

.bo-share-modal {}

.bo-share-tile {
    border-radius: 0;
    border: 0;
    background: #f1f2f2;
}


/* =========================================
   BO JUSTERAS/FUTURE
   ========================================= */

.bo-action-fav.is-active {
    background: var(--bo-blue-200);
    transition: background-color .2s ease, transform .12s ease;
}

/* Gör raden till en container */
.bo-title {
    container-type: inline-size;

    /* Skalar snyggt: mobil → desktop */
    font-size: clamp(1.05rem, 0.85rem + 2.2cqi, 1.7rem);
}

/* Brand lite större/tydligare */
.bo-brand {
    font-size: 1.1em;
    font-weight: 700;
    white-space: nowrap;
    hyphens: none;
}

/* Modell lite mindre + ellipsis (desktop) */
.bo-model {
    font-size: 0.92em;
    min-width: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Ändrar miniatyrer under huvudbild */
.bo-thumb-btn {
    border-radius: 0;
}

/* Ändrar miniatyrer under när aktiva/klickade */
.bo-thumbs-swiper .swiper-slide-thumb-active .bo-thumb {
    outline: 3px solid rgba(0, 200, 150, .35);
    outline-offset: -3px;
}