/* Mobile Overflow Fix */
* {
    box-sizing: border-box;
}

/* container-xl: không dùng padding-right từ Bootstrap */
.container-xl {
    padding-right: unset;
}

/* Mobile specific fixes only */
@media (max-width: 768px) {

    html,
    body {
        overflow-x: hidden !important;
        max-width: 100%;
        position: relative;
    }

    body {
        overflow-x: hidden !important;
    }

    .container,
    .container-fluid {
        padding-left: 12px !important;
        padding-right: 12px !important;
        max-width: 100% !important;
        overflow-x: hidden;
    }

    /* container-xl: chỉ giữ max-width và overflow, không dùng padding */
    .container-xl {
        max-width: 100% !important;
        overflow-x: hidden;
    }

    .row {
        margin-left: -12px !important;
        margin-right: -12px !important;
        max-width: 100%;
    }

    [class*="col-"] {
        padding-left: 12px !important;
        padding-right: 12px !important;
    }

    /* Exception: quick-links-col-first không dùng padding từ col */
    .quick-links-col-first {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    /* Ensure sections don't overflow */
    section {
        max-width: 100%;
        overflow-x: hidden;
    }

    /* Fix for any full-width sections */
    .section-hero,
    .banner-section,
    .section-highlights,
    .section-news,
    .government-resolutions-section,
    .investment-statistics-section,
    .partner-banner-slider {
        max-width: 100%;
        overflow-x: hidden;
    }

    /* Prevent any element from causing horizontal scroll */
    * {
        max-width: 100%;
    }

    img {
        max-width: 100%;
        height: auto;
    }
}

@media (max-width: 480px) {

    .container,
    .container-fluid {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    /* container-xl: không dùng padding ở 480px */

    .row {
        margin-left: -10px !important;
        margin-right: -10px !important;
    }

    [class*="col-"] {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    /* Exception: quick-links-col-first không dùng padding từ col */
    .quick-links-col-first {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}