/* =====================================================
   TSV - HOME BASE
   Giao diện nền trang chủ: Banner, H1/mô tả và Header Bottom

   File: assets/css/tsv-home.css

   Lưu ý:
   - Sản phẩm trang chủ đã chuyển sang:
     modules/home-products/assets/css/tsv-home-products.css
   - Font và biến dùng chung lấy từ tsv-common.css.
===================================================== */


/* =====================================================
   00. HOME VARIABLES
===================================================== */

.home {
    --tsv-blue: #082b63;
    --tsv-yellow: #e6a11d;
    --tsv-text: #333333;
    --tsv-line: #6f6f6f;
    --tsv-separator: #8a8a8a;
    --tsv-cut-bg: #ffffff;
    --tsv-red: #ff2b1f;
}


/* =====================================================
   03. HOME INTRO STATIC
   H1 và mô tả dưới H1 trang chủ

   File: tsv-home.css

   Mục tiêu:
   - Desktop hiển thị mô tả đầy đủ
   - Mobile mô tả gọn 1 dòng
   - Không dùng JS xổ/thu gọn
   - Không dùng transition chiều cao gây giật layout
===================================================== */

.tsv-home-intro-static {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

.tsv-home-intro-static h1 {
    display: block !important;
    margin: 18px 0 10px !important;
    padding: 0 !important;

    color: var(--tsv-heading-color, #082b63) !important;
    font-family: var(--tsv-font-main, "Montserrat", Arial, sans-serif) !important;
    font-size: var(--tsv-h1-size, 24px) !important;
    font-weight: var(--tsv-font-bold, 700) !important;
    line-height: 1.28 !important;
    letter-spacing: -0.2px !important;
    text-transform: none !important;
}

.tsv-home-intro-static p {
    display: block !important;
    margin: 0 0 18px !important;
    padding: 0 !important;

    color: var(--tsv-text-color, #444444) !important;
    font-family: var(--tsv-font-main, "Montserrat", Arial, sans-serif) !important;
    font-size: 16px !important;
    font-weight: var(--tsv-font-medium, 500) !important;
    line-height: 1.75 !important;
    letter-spacing: 0 !important;
}

/* Tablet: giữ cùng hệ H1 toàn website. */
@media only screen and (max-width: 1024px) {
    .tsv-home-intro-static h1 {
        font-size: var(--tsv-h1-size-tablet, 22px) !important;
    }
}

/* Mobile: mô tả gọn 1 dòng, không dùng nút xổ */
@media only screen and (max-width: 768px) {
    .tsv-home-intro-static h1 {
        margin-top: 14px !important;
        margin-bottom: 8px !important;

        font-size: var(--tsv-h1-size-mobile, 20px) !important;
        line-height: 1.28 !important;
    }

    .tsv-home-intro-static p {
        display: -webkit-box !important;
        -webkit-line-clamp: 1 !important;
        -webkit-box-orient: vertical !important;

        max-width: 100% !important;
        overflow: hidden !important;

        margin-top: 6px !important;
        margin-bottom: 18px !important;
        padding-right: 0 !important;

        font-size: 15px !important;
        line-height: 1.55 !important;
    }
}