/* =========================================================
   Aurex Cargo AU — ABOUT page styles (demo2)
   Depends on aurex-common.css (tokens, sections, buttons, page-banner,
   why-us, airline-img, team-box, stats).
   ========================================================= */

/* Banner background: header image uploaded in admin (About Setting), per device.
   No upload -> no .has-custom-bg class -> keep the default background
   (.page-banner::before in aurex-common.css). */
.page-banner.has-custom-bg::before { background-image: var(--banner-pc); }
@media (max-width: 991px) {
    .page-banner.has-custom-bg::before { background-image: var(--banner-tb, var(--banner-pc)); }
}
@media (max-width: 640px) {
    .page-banner.has-custom-bg::before { background-image: var(--banner-mb, var(--banner-pc)); }
}

/* Mission & Vision — gộp 1 dải .section-blue, 2 cột + vạch ngăn dọc.
   .section-blue đã cho nền xanh, chữ trắng, .eyebrow vàng. */
.mission-vision .mv-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: start;
}
.mission-vision .mv-col { padding-right: 44px; }
.mission-vision .mv-col + .mv-col {
    padding-right: 0;
    padding-left: 44px;
    border-left: 1px solid rgba(255,255,255,.18);
}
.mission-vision .mv-col .eyebrow { margin-bottom: 12px; }
.mission-vision .mv-body,
.mission-vision .mv-body p { color: rgba(255,255,255,.9); margin: 0; line-height: 1.6; }
.mission-vision .mv-body p + p { margin-top: 12px; }
@media (max-width: 767px) {
    .mission-vision .mv-grid { grid-template-columns: 1fr; }
    .mission-vision .mv-col { padding-right: 0; }
    .mission-vision .mv-col + .mv-col {
        padding-left: 0;
        border-left: 0;
        margin-top: 28px;
        padding-top: 28px;
        border-top: 1px solid rgba(255,255,255,.18);
    }
}

/* Quote banner */
.quote-banner {
    padding: 70px 24px; text-align: center; color: #fff;
    background: linear-gradient(rgba(3,40,54,.7), rgba(3,40,54,.7)), url('../images/aurex/office.webp') center / cover no-repeat;
}
.quote-banner blockquote {
    font-family: 'Oswald', sans-serif; font-size: clamp(1.2rem, 2.4vw, 1.9rem);
    font-style: italic; font-weight: 300; margin: 0 0 12px; max-width: 900px; margin-inline: auto;
}

/* Our Vision đã gộp vào .mission-vision (2 cột). Vỏ .quote-banner giữ lại cho lần dùng sau. */

/* Salvaged "Get in Touch" CTA from the retired team box — centred under Who-We-Are */
.who-cta { margin-top: 30px; }

/* Official-representative badge (section removed in V3; class kept for future GSSA credential reuse) */
.cert-badge {
    display: inline-flex; flex-direction: column; align-items: center; gap: 10px;
    width: 200px; height: 200px; justify-content: center; border-radius: 50%;
    background: var(--blue); color: #fff; border: 4px solid var(--gold);
    box-shadow: 0 12px 30px rgba(0,0,0,.18);
}
.cert-badge i { font-size: 54px; color: var(--gold); }
.cert-badge span { font-family: 'Oswald', sans-serif; text-transform: uppercase; letter-spacing: 2px; font-size: 16px; line-height: 1.3; }