/* ==========================================================================
   CoreForm — Banners & Carousel
   ========================================================================== */

/* Page banner */
.promo-banner {
    border-radius: var(--cf-radius-lg) !important;
    overflow: hidden;
    box-shadow: var(--cf-shadow-md) !important;
}

/* Dynamic banner collection */
.banner-container {
    border-radius: var(--cf-radius-lg) !important;
    overflow: hidden;
}

/* Reviews carousel */
.reviews-carousel .carousel-item {
    padding: var(--cf-space-8);
}

.review-card {
    background: #fff !important;
    border: 1px solid var(--cf-border) !important;
    border-radius: var(--cf-radius-lg) !important;
    padding: var(--cf-space-8) !important;
    box-shadow: var(--cf-shadow-sm) !important;
}

.review-card .review-stars {
    color: var(--cf-accent) !important;
}

.review-card .review-text {
    color: var(--cf-text) !important;
    font-style: italic;
    line-height: var(--cf-leading-relaxed) !important;
}

.review-card .review-author {
    color: var(--cf-text-muted) !important;
    font-weight: var(--cf-weight-medium) !important;
    font-size: var(--cf-text-sm) !important;
}

/* Carousel controls */
.carousel-control-prev-icon,
.carousel-control-next-icon {
    background-color: var(--cf-secondary);
    border-radius: var(--cf-radius-full);
    padding: var(--cf-space-6);
    background-size: 50%;
}

.carousel-indicators [data-bs-target] {
    background-color: var(--cf-primary) !important;
    border-radius: var(--cf-radius-full) !important;
    width: 10px !important;
    height: 10px !important;
}