/*
 * Page: V2 - Về Chúng Tôi
 * URL: /v2-ve-chung-toi/
 */

/* ============================================================
   Section "Giới thiệu": ornament + Chúng tôi là + TRỐNG ĐỒNG PALACE
   Đồng bộ khoảng cách/kích thước giống Ebook + sửa mã màu hồng
   ============================================================ */

/* Ảnh ornament 94px (đang 132x132) */
.vct-ornament-row .img img {
    width: 94px !important;
    height: auto !important;
}

/* Khoảng cách ornament → "Chúng tôi là" */
.vct-ornament-row {
    margin-bottom: 35px !important;
}

/* Sub "Chúng tôi là": đúng mã màu hồng #EFB9B9 (đang #F9C1C1) */
.text_slogan,
.text_slogan p {
    color: rgba(249, 193, 193, 0.93) !important;
}

/* Heading line-height normal để khoảng cách glyph khớp Ebook */
.text_title h1,
.text_title h2,
.text_title h3,
.text_title .style-heading {
    line-height: normal !important;
}

/* Heading → mô tả: 16px */
.text_title {
    margin-bottom: 16px !important;
}

/* ============================================================
   Section "Slogan" (KHỞI ĐẦU HÀNH TRÌNH HẠNH PHÚC)
   ============================================================ */

/* Nền toàn khối = #F7F5EF (đang trắng); padding trên 120px, dưới 100px */
.section-slogan-vct {
    background-color: #F7F5EF !important;
    padding-top: 120px !important;
    padding-bottom: 80px !important;
}

/* Mobile: thu nhỏ padding */
@media (max-width: 849px) {
    .section-slogan-vct {
        padding-top: 60px !important;
        padding-bottom: 50px !important;
    }
}

/* Sub "SLOGAN": đúng mã màu hồng #EFB9B9 */
.section-slogan-vct .section-content > .row:first-child .text p {
    color: #EFB9B9 !important;
}

/* Giảm khoảng cách SLOGAN → heading (kéo heading lên gần lại) */
.section-slogan-vct .section-content > .row:first-child h1.style-heading,
.section-slogan-vct .section-content > .row:first-child h2.style-heading,
.section-slogan-vct .section-content > .row:first-child h3.style-heading {
    margin-top: -6px !important;
    margin-bottom: 0.3em !important;
}

/* Nút "TÌM HIỂU THÊM": chữ nhỏ hơn theo thiết kế (đang 20.8px do .is-larger) */
.section-slogan-vct a.button.button_all {
    font-size: 14px !important;
}

/* Cân đối khoảng cách: nút cách phần nội dung phía trên 40px (mobile: 30px) */
.section-slogan-vct .section-content > .row:last-child {
    margin-top: 40px !important;
}

/* ============================================================
   Section "Tầm nhìn & Sứ mệnh" (.section_intro_all)
   ============================================================ */

/* Đoạn mô tả: font-size 16px (đang 17px) */
.section_intro_all p {
    font-size: 16px !important;
}

/* ============================================================
   Section "Giá trị cốt lõi" (.giatricotloi_section)
   Đồng bộ kích thước/khoảng cách giống Ebook
   ============================================================ */

/* Heading line-height normal (đang 76px tight) để khớp glyph Ebook */
.giatricotloi_section .style-heading {
    line-height: normal !important;
}

/* Sub "CHÚNG TÔI MANG THEO": 24px ở desktop (mobile chỉnh 15px + margin ở khối @media) */
.giatricotloi_section .col-inner:has(.style-heading) > .text:first-child p {
    font-size: 24px !important;
}

/* Sub → heading ~ Ebook (thêm khoảng cách, đang hơi sát) — padding để không bị margin collapse */
.giatricotloi_section .col-inner:has(.style-heading) > .text:first-child {
    padding-bottom: 17px !important;
}

/* ----- Card giá trị cốt lõi: ô ~400x245, heading 40px, text 16px ----- */
/* Nới container để 3 cột => mỗi card-inner ~400px (1302 = 400*3 + padding cột) */
.giatricotloi_section .section-content,
.giatricotloi_section .row:has(.giatricotloi_item) {
    max-width: 1302px !important;
}

/* min-height thay vì height cố định: card co giãn vừa nội dung,
   tránh tràn xuống đè section "14 NĂM TRỐNG ĐỒNG" bên dưới */
.giatricotloi_item > .col-inner {
    min-height: 245px !important;
}

.giatricotloi_item .icon-box h3 {
    font-size: 40px !important;
}

.giatricotloi_item .icon-box p {
    font-size: 16px !important;
}

/* Khoảng cách dưới section "Giá trị cốt lõi" */
.giatricotloi_section {
    padding-bottom: 50px !important;
}

/* ============================================================
   Section "Hành trình Trống Đồng" (14 NĂM TRỐNG ĐỒNG) — .vct-hanhtrinh
   ============================================================ */
.vct-hanhtrinh {
    padding-bottom: 70px !important;
}

/* Mobile: Swiper gán slide width cố định (315px) < bề ngang → slide kế ló ra bị cắt.
   Ẩn các slide chưa active để không còn phần ló bị cắt (navigation « » vẫn chạy). */
@media (max-width: 549px) {
    .vct-hanhtrinh .timeline-swiper-container {
        overflow: hidden !important;
    }
    .vct-hanhtrinh .timeline-slide-item:not(.swiper-slide-active) {
        opacity: 0 !important;
        pointer-events: none !important;
    }

    /* Section "slider_custom_mobile_item": card lòi ra so với ảnh.
       Nguyên nhân: row có margin -15px (flatsome) + theme bỏ padding col ở ≤549px.
       Fix: triệt margin âm của row (kéo nền card vào trong) + trả padding chữ. */
    .slider_custom_mobile_item .section-content > .row {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    .slider_custom_mobile_item .section-content > .row > .col {
        padding-bottom: 0 !important;
    }
    .slider_custom_mobile_item .section-content > .row > .col > .col-inner {
        padding-bottom: 0 !important;
    }

    /* Section "Số liệu": padding trên 80px, dưới 60px trên mobile */
    .vct-solieu {
        padding-top: 80px !important;
        padding-bottom: 60px !important;
    }

    /* section-slogan-vct: CHỈ bỏ padding/margin của đúng cột chứa đoạn slogan
       (cột cuối trong row giữa). Trước đây áp cho mọi .col nên các cột phía
       trên cũng mất padding và bị sát vào nhau. */
    .section-slogan-vct .row.align-middle.align-center > .col:last-child,
    .section-slogan-vct .row.align-middle.align-center > .col:last-child > .col-inner {
        padding: 0 !important;
    }
    .section-slogan-vct .row.align-middle.align-center > .col:last-child .col-inner > .text,
    .section-slogan-vct .row.align-middle.align-center > .col:last-child .col-inner > .text p {
        margin: 0 !important;
        padding: 0 !important;
    }

    /* Bỏ margin-bottom của heading "KHỞI ĐẦU HÀNH TRÌNH HẠNH PHÚC" trên mobile */
    .section-slogan-vct .section-content > .row:first-child h1.style-heading,
    .section-slogan-vct .section-content > .row:first-child h2.style-heading,
    .section-slogan-vct .section-content > .row:first-child h3.style-heading {
        margin-bottom: 0 !important;
    }

    /* Hàng nút "TÌM HIỂU THÊM": giảm padding-bottom cột (theme set 24px) xuống 10px */
    .section-slogan-vct .section-content > .row:last-child > .col {
        padding-bottom: 10px !important;
    }

    /* section_intro_all: chỉ bỏ padding-bottom của item cuối (theme set 24px) */
    .section_intro_all .section-content > .row > .col.item_intro_info:last-child {
        padding-bottom: 0 !important;
    }

    /* ----- Các chỉnh trước đây bị để global, nay đưa về CHỈ mobile ----- */

    /* Nút "TÌM HIỂU THÊM": bỏ margin-bottom */
    .section-slogan-vct a.button.button_all {
        margin-bottom: 0 !important;
    }

    /* Nút cách nội dung phía trên: 30px (desktop giữ 40px) */
    .section-slogan-vct .section-content > .row:last-child {
        margin-top: 30px !important;
    }

    /* Đoạn mô tả cột đầu (slogan): giữ margin-bottom 10px (theme đè p:last-child về 0) */
    .section-slogan-vct .row.align-middle.align-center > .col:first-child .col-inner > .text p {
        margin-bottom: 10px !important;
    }

    /* Eyebrow "CHÚNG TÔI MANG THEO": 15px + margin-bottom 5px (desktop giữ 24px / 14px) */
    .giatricotloi_section .col-inner:has(.style-heading) > .text:first-child p {
        font-size: 15px !important;
        margin-bottom: 5px !important;
    }

    /* Khối tiêu đề "Giá trị cốt lõi" (col đầu) → hàng card: margin-bottom 5px */
    .giatricotloi_section > .section-content > .row > .col:first-child {
        margin-bottom: 5px !important;
    }

    /* Section "Giá trị cốt lõi": padding trên 70px / dưới 0 trên mobile */
    .giatricotloi_section {
        padding-top: 70px !important;
        padding-bottom: 0 !important;
    }

    /* "14 NĂM TRỐNG ĐỒNG" (.slider-history): bỏ padding-bottom 60px
       (rule 3900.css ≤1024px) trên mobile */
    .vct-hanhtrinh .slider-history:not(:has(.uxb-draggable)) {
        padding-bottom: 0 !important;
    }

    /* Col nội dung trong .slider-history: bỏ hết padding (theme set padding-bottom 24px) */
    .vct-hanhtrinh .slider-history > .col,
    .vct-hanhtrinh .slider-history > .col > .col-inner {
        padding: 0 !important;
    }

    /* Đoạn mô tả (text cuối) trong timeline: margin-bottom 10px (mặc định 1.3em) */
    .vct-hanhtrinh .slider-history .col-inner > .text:last-of-type p {
        margin: 0 0 10px !important;
    }

    /* Ngày timeline (.timeline-item-date): cách dưới 7px (đang 6px) */
    .vct-hanhtrinh .timeline-item-date {
        margin-bottom: 7px !important;
    }
}