/*
|--------------------------------------------------------------------------
| DATXE CONTAINER SYNC 1280 - FINAL OVERRIDE
|--------------------------------------------------------------------------
| Mục tiêu:
| - Navbar / search header / slider vẫn full màn hình theo CSS gốc.
| - Tất cả khối nội dung bên dưới đồng bộ cùng một trục container 1280px.
| - Fix riêng trang chi tiết tin đăng + trang shop đang hardcode 1180/1200/1220/1240.
| File này phải được load CUỐI CÙNG ở frontend.
*/

:root{
    --w11-container: 1280px !important;
    --site-container: 1280px !important;
    --datxe-container: 1280px !important;
    --container-1280: 1280px !important;
    --container-side-padding: 16px !important;
}

/* Reset khung tổng để không có trang dùng 1180/1200/1220/1240 riêng */
.w11-pro-main,
.ct5-page,
.wt-page,
.wt-shop-page,
.wt-market-page,
.alg-page{
    width:100% !important;
    max-width:100% !important;
    box-sizing:border-box !important;
}

/* Container chuẩn toàn site - desktop */
@media (min-width: 992px){
    main.w11-pro-main > .container:not(.container-fluid),
    main.w11-pro-main .container:not(.container-fluid),
    .w11-pro-container,
    .container-main,
    .front-container,
    .site-container,
    .page-container,
    .posts-container,
    .wt-container,
    .wt2-container,
    .wt-market-container,
    .wt-detail-container,
    .wt-page-container,
    .wt-shop-container,
    .w2-commerce-container,
    .gx-container,
    .alg-container,
    .authx-container,
    .datxe-container,
    .datxe-footer-container,
    .dt-booking-lead__container,
    .datxe-booking-oldstyle-container,
    .home__homeContainer,
    .home__containerSubBanner,
    .ct5-container{
        width:min(1280px, calc(100% - 32px)) !important;
        max-width:1280px !important;
        margin-left:auto !important;
        margin-right:auto !important;
        padding-left:0 !important;
        padding-right:0 !important;
        box-sizing:border-box !important;
    }

    /* Bootstrap container trong nội dung không được tự nhảy 1320 làm lệch */
    main.w11-pro-main .container,
    .w11-pro-main .container,
    .ct5-page .container{
        --bs-gutter-x: 0 !important;
    }
}

/* Mobile/tablet giữ full width có padding an toàn */
@media (max-width: 991.98px){
    main.w11-pro-main > .container:not(.container-fluid),
    main.w11-pro-main .container:not(.container-fluid),
    .w11-pro-container,
    .container-main,
    .front-container,
    .site-container,
    .page-container,
    .posts-container,
    .wt-container,
    .wt2-container,
    .wt-market-container,
    .wt-detail-container,
    .wt-page-container,
    .wt-shop-container,
    .w2-commerce-container,
    .gx-container,
    .alg-container,
    .authx-container,
    .datxe-container,
    .datxe-footer-container,
    .dt-booking-lead__container,
    .datxe-booking-oldstyle-container,
    .home__homeContainer,
    .home__containerSubBanner,
    .ct5-container{
        width:100% !important;
        max-width:100% !important;
        margin-left:auto !important;
        margin-right:auto !important;
        padding-left:12px !important;
        padding-right:12px !important;
        box-sizing:border-box !important;
    }
}

@media (max-width: 575.98px){
    main.w11-pro-main > .container:not(.container-fluid),
    main.w11-pro-main .container:not(.container-fluid),
    .w11-pro-container,
    .container-main,
    .front-container,
    .site-container,
    .page-container,
    .posts-container,
    .wt-container,
    .wt2-container,
    .wt-market-container,
    .wt-detail-container,
    .wt-page-container,
    .wt-shop-container,
    .w2-commerce-container,
    .gx-container,
    .alg-container,
    .authx-container,
    .datxe-container,
    .datxe-footer-container,
    .dt-booking-lead__container,
    .datxe-booking-oldstyle-container,
    .home__homeContainer,
    .home__containerSubBanner,
    .ct5-container{
        padding-left:10px !important;
        padding-right:10px !important;
    }
}

/* Những khối được phép full màn hình */
.header-wow,
.header-wow-mini-top,
.header-wow-top,
.header-wow-sticky,
.w11-topbar,
.w11-mainbar,
.w11-navline,
.navbar,
.hero-slider,
.home_slider,
.home__slider,
.datxe-container-fluid,
.container-fluid,
.swiper.full-width,
.banner-full,
.full-width{
    max-width:100% !important;
}

/* HOME: slider/banner trên có thể full theo thiết kế, các khối dưới giữ trục 1280 */
@media (min-width: 992px){
    .datxe-booking-hero-container,
    .datxe-booking-after-slider,
    .gridAds__wrapper,
    .hb-home-banner-slider .w11-pro-container,
    .hb-home-icon-slider-section .w11-pro-container{
        width:min(1280px, calc(100% - 32px)) !important;
        max-width:1280px !important;
        margin-left:auto !important;
        margin-right:auto !important;
        box-sizing:border-box !important;
    }
}

/* DETAIL LISTING: bỏ toàn bộ hardcode 1220/1200, đồng bộ 1280 */
@media (min-width: 992px){
    .ct5-listing-page .ct5-container{
        width:min(1280px, calc(100% - 32px)) !important;
        max-width:1280px !important;
        margin-left:auto !important;
        margin-right:auto !important;
        padding-left:0 !important;
        padding-right:0 !important;
        box-sizing:border-box !important;
    }

    .ct5-listing-page .ct5-container > .ct5-detail-banner,
    .ct5-listing-page .ct5-container > .ct5-breadcrumb,
    .ct5-listing-page .ct5-container > .ct5-scrollbar,
    .ct5-listing-page .ct5-container > .ct5-detail-layout,
    .ct5-listing-page .ct5-container > .ct5-wide-related,
    .ct5-listing-page .ct5-detail-banner,
    .ct5-listing-page .ct5-breadcrumb,
    .ct5-listing-page .ct5-detail-layout,
    .ct5-listing-page .ct5-wide-related{
        width:100% !important;
        max-width:100% !important;
        margin-left:0 !important;
        margin-right:0 !important;
        box-sizing:border-box !important;
    }

    .ct5-listing-page .ct5-detail-layout{
        display:grid !important;
        grid-template-columns:minmax(0, 860px) 400px !important;
        gap:20px !important;
        justify-content:stretch !important;
        align-items:start !important;
    }

    .ct5-listing-page .ct5-detail-main,
    .ct5-listing-page .ct5-detail-sidebar{
        width:100% !important;
        max-width:100% !important;
        min-width:0 !important;
    }

    .ct5-listing-page .ct5-wide-related{
        max-width:1280px !important;
    }

    .ct5-listing-page .ct5-scrollbar-inner{
        width:min(1280px, calc(100% - 32px)) !important;
        max-width:1280px !important;
        margin-left:auto !important;
        margin-right:auto !important;
        box-sizing:border-box !important;
    }
}

/* SHOP DETAIL: fix trang shop đang rộng/hẹp khác trang chi tiết */
@media (min-width: 992px){
    .ct5-shop-page .ct5-container{
        width:min(1280px, calc(100% - 32px)) !important;
        max-width:1280px !important;
        margin-left:auto !important;
        margin-right:auto !important;
        padding-left:0 !important;
        padding-right:0 !important;
        box-sizing:border-box !important;
    }

    .ct5-shop-page .ct5-container > .ct5-shop-banner,
    .ct5-shop-page .ct5-container > .ct5-breadcrumb,
    .ct5-shop-page .ct5-container > .ct5-shop-hero,
    .ct5-shop-page .ct5-container > .ct5-shop-tabs,
    .ct5-shop-page .ct5-container > .ct5-shop-layout,
    .ct5-shop-page .ct5-shop-banner-wrap,
    .ct5-shop-page .ct5-shop-top-banner,
    .ct5-shop-page .ct5-shop-bottom-banner,
    .ct5-shop-page .ct5-shop-banner,
    .ct5-shop-page .ct5-breadcrumb,
    .ct5-shop-page .ct5-shop-hero,
    .ct5-shop-page .ct5-shop-tabs,
    .ct5-shop-page .ct5-shop-layout{
        width:100% !important;
        max-width:100% !important;
        margin-left:0 !important;
        margin-right:0 !important;
        box-sizing:border-box !important;
    }

    .ct5-shop-page .ct5-shop-layout{
        display:grid !important;
        grid-template-columns:minmax(0, 860px) 400px !important;
        gap:20px !important;
        justify-content:stretch !important;
        align-items:start !important;
    }

    .ct5-shop-page .ct5-shop-layout > main,
    .ct5-shop-page .ct5-shop-layout > aside{
        width:100% !important;
        max-width:100% !important;
        min-width:0 !important;
    }

    .ct5-shop-page .ct5-shop-profile-row{
        width:100% !important;
        max-width:100% !important;
        display:grid !important;
        grid-template-columns:86px minmax(0,1fr) 360px !important;
        gap:16px !important;
        align-items:end !important;
        box-sizing:border-box !important;
    }

    .ct5-shop-page .ct5-shop-actions,
    .ct5-shop-page .ct5-shop-side-actions{
        width:100% !important;
        max-width:100% !important;
        display:grid !important;
        grid-template-columns:repeat(2, minmax(0,1fr)) !important;
        gap:8px !important;
    }

    .ct5-shop-page .ct5-shop-listing-grid{
        grid-template-columns:repeat(4, minmax(0,1fr)) !important;
        gap:14px !important;
    }
}

/* SEARCH / CATEGORY / SHOP INDEX / NEWS: đồng bộ wrapper hay gặp */
@media (min-width: 992px){
    .wt-market-container,
    .wt-page-container,
    .wt-shop-container,
    .wt-detail-container,
    .listing-page-container,
    .listing-index-container,
    .shop-index-container,
    .search-page-container,
    .news-page-container,
    .news-detail-container,
    .seo-page-container,
    .geo-landing-container,
    .service-cluster-container{
        width:min(1280px, calc(100% - 32px)) !important;
        max-width:1280px !important;
        margin-left:auto !important;
        margin-right:auto !important;
        padding-left:0 !important;
        padding-right:0 !important;
        box-sizing:border-box !important;
    }
}

/* Footer content cùng trục 1280, nền footer vẫn full */
@media (min-width: 992px){
    .w11-pro-footer .w11-pro-container,
    .w11-pro-footer .datxe-footer-container,
    footer .w11-pro-container,
    footer .datxe-footer-container,
    footer .container:not(.container-fluid){
        width:min(1280px, calc(100% - 32px)) !important;
        max-width:1280px !important;
        margin-left:auto !important;
        margin-right:auto !important;
        padding-left:0 !important;
        padding-right:0 !important;
        box-sizing:border-box !important;
    }
}

/* Không cho ảnh/banner nội dung vượt container gây cảm giác lệch */
.ct5-page img,
.w11-pro-main img,
.front-banner img{
    max-width:100%;
}