/* Shared public-page corrections that restore the legacy black/white/yellow palette. */
.about-section,
.contact-section,
.booking-section,
.booking-success-section,
.stores-section,
.store-detail-section,
.showroom-section,
.showroom-detail-section,
.video-section,
.video-detail-section,
.video-list,
.video-detail {
    background: #000;
    color: #fff;
}

.about-section h1,
.about-section h2,
.contact-section h1,
.contact-section h5,
.booking-section h1,
.booking-success-section h2,
.stores-section h1,
.store-detail-section h1,
.store-detail-section h4,
.showroom-section h1,
.showroom-detail-section h1,
.video-section h1,
.video-detail-section h1,
.video-list h1,
.video-detail h1 {
    color: #fff;
}

.about-section .about-content,
.about-section .about-content p,
.contact-section p,
.booking-section label,
.booking-section .card-body,
.store-detail-section .store-info,
.showroom-detail-section .showroom-content {
    color: #fff;
}

.stores-section .card,
.showroom-section .card,
.showroom-detail-section .card,
.booking-section .card,
.booking-success-section .card,
.video-section .card,
.video-detail .card,
.video-list .card {
    background: #fff;
    border-radius: 0;
    color: #000;
}

.stores-section .card a,
.showroom-section .card a,
.showroom-detail-section .card a,
.video-section .card a,
.video-detail .card a,
.video-list .card a {
    color: #000;
}

.stores-section .card-title a,
.showroom-section .card-title a,
.video-section .card-title,
.video-list .card-body,
.video-detail .card-body {
    font-weight: 700;
}

.contact-section .btn-primary,
.booking-section .btn-primary,
.booking-success-section .btn-primary,
.showroom-section .btn-primary,
.showroom-section .btn-outline-primary,
.stores-section .btn-primary {
    background: #fff200;
    border-color: #fff200;
    color: #000;
}

.showroom-section .btn-outline-primary {
    background: transparent;
    color: #fff200;
}

.showroom-section .btn-outline-primary:hover,
.showroom-section .btn-outline-primary:focus {
    background: #fff200;
    color: #000;
}

.contact-section .form-control,
.booking-section .form-control {
    border-radius: 0;
}

.store-detail-section .breadcrumb,
.showroom-detail-section .breadcrumb {
    border-radius: 0;
}

/* Keep carousel controls inside the carousel instead of in the document flow. */
.slide .owl-carousel {
    position: relative;
}

.slide .owl-carousel .owl-nav {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    z-index: 5;
    height: 0;
    margin: 0;
    transform: translateY(-50%);
    pointer-events: none;
}

.slide .owl-carousel .owl-nav button.owl-prev,
.slide .owl-carousel .owl-nav button.owl-next {
    position: absolute;
    top: -20px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent !important;
    pointer-events: auto;
}

.slide .owl-carousel .owl-nav button.owl-prev {
    left: 12px;
}

.slide .owl-carousel .owl-nav button.owl-next {
    right: 12px;
}

.slide .owl-carousel .owl-nav button img {
    display: block;
    width: 40px;
    height: 40px;
    max-height: none;
}

.slide.trending .owl-carousel .owl-nav button.owl-prev,
.slide.video .owl-carousel .owl-nav button.owl-prev {
    left: -4rem;
}

.slide.trending .owl-carousel .owl-nav button.owl-next,
.slide.video .owl-carousel .owl-nav button.owl-next {
    right: -4rem;
}

.slide .owl-carousel .owl-nav button:hover,
.slide .owl-carousel .owl-nav button:focus {
    opacity: .75;
    outline: none;
}

@media (max-width: 575px) {
    .slide .owl-carousel .owl-nav button.owl-prev,
    .slide .owl-carousel .owl-nav button.owl-next {
        width: 32px;
        height: 32px;
        top: -16px;
    }

    .slide .owl-carousel .owl-nav button img {
        width: 32px;
        height: 32px;
    }

    .slide .owl-carousel .owl-nav button.owl-prev {
        left: 6px;
    }

    .slide .owl-carousel .owl-nav button.owl-next {
        right: 6px;
    }

    .slide.trending .owl-carousel .owl-nav button.owl-prev,
    .slide.video .owl-carousel .owl-nav button.owl-prev {
        left: -3.5rem;
    }

    .slide.trending .owl-carousel .owl-nav button.owl-next,
    .slide.video .owl-carousel .owl-nav button.owl-next {
        right: -3.5rem;
    }
}