@import url('https://fonts.googleapis.com/css2?family=Barlow:wght@400;500;600;700&display=swap');

@font-face {
    font-family: 'Barlow Condensed';
    src: url('../fonts/BarlowCondensed-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}

body {
    padding: 0;
    margin: 0;
    width: 100%;
    font-family: var(--font-text);
    font-size: 14px;
    background-color: var(--color-carbon-black);
    color: var(--color-information-white);
}

.inner-container {
    max-width: 1363px;
    margin: auto;
    box-sizing: border-box;
    padding: 0 32px;
    width: 100%;
}

@media (max-width: 991px) {
    .inner-container {
        padding: 0 24px;
    }
}

@media (max-width: 767px) {
    .inner-container {
        padding: 0 20px !important;
    }

    .about-vision-section,
    .full-combo,
    .booking-problem-section,
    .core-section,
    .commitment-section {
        padding: 30px 0;
    }
}

@media (max-width: 480px) {
    .inner-container {
        padding: 0 18px !important;
    }
}

.full-row {
    float: left;
    width: 100%;
}

a {
    text-decoration: none;
}

img {
    max-width: 100%;
}

li {
    padding: 0;
    list-style-type: none;
}

:root {
    /* 70% NỀN BLACK / DARK */
    /* Nền sâu nhất: Hero, Footer */
    --ba-carbon: #05080D;
    /* Nền chính toàn website, Hệ sinh thái */
    --ba-graphite: #0C1118;
    /* Nền section xen kẽ: Vấn đề, Vì sao, Form */
    --ba-panel: #151B23;
    /* Bề mặt nổi: Card, Form, Input */

    /* 20% NAVY NHẬN DIỆN & KỸ THUẬT */
    --ba-deep-navy: #071629;
    /* Nền nhận diện sâu: Quy trình, Hậu mãi */
    --ba-midnight: #0B1F36;
    /* Nền Blueprint, kỹ thuật: Giải pháp, Concept & Dự án */
    --ba-navy-surface: #102B49;
    /* Selected, line kỹ thuật, technical accent */

    /* 10% TEXT, KIM LOẠI & ACCENT */
    --ba-info-white: #F2F2F2;
    /* Tiêu đề (H1/H2), Primary CTA, Tab active */
    --ba-chrome: #D9DEE3;
    /* Chữ chính (Body), logo, icon, Selected border */
    --ba-stainless: #B8B8B8;
    /* Eyebrow, tagline, tab quan trọng, focus outline */
    --ba-steel: #A8B1BB;
    /* Chữ phụ, metadata, line kỹ thuật */
    --ba-muted: #68737E;
    /* Chú thích, trạng thái phụ, disabled */

    /* BORDERS, GLOW & OVERLAYS */
    --ba-border: rgba(217, 222, 227, 0.18);
    --ba-border-strong: rgba(217, 222, 227, 0.62);
    --ba-chrome-glow: rgba(217, 222, 227, 0.10);
    --ba-header-scrolled: rgba(5, 8, 13, 0.94);
    --ba-btn-secondary-bg: rgba(2, 5, 10, 0.46);

    /* TYPOGRAPHY */
    --font-heading-hero: "Barlow Condensed", "Arial Narrow", sans-serif;
    --font-heading: "Barlow", Arial, sans-serif;
    --font-text: "Barlow", Arial, sans-serif;

    /* TƯƠNG THÍCH VỚI KHAI BÁO CỦA BẠN (ALIASES) */
    --color-obsidian-black: var(--ba-obsidian);
    --color-carbon-black: var(--ba-carbon);
    --color-graphite: var(--ba-graphite);
    --panel-graphite: var(--ba-panel);
    --color-deep-navy: var(--ba-deep-navy);
    --color-midnight-navy: var(--ba-midnight);
    --color-navy-surface: var(--ba-navy-surface);
    --color-information-white: var(--ba-info-white);
    --color-brushed-chrome: var(--ba-chrome);
    --color-stainless-steel: var(--ba-stainless);
    --color-steel-silver: var(--ba-steel);
    --color-muted-steel: var(--ba-muted);
}


h1,
.hero-title {
    font-family: var(--font-heading-hero);
    font-weight: 700;
    color: var(--color-information-white);
    font-size: clamp(33px, 4.2vw, 64px);
}

h2,
h3,
h4,
h5,
.menu-item a,
.btn,
button,
.card-title {
    font-family: var(--font-heading);
    font-weight: 600;
    color: var(--color-information-white);
}

h2 {
    font-size: clamp(30px, calc(2.5vw + 20px), 40px);
    line-height: clamp(40px, calc(3vw + 24px), 52px);
}

h3 {
    font-size: clamp(18px, calc(1.5vw + 10px), 22px);
    line-height: clamp(30px, calc(2vw + 15px), 32px);
}

h4 {
    font-size: clamp(16px, calc(1vw + 12px), 18px);
}

p,
.content,
.entry-content {
    font-family: var(--font-text);
    font-weight: 400;
    color: var(--color-information-white);
}

html {
    overflow-y: scroll;
    scrollbar-gutter: stable;
}

.swiper-pagination-bullet {
    background: var(--color-information-white) !important;
    opacity: .5 !important;
}

.swiper-pagination-bullet-active {
    background: var(--color-hover) !important;
    opacity: 1 !important;
}

.swiper-pagination-bullet {
    width: 65px !important;
    height: 5px !important;
    border-radius: 12px !important;
}

.swiper-container-horizontal>.swiper-pagination-bullets {
    bottom: 30px !important;
}

::-webkit-scrollbar {
    width: 8px;
}

::-webkit-scrollbar-track {
    background: var(--color-obsidian-black);
}

::-webkit-scrollbar-thumb {
    background: var(--color-stainless-steel);
    border-radius: 999px;
    border: 2px solid var(--color-obsidian-black);
}

::-webkit-scrollbar-thumb:hover {
    background: var(--color-hover);
}

/* Firefox */
html {
    scrollbar-width: thin;
    scrollbar-color: var(--color-stainless-steel) var(--color-obsidian-black);
}

.custom-form-grid .submit-form br {
    display: none;
}

.mega-menu-item-406 a {
    font-size: 17px !important;
    background: var(--color-information-white) !important;
    color: #000 !important;
    transition: all .3s ease;
    padding: 0px 15px !important;
    opacity: 0.8;
}

.mega-menu-item-406 a:hover {
    background: var(--color-hover) !important;
    opacity: 1;
}

.entry-content:has(.item_post) .item_post_img img {
    object-fit: contain !important;
}