/*
 * Shared mobile styles for service detail pages:
 * - /dich-vu/v2-to-chuc-su-kien/
 * - /dich-vu/v2-outside-catering/
 * - /dich-vu/v2-tiec-cuoi/
 * - /dich-vu/v2-tiec-sinh-nhat/
 */

@media (max-width: 849px) {
    .slider-wrapper .flickity-button.flickity-prev-next-button.previous {
        left: 0 !important;
    }

    .slider-wrapper .flickity-button.flickity-prev-next-button.next {
        right: 0 !important;
    }
}

@media (max-width: 549px) {
    section:has(+ section + .section_tab_gallery_desktop) {
        padding-bottom: 0 !important;
    }

    section + section:has(+ .section_tab_gallery_desktop) {
        padding-top: 0 !important;
    }

    .section_tab_gallery_mobile.section-wedding-gallery {
        padding-bottom: 60px !important;
    }

    .section_tab_gallery_mobile.section-wedding-gallery > .section-content > .row > .col {
        padding-bottom: 0 !important;
    }

    .section_tab_gallery_mobile.section-wedding-gallery .tabbed-content > .nav {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px;
        width: 100%;
        margin: 0 0 20px !important;
        padding: 0 15px;
    }

    .section_tab_gallery_mobile.section-wedding-gallery .tabbed-content > .nav > li {
        width: auto;
        margin: 0 !important;
    }

    .section_tab_gallery_mobile.section-wedding-gallery .tabbed-content > .nav > li > a {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        min-height: 54px;
        padding: 8px 5px;
        border: 0 !important;
        border-radius: 18px;
        background-color: #1D336E;
        color: #fff !important;
        font-size: 12px;
        font-weight: 700;
        line-height: 1.25;
        text-align: center;
        white-space: normal;
    }

    .section_tab_gallery_mobile.section-wedding-gallery .tabbed-content > .nav > li.active > a {
        background-color: #EFB9B9 !important;
        color: #fff !important;
    }

    .section_tab_gallery_mobile.section-wedding-gallery .tabbed-content > .nav > li > a::before {
        display: none !important;
    }

    .section_tab_gallery_mobile .flickity-button.flickity-prev-next-button {
        width: 24px !important;
        height: 41px !important;
        min-height: 41px !important;
        padding: 0 !important;
        border-radius: 0 !important;
        background-color: #1D336E !important;
        opacity: 1 !important;
    }

    .section_tab_gallery_mobile .flickity-button.flickity-prev-next-button svg {
        width: 16px;
        height: 16px;
        fill: #fff;
    }

    .oc-intro-text > .col-inner {
        padding-bottom: 0 !important;
    }

    .oc-intro-text .col-inner > .text:nth-child(3) p {
        font-size: 16px !important;
    }

    .oc-intro-text a.button {
        display: inline-flex !important;
        align-items: center;
        justify-content: center;
        min-width: 210px;
        min-height: 58px;
        padding: 0 28px !important;
        line-height: 1.2 !important;
    }

    .oc-intro-text a.button span {
        font-size: 16px !important;
    }

    .slider-wrapper .flickity-page-dots {
        display: none !important;
    }

    .slider-style-focus.slider:has(.ms-branch) .flickity-prev-next-button.previous {
        left: 15px !important;
    }

    .slider-style-focus.slider:has(.ms-branch) .flickity-prev-next-button.next {
        right: 15px !important;
    }

    section:has(.ms-facilities) {
        padding-top: 60px !important;
        padding-bottom: 50px !important;
        background-color: #F7F5EF !important;
    }

    section:has(.ms-facilities):has(+ section + .section_tab_gallery_desktop) {
        padding-bottom: 50px !important;
    }

    section:has(.ms-facilities) .text_note p {
        margin-bottom: 0 !important;
    }

    .text_note p {
        margin-bottom: 0 !important;
    }

    .row:has(.is-divider.divider) h2.style-heading,
    .row:has(.is-divider.divider) h3.style-heading {
        margin-bottom: 20px !important;
    }

    .col-inner.text-center > .row + .text p {
        font-size: 16px !important;
        margin-bottom: 0 !important;
    }

    .section-content > .row > .col:has(> .col-inner.text-center > .row + .text) {
        padding-bottom: 10px !important;
    }

    .section_tab_gallery_desktop + .row.show-for-small > .col {
        padding-bottom: 0 !important;
    }

    section:has(.ms-facilities) > .section-content > .row > .col {
        padding-bottom: 10px !important;
    }

    section:has(.ms-count-up) {
        padding-top: 70px !important;
        padding-bottom: 45px !important;
    }

    .slider_custom_mobile_item .section-content > .row {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .slider_custom_mobile_item .section-content > .row > .col {
        padding-bottom: 0 !important;
    }

    .slider_custom_mobile_item .section-content > .row > .col > .col-inner {
        padding-bottom: 0 !important;
    }
}