/* AIOCMS theme bundle: traveltheme */

/* theme.css */
:root {
    --aio-travel-primary: #3b63d1;
    --aio-travel-primary-dark: #294db3;
    --aio-travel-primary-soft: #eef4ff;
    --aio-travel-primary-soft-strong: #dfeaff;
    --aio-travel-secondary: #6bbdea;
    --aio-travel-secondary-soft: #f4f9ff;
    --aio-travel-gradient: linear-gradient(120deg, #294bc8 0%, #4e86e5 56%, #76c8f3 100%);
    --aio-travel-text: #132849;
    --aio-travel-muted: #66758f;
    --aio-travel-border: #dde6f2;
    --aio-travel-border-strong: #cad8eb;
    --aio-travel-surface: #ffffff;
    --aio-travel-surface-soft: #f6f9fe;
    --aio-travel-surface-accent: #eef5ff;
    --aio-travel-radius: 16px;
    --aio-travel-shadow: 0 18px 44px rgba(21, 50, 99, .10);
    --aio-travel-container: 1180px;
}

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

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

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

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

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

.theme-traveltheme .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-traveltheme .aio-position > .aio-module:not(.Header_Mod):not(.Menus_Mod):not(.home-hero) {
    margin-bottom: 1.5rem;
}

.theme-traveltheme .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-traveltheme .container,
.theme-traveltheme .container-lg,
.theme-traveltheme .container-xl {
    --bs-gutter-x: 2rem;
    max-width: calc(var(--aio-travel-container) + var(--bs-gutter-x));
}

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

@media (max-width: 991.98px) {
    .theme-traveltheme {
        --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-traveltheme .aio-page--trang_chu {
    --aio-home-edge: clamp(18px, 5vw, 100px);
    --aio-home-column-gap: clamp(10px, 1.2vw, 18px);
}

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

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

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

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

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

    .theme-traveltheme .aio-page--trang_chu .aio-position-left,
    .theme-traveltheme .aio-page--trang_chu .aio-position-center,
    .theme-traveltheme .aio-page--trang_chu .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-traveltheme .aio-page:not(.aio-page--trang_chu) {
    --aio-inner-page-edge: clamp(18px, 5vw, 100px);
    --aio-inner-page-gap: clamp(14px, 1.8vw, 26px);
}

.theme-traveltheme .aio-page:not(.aio-page--trang_chu) .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-traveltheme .aio-page:not(.aio-page--trang_chu) .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-traveltheme .aio-page:not(.aio-page--trang_chu) {
            --aio-inner-page-edge: 16px;
            --aio-inner-page-gap: 16px;
        }
    }

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

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