/*
Theme Name: Taieryi
Theme URI: https://example.com/
Author: Taieryi
Author URI: https://example.com/
Description: Theme WordPress tuy chinh (header/footer theo web mau), tich hop Elementor custom widgets va WooCommerce.
Version: 1.8.9
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: sao-thuy
Tags: e-commerce, custom-menu, featured-images, translation-ready
*/

/*
 * Font toan site. Doi font: sua --site-font + link Google Fonts trong inc/enqueue.php.
 * !important de thang font cung trong CSS goc va typography Elementor; bo qua font icon.
 */
:root {
    --site-font: "Montserrat", sans-serif;
}
body,
body *:not([class*="fa-"]):not(.fa):not(.fas):not(.far):not(.fab):not([class*="eicon"]):not(.glyphicon):not([class*="dashicons"]):not(.ab-icon) {
    font-family: var(--site-font) !important;
}

/* Base resets */
html {
    overflow-x: hidden;
    max-width: 100%;
    -webkit-text-size-adjust: 100%;
}
body {
    margin: 0;
    -webkit-font-smoothing: antialiased;
    background-color: #fff;
    overflow-x: hidden !important;
    max-width: 100%;
    position: relative;
}

body.header-overlay #primary.site-main {
    padding-top: 0;
    margin-top: 0;
}

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

.sao-thuy-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 15px;
    box-sizing: border-box;
}

.screen-reader-text {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px);
}

body.nav-open {
    overflow: hidden;
}

/*
 * Anti horizontal scroll / khoang trang trang khi keo trai tren mobile.
 * Ghi de min-width PC-only tu common(1).css + assets/css/style.css.
 */
@media (max-width: 1199px) {
    html,
    body {
        overflow-x: hidden !important;
        max-width: 100vw !important;
        min-width: 0 !important;
        width: 100% !important;
    }

    body,
    .widpub,
    .header_main,
    .footer,
    #banner,
    #banner_main,
    .w1200,
    .st-widget,
    .row_mod,
    .elementor,
    .elementor-section,
    .elementor-container,
    .elementor-widget-wrap,
    .site-main,
    #primary {
        min-width: 0 !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }

    .w1200 {
        width: 100% !important;
    }

    .widpub {
        width: 100% !important;
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    .elementor-section.elementor-section-boxed > .elementor-container {
        max-width: 100% !important;
    }
}

@media (max-width: 991px) {
    .swiper-container,
    .swiper,
    [data-st-swiper] {
        overflow: hidden !important;
        max-width: 100% !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }

    .row_mod_02 .swiper-slide {
        width: 70% !important;
        max-width: 280px;
    }

    .row_mod_01_ctn_bj {
        display: flex !important;
        flex-direction: column !important;
        padding: 0 !important;
        background: none !important;
    }

    .row_mod_01_l {
        display: contents !important;
        width: 100% !important;
    }

    .row_mod_01_r {
        width: 100% !important;
        order: 3;
    }

    .row_mod_01_title_img {
        width: 100% !important;
        max-width: 100% !important;
        order: 1;
    }

    .row_mod_01_title {
        order: 2;
    }

    .row_mod_01_desc,
    .row_mod_01_desc_en {
        order: 4;
    }

    .row_mod_01_l a.readMore {
        width: 100% !important;
        max-width: none !important;
        order: 5;
    }

    .rightFix {
        display: none !important;
    }
}

/*
 * Khung noi dung chung toan site: --site-width o giua, nen van tran man hinh.
 * Chi ap dung desktop (>=1201px); tablet/mobile giu cac moc 40/20/16px cu.
 * Khung cua container Elementor chinh o: Elementor > Site Settings > Layout > Content Width (dat cung gia tri).
 */
:root {
    --site-width: 1240px;
    --site-gutter: 20px;
}
@media (min-width: 1201px) {
    .header_main,
    .footer .widpub,
    .widpub,
    .st-hero-banner__caption {
        padding-left: max(var(--site-gutter), calc((100% - var(--site-width)) / 2));
        padding-right: max(var(--site-gutter), calc((100% - var(--site-width)) / 2));
    }
    .widpub,
    .st-single-page .widpub {
        min-width: 0;
        max-width: none;
    }
    .elementor-widget-taieryi-tabs {
        --st-tabs-pad-x: max(var(--site-gutter), calc((100% - var(--site-width)) / 2));
    }
    /* Khoi gioi thieu thuong hieu: chu canh mep khung, anh tran phai (ghi de padding trai dat cung trong Elementor) */
    .elementor-widget-sao-thuy-brand-intro > .elementor-widget-container {
        padding-left: max(var(--site-gutter), calc((100% - var(--site-width)) / 2)) !important;
    }
    /* Container con khong duoc rong hon container cha */
    .e-con .e-con {
        max-width: 100%;
    }
}

/* An breadcrumb Taieryi Tabs tren mobile */
@media (max-width: 767px) {
    .elementor-widget-taieryi-tabs .st-tabs__breadcrumb {
        display: none !important;
    }
}