/* Shared visual adjustments for optional third-party plugins. Vendor CSS is loaded per page. */
.swiper-button-next,
.swiper-button-prev {
    width: 44px;
    height: 44px;
    border: 1px solid var(--rcc-border);
    border-radius: 50%;
    background: var(--rcc-white);
    color: var(--rcc-primary);
    box-shadow: var(--rcc-shadow-sm);
}

.swiper-button-next::after,
.swiper-button-prev::after {
    font-size: 15px;
    font-weight: 800;
}

.swiper-pagination-bullet-active {
    background: var(--rcc-primary);
}

.mfp-bg {
    background: var(--rcc-dark);
    opacity: 0.92;
}

.select2-container .select2-selection--single {
    height: 50px;
    border-color: var(--rcc-border);
    border-radius: var(--rcc-radius-sm);
}

.select2-container .select2-selection--single .select2-selection__rendered {
    line-height: 48px;
    padding-left: 16px;
}

.select2-container .select2-selection--single .select2-selection__arrow {
    height: 48px;
    right: 8px;
}