/* AIOCMS theme bundle: travelchainasia */

/* theme.css */
:root {
    --aio-travel-primary: #00AEFF;
    --aio-travel-primary-dark: #006ACB;
    --aio-travel-primary-soft: #EAF8FF;
    --aio-travel-primary-soft-strong: #D5F1FF;
    --aio-travel-secondary: #123DB6;
    --aio-travel-secondary-soft: #F3F7FF;
    --aio-travel-gradient: linear-gradient(120deg, #12308F 0%, #006EDC 48%, #00AEFF 100%);
    --aio-travel-text: #101828;
    --aio-travel-muted: #667085;
    --aio-travel-border: #E4E7EC;
    --aio-travel-border-strong: #D0D5DD;
    --aio-travel-surface: #ffffff;
    --aio-travel-surface-soft: #F8FAFC;
    --aio-travel-surface-accent: #EAF8FF;
    --aio-travel-radius: 18px;
    --aio-travel-shadow: 0 20px 52px rgba(16, 24, 40, .10);
    --aio-travel-container: 1320px;
    --aio-asia-navy: #12308F;
    --aio-asia-teal: #00AEFF;
    --aio-asia-cyan: #4DCAFF;
    --aio-asia-gold: #f0b45a;
}

.theme-travelchainasia {
    color: var(--aio-travel-text);
    background: linear-gradient(180deg, #ffffff 0%, #f4fafb 100%);
    font-family: Inter, "Noto Sans", "Noto Sans JP", "Noto Sans KR", "Segoe UI", Roboto, Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}

.theme-travelchainasia a {
    color: var(--aio-travel-primary-dark);
    transition: color .2s ease;
}

.theme-travelchainasia .aio-page {
    width: 100%;
    overflow-x: clip;
}

.theme-travelchainasia .aio-page__positions {
    align-items: flex-start;
}

.theme-travelchainasia .aio-position {
    min-width: 0;
}

.theme-travelchainasia .aio-module {
    min-width: 0;
}

/* Các module nội dung trong grid/column của Page giữ nhịp trắng thoáng. */
.theme-travelchainasia .aio-position > .aio-module:not(.Header_Mod):not(.Menus_Mod):not(.home-hero) {
    margin-bottom: 1.5rem;
}

.theme-travelchainasia .aio-page__empty {
    max-width: var(--aio-travel-container);
    margin: 2rem auto;
}

/* Bootstrap container trong module legacy vẫn được đồng bộ theo theme. */
.theme-travelchainasia .container,
.theme-travelchainasia .container-lg,
.theme-travelchainasia .container-xl {
    --bs-gutter-x: 2rem;
    max-width: calc(var(--aio-travel-container) + var(--bs-gutter-x));
}

.theme-travelchainasia ::selection {
    color: #fff;
    background: var(--aio-travel-primary);
}

@media (max-width: 991.98px) {
    .theme-travelchainasia {
        --aio-travel-radius: 14px;
    }
}

/* ============================================================
   HOME PAGE SHELL
   Page/Layout vẫn quyết định vị trí. Theme chỉ tạo nhịp lề/gutter
   cho 3 cột nội dung của trang chủ và giữ Header/Menu/Hero full width.
   ============================================================ */
.theme-travelchainasia .aio-page:is(.aio-page--trang_chu, .aio-page--home) {
    --aio-home-edge: clamp(18px, 5vw, 100px);
    --aio-home-column-gap: clamp(10px, 1.2vw, 18px);
}

.theme-travelchainasia .aio-page:is(.aio-page--trang_chu, .aio-page--home) .aio-position-left,
.theme-travelchainasia .aio-page:is(.aio-page--trang_chu, .aio-page--home) .aio-position-center,
.theme-travelchainasia .aio-page:is(.aio-page--trang_chu, .aio-page--home) .aio-position-right {
    padding-top: clamp(24px, 3vw, 36px);
    padding-bottom: 18px;
}

.theme-travelchainasia .aio-page:is(.aio-page--trang_chu, .aio-page--home) .aio-position-left {
    padding-right: var(--aio-home-column-gap);
    padding-left: var(--aio-home-edge);
}

.theme-travelchainasia .aio-page:is(.aio-page--trang_chu, .aio-page--home) .aio-position-center {
    padding-right: var(--aio-home-column-gap);
    padding-left: var(--aio-home-column-gap);
}

.theme-travelchainasia .aio-page:is(.aio-page--trang_chu, .aio-page--home) .aio-position-right {
    padding-right: var(--aio-home-edge);
    padding-left: var(--aio-home-column-gap);
}

/* Desktop homepage balance: widen Left/Right by 30px each and give the
   same 60px back from Center. The Full layout baseline is 25/50/25. */
@media (min-width: 1200px) {
    .theme-travelchainasia .aio-page:is(.aio-page--trang_chu, .aio-page--home) .aio-position-left,
    .theme-travelchainasia .aio-page:is(.aio-page--trang_chu, .aio-page--home) .aio-position-right {
        flex: 0 0 calc(25% + 30px);
        width: calc(25% + 30px);
        max-width: calc(25% + 30px);
    }

    .theme-travelchainasia .aio-page:is(.aio-page--trang_chu, .aio-page--home) .aio-position-center {
        flex: 0 0 calc(50% - 60px);
        width: calc(50% - 60px);
        max-width: calc(50% - 60px);
    }
}

@media (max-width: 767.98px) {
    .theme-travelchainasia .aio-page:is(.aio-page--trang_chu, .aio-page--home) {
        --aio-home-edge: 16px;
        --aio-home-column-gap: 0px;
    }

    .theme-travelchainasia .aio-page:is(.aio-page--trang_chu, .aio-page--home) .aio-position-left,
    .theme-travelchainasia .aio-page:is(.aio-page--trang_chu, .aio-page--home) .aio-position-center,
    .theme-travelchainasia .aio-page:is(.aio-page--trang_chu, .aio-page--home) .aio-position-right {
        padding: 22px var(--aio-home-edge) 0;
    }
}



/* ============================================================
   ARTICLE DETAIL / INNER PAGE GUTTERS
   Giữ Hero full width nhưng đưa vùng nội dung 2 cột vào lề chuẩn.
   ============================================================ */
.theme-travelchainasia .aio-page:not(.aio-page--trang_chu):not(.aio-page--home) {
    --aio-inner-page-edge: clamp(18px, 5vw, 100px);
    --aio-inner-page-gap: clamp(14px, 1.8vw, 26px);
}

.theme-travelchainasia .aio-page:not(.aio-page--trang_chu):not(.aio-page--home) .aio-position-left {
    padding-top: clamp(22px, 2.5vw, 34px);
    padding-right: calc(var(--aio-inner-page-gap) / 2);
    padding-left: var(--aio-inner-page-edge);
}

.theme-travelchainasia .aio-page:not(.aio-page--trang_chu):not(.aio-page--home) .aio-position-right {
    padding-top: clamp(22px, 2.5vw, 34px);
    padding-right: var(--aio-inner-page-edge);
    padding-left: calc(var(--aio-inner-page-gap) / 2);
}
/*figure image*/
figure{
    
    text-align: center;
}
    figure figcaption{
        color: #666;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    @media (max-width: 767.98px) {
        .theme-travelchainasia .aio-page:not(.aio-page--trang_chu):not(.aio-page--home) {
            --aio-inner-page-edge: 16px;
            --aio-inner-page-gap: 16px;
        }
    }

@media (max-width: 575.98px) {
    .theme-travelchainasia .aio-page:not(.aio-page--trang_chu):not(.aio-page--home) .aio-position-left,
    .theme-travelchainasia .aio-page:not(.aio-page--trang_chu):not(.aio-page--home) .aio-position-right {
        width: 100%;
        padding-right: var(--aio-inner-page-edge);
        padding-left: var(--aio-inner-page-edge);
    }

    .theme-travelchainasia .aio-page:not(.aio-page--trang_chu):not(.aio-page--home) .aio-position-right {
        padding-top: 10px;
    }
}


/* ============================================================
   TRAVELCHAIN.ASIA — INTERNATIONAL THEME V3
   English-first, CJK/RTL-ready. Layout uses logical properties
   so additional locales do not require another theme fork.
   ============================================================ */
.theme-travelchainasia {
    --bs-link-color: var(--aio-travel-primary-dark);
    --bs-link-hover-color: var(--aio-travel-primary);
}

.theme-travelchainasia .aio-header__page-name,
.theme-travelchainasia .aio-menu__link,
.theme-travelchainasia h1,
.theme-travelchainasia h2,
.theme-travelchainasia h3 {
    letter-spacing: -.02em;
}

.theme-travelchainasia .aio-menu__link:focus-visible,
.theme-travelchainasia a:focus-visible,
.theme-travelchainasia button:focus-visible {
    outline: 3px solid rgba(24, 196, 209, .28);
    outline-offset: 3px;
}

.theme-travelchainasia [dir="rtl"],
html[dir="rtl"] .theme-travelchainasia {
    text-align: start;
}

html[dir="rtl"] .theme-travelchainasia .aio-header__inner,
html[dir="rtl"] .theme-travelchainasia .aio-menu__list {
    direction: rtl;
}

html[dir="rtl"] .theme-travelchainasia .aio-position-left,
html[dir="rtl"] .theme-travelchainasia .aio-position-right {
    direction: rtl;
}

@media (max-width: 767.98px) {
    .theme-travelchainasia {
        --aio-travel-container: 100%;
    }
}