/* CSS tùy biến frontend — tách từ các khối <style> nhúng trong view */

/* Đoạn mô tả ngắn ở banner (giới hạn số dòng) */
.banner-content-bs{
    max-width: 30.5rem;
    font-size: 0.9rem;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* Thanh chia sẻ MXH cố định ở trang chi tiết bài viết */
#document-detail1 ul.blog-share li:not(:last-child){ margin-bottom: 0.8rem; }
#document-detail1 .blog-share{ position: fixed; left: 4%; top: 50%; z-index: 999; }

/* Nội dung Dịch vụ (văn bản sạch H2/H3/P) */
.offerings-content h2{ margin: 2.2rem 0 1.2rem; font-size: 1.55rem; font-weight: 700; }
.offerings-content h2:first-child{ margin-top: 0; }
.offerings-content h3{ margin: 1.4rem 0 .5rem; font-size: 1.12rem; font-weight: 600; }
.offerings-content p{ margin-bottom: 1rem; line-height: 1.75; text-align: justify; }

/* Breadcrumb cắt gọn (…) ở trang chi tiết Dịch vụ */
.page-template-template-offerings #breadcrumbs span span:last-child{
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: block;
    max-width: 21rem;
    color: #fff;
}

/* H1 cho SEO: class có sẵn tự lo font, chỉ bỏ margin-top mặc định của thẻ h1 */
h1.title-slash, h1.info-title { margin-top: 0; }

/* Sửa box "Vilasia là sự kết hợp độc đáo của" (#embodies):
   Giữ đúng vị trí chữ như bản gốc (margin-top 70%), chỉ thêm khoảng đệm
   đáy để nút "1 \ 6" không tràn xuống section tin tức bên dưới
   (nội dung tiếng Việt dài hơn tiếng Anh nên slider cao hơn). */
@media (min-width: 1200px) {
    #embodies {
        padding-bottom: 4rem;
    }
}