/* ===== SWIPER OVERRIDE CSS ===== */
/* This file overrides Swiper's default styles to force border radius on laptop screens */

/* Apply border radius only to slider elements on laptop screens (1024px+) */
@media (min-width: 1024px) {
    /* Override Swiper's default overflow:hidden */
    .swiper-container {
        overflow: visible !important;
        border-radius: 18px !important;
        border-top-left-radius: 18px !important;
        border-top-right-radius: 18px !important;
        border-bottom-left-radius: 18px !important;
        border-bottom-right-radius: 18px !important;
    }

    .swiper-wrapper {
        overflow: visible !important;
        border-radius: 18px !important;
        border-top-left-radius: 18px !important;
        border-top-right-radius: 18px !important;
        border-bottom-left-radius: 18px !important;
        border-bottom-right-radius: 18px !important;
    }

    .swiper-slide {
        overflow: visible !important;
        border-radius: 18px !important;
        border-top-left-radius: 18px !important;
        border-top-right-radius: 18px !important;
        border-bottom-left-radius: 18px !important;
        border-bottom-right-radius: 18px !important;
    }

    /* Force border radius on hero slider elements */
    .hero-slider .swiper-container,
    .hero-slider .swiper-wrapper,
    .hero-slider .swiper-slide,
    .hero-slider-desktop .swiper-container,
    .hero-slider-desktop .swiper-wrapper,
    .hero-slider-desktop .swiper-slide,
    .hero-slider-mobile .swiper-container,
    .hero-slider-mobile .swiper-wrapper,
    .hero-slider-mobile .swiper-slide {
        overflow: visible !important;
        border-radius: 18px !important;
        border-top-left-radius: 18px !important;
        border-top-right-radius: 18px !important;
        border-bottom-left-radius: 18px !important;
        border-bottom-right-radius: 18px !important;
    }

    /* Force border radius on all hero elements */
    .hero-slider-container,
    .hero-slider,
    .hero-slide,
    .hero-slide-background,
    .hero-slide-overlay,
    .hero-slide-content,
    .hero-slider-desktop,
    .hero-slider-mobile {
        border-radius: 18px !important;
        border-top-left-radius: 18px !important;
        border-top-right-radius: 18px !important;
        border-bottom-left-radius: 18px !important;
        border-bottom-right-radius: 18px !important;
    }

    /* Force border radius on the main container */
    .header-info-section {
        border-radius: 18px !important;
        border-top-left-radius: 18px !important;
        border-top-right-radius: 18px !important;
        border-bottom-left-radius: 18px !important;
        border-bottom-right-radius: 18px !important;
    }

    /* Force border radius on hero section wrapper */
    .hero-section-wrapper {
        border-radius: 18px !important;
        border-top-left-radius: 18px !important;
        border-top-right-radius: 18px !important;
        border-bottom-left-radius: 18px !important;
        border-bottom-right-radius: 18px !important;
    }

    /* Maximum specificity override */
    html body .swiper-container,
    html body .swiper-wrapper,
    html body .swiper-slide,
    html body .hero-slider-container,
    html body .hero-slider,
    html body .hero-slide,
    html body .hero-slide-background,
    html body .hero-slide-overlay,
    html body .hero-slide-content,
    html body .hero-slider-desktop,
    html body .hero-slider-mobile,
    html body .header-info-section,
    html body .hero-section-wrapper {
        border-radius: 18px !important;
        border-top-left-radius: 18px !important;
        border-top-right-radius: 18px !important;
        border-bottom-left-radius: 18px !important;
        border-bottom-right-radius: 18px !important;
        overflow: visible !important;
    }
}