/*
 * Facilities: V2 Cảnh Hồ
 * URL: /he-thong/v2-canh-ho/
 */

/* ============================================================
   Section intro: ornament + TRUNG TÂM + TRỐNG ĐỒNG CẢNH HỒ
   Đồng bộ khoảng cách/kích thước giống Ebook
   ============================================================ */

/* Heading line-height normal (đang 114px) để khớp glyph Ebook */
.text_title h1,
.text_title h2,
.text_title h3 {
    line-height: normal !important;
}

/* Heading "TRỐNG ĐỒNG CẢNH HỒ" → mô tả: tăng thêm 8px */
.text_title {
    padding-bottom: 8px !important;
}

/* Ornament cách dưới = 64px: cột sub/title đang bị kéo lên -70px,
   đưa về 0 để "TRUNG TÂM" cách ảnh ~64px (tăng dưới).
   Bỏ padding-top thêm để bớt khoảng cách phía trên ảnh. */
.style-table-hidden > .col > .col-inner {
    margin-top: 0 !important;
}


/* Dòng in đậm "Mở cửa..." / địa chỉ:
   cách text mô tả bên trên 28px, cách ảnh bên dưới 64px */
.canhho-bold-row {
    margin-top: 23px !important;
    margin-bottom: 17px !important;
}

/* Item phòng tiệc đang chọn: nền trắng.
   Scope qua class section_phongtiec (đã có sẵn) để không ảnh hưởng nơi khác */
.section_phongtiec .ms-branch.is-selected .post-content {
    background-color: #fff !important;
}

/* Gallery ảnh cưới (ux_gallery trong section phòng tiệc):
   khoảng cách tới section dưới = 100px (section có pb-0) */
.gallery_phongtiec_desktop {
    margin-bottom: 70px !important;
}

/* ============================================================
   Section "Lời chia sẻ" (LỜI NÓI CHÂN THẬT): bỏ gạch chân (divider)
   — thiết kế không có. Trang chỉ có 1 divider duy nhất.
   + thu gọn heading → mô tả giống Ebook.
   ============================================================ */
.is-divider.divider {
    display: none !important;
}

.col:has(> .col-inner > .text-center > .is-divider.divider) {
    display: none !important;
}

.row:has(.is-divider.divider) h1.style-heading,
.row:has(.is-divider.divider) h2.style-heading,
.row:has(.is-divider.divider) h3.style-heading {
    line-height: normal !important;
    margin-bottom: 13px !important;
}

.row:has(.is-divider.divider) > .col {
    padding-bottom: 0 !important;
}

@media (max-width: 549px) {
    .style-table-hidden .img img {
        width: 95px !important;
        height: auto !important;
    }

    .banner-system-details .flickity-button.flickity-prev-next-button {
        display: none !important;
    }
}

@media (max-width: 849px) {
    /* Keep swipe and pagination dots; hide only Flickity's side navigation. */
    .slider-wrapper .flickity-button.flickity-prev-next-button {
        display: none !important;
    }
}