/*
 * Luneus - Grigore Mobile Fixes
 * Breakpoints used: max-width: 767px (mobile)
 */

/* Point 1 */
@media screen and (max-width: 767px) {
    .wpb_wrapper .vc_custom_heading.vc_do_custom_heading {
        text-align: center !important;
    }
}

/* Point 2 */

/* Teams */
@media screen and (max-width: 767px) {
    .teams-mobile-swiper {
        overflow: hidden !important;
    }

    .teams-mobile-swiper .swiper-wrapper {
        display: flex !important;
        flex-wrap: nowrap !important;
        align-items: stretch;
    }

    .teams-mobile-swiper .team-column {
        min-width: 0;
        height: auto !important;
    }

    .teams-mobile-swiper .team-column.vc_col-sm-4 {
        /* width: 100% !important; */
        float: none !important;
    }

    /* Slider Arrows */
    .teams-swiper-nav {
        margin-top: 15px;
        margin-bottom: 15px;
        justify-content: center;
    }
}

/* Case Studies */
@media screen and (max-width: 767px) {
    .case-studies-mobile-swiper {
        overflow: hidden !important;
    }

    .case-studies-mobile-swiper .swiper-wrapper {
        display: flex !important;
        flex-wrap: nowrap !important;
        align-items: stretch;
    }

    .case-studies-mobile-swiper .media-wrapper {
        min-width: 0;
        height: auto !important;
    }

    .case-studies-mobile-swiper .media-wrapper .blog-slide-btn {
        margin-bottom: 30px !important;
    }

    .case-studies-mobile-swiper .swiper-wrapper {
        width: 100%;
    }

    .case-studies-mobile-swiper .media-wrapper.swiper-slide {
        width: 100% !important;
        max-width: 100% !important;
        flex-shrink: 0;
        box-sizing: border-box;
    }

    /* Slider Arrows */
    .case-studies-swiper-nav {
        margin-top: 15px;
        margin-bottom: 15px;
        justify-content: center;
    }
}

/* Point 3 */
@media screen and (max-width: 767px) {
    #contact-form-home {
        background-image: url(/wp-content/themes/twentytwentyone-child/images/luneus-earth-image.png) !important;
        background-position: center !important;
        background-repeat: no-repeat !important;
        background-size: cover !important;
        background-blend-mode: overlay !important;
        background-color: rgba(46, 0, 55, 0.7) !important;
    }
}

/* Point 4 */
@media screen and (max-width: 767px) {
    .custom-heading {
        font-size: 42px !important;
        min-width: 300px !important;
        display: inline-block !important;
    }

    .second-section-heading::before {
        background-image: url(/wp-content/uploads/2025/09/down.svg) !important;
        background-position: top left !important;
    }

    .second-section-heading::after {
        background-image: url(/wp-content/uploads/2025/09/up.svg) !important;
        background-position: bottom right !important;
    }
}

/* Read More Toggle */
@media screen and (max-width: 767px) {
    .hero-truncated {
        display: -webkit-box !important;
        -webkit-line-clamp: 3 !important;
        -webkit-box-orient: vertical !important;
        overflow: hidden !important;
    }

    .hero-expanded {
        display: block !important;
        overflow: visible !important;
    }

    .hero-read-more-btn {
        margin-top: 10px;
    }
}

/* Points 5 */
@media screen and (max-width: 765px) {
    .second-main-section-first-row .wpb_wrapper h4.second-heading {
        text-align: left !important;
    }
}

/* Point 6 */
@media screen and (max-width: 767px) {
    .stylized-mobile-swiper {
        overflow: hidden !important;
    }

    .stylized-mobile-swiper .swiper-wrapper {
        display: flex !important;
        flex-wrap: nowrap !important;
        align-items: stretch;
    }

    .stylized-mobile-swiper .vc_col-sm-3 {
        width: 100% !important;
        float: none !important;
    }

    /* Slider Arrows */
    .stylized-swiper-nav {
        margin-top: 15px;
        margin-bottom: 15px;
        justify-content: center;
    }

    .stylized-mobile-swiper::before,
    .stylized-mobile-swiper::after {
        display: none !important;
    }

    .stylized-swiper-nav {
        margin-top: 15px;
        margin-bottom: 15px;
        justify-content: center;
        position: relative;
        z-index: 10;
    }
}