/* ===== HEADER WRAPPER ===== */
.header { position:fixed; top:0; left:0; right:0; z-index:50; }

/* ===== HEADER CONTAINER — rộng hơn content container ===== */
.header-wrap {
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 1rem;
}

/* ===== TOP BAR ===== */
.header-top {
    background: var(--card);
    border-bottom: 1px solid var(--border);
    padding: .5rem 0;
    display: none;
}
@media(min-width:1024px){ .header-top { display:block; } }

.header-top-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: .875rem;
    flex-wrap: nowrap;
}
.header-top a { display:inline-flex; align-items:center; gap:.375rem; color:var(--muted-foreground); transition:color .3s; }
.header-top a:hover { color:var(--primary); }
.header-top .phone { color:var(--primary); font-weight:600; }
.header-regions { display:flex; align-items:center; gap:.75rem; flex-wrap: nowrap; overflow: hidden; }
.header-regions span { color:var(--muted-foreground); white-space: nowrap; }
.header-regions .phone { white-space: nowrap; }

/* ===== NAVBAR ===== */
.navbar { background:rgba(10,14,23,.8); backdrop-filter:blur(12px); -webkit-backdrop-filter:blur(12px); transition:all .3s ease; }
.navbar.scrolled { background:rgba(10,14,23,.95); box-shadow:0 4px 20px rgba(0,0,0,.3); }

.navbar-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 4rem;
}
@media(min-width:1024px){ .navbar-inner { height:5rem; } }

/* Logo — trái, không co */
.logo { font-family:var(--font-heading); font-size:1.5rem; font-weight:700; color:var(--primary); letter-spacing:.05em; flex-shrink:0; white-space:nowrap; text-decoration:none; }
@media(min-width:1024px){ .logo { font-size:1.875rem; } }

/* Logo image — override inline height style */
.logo img { height:52px !important; width:auto !important; display:block; }
@media(min-width:1024px){ .logo img { height:64px !important; } }

/* Nav menu — giữa, flex:1 để lấp khoảng trống giữa logo và CTA */
.nav-menu { display:none; align-items:center; gap:1.75rem; flex:1; justify-content:center; list-style:none; padding:0; }
@media(min-width:1024px){ .nav-menu { display:flex; } }
.nav-menu a { font-size:.875rem; font-weight:500; color:var(--foreground); transition:color .3s; white-space:nowrap; }
.nav-menu a:hover { color:var(--primary); }

/* CTA — phải, không co */
.nav-cta { display:none; flex-shrink:0; }
@media(min-width:1024px){ .nav-cta { display:flex; } }

/* Mobile menu button */
.mobile-menu-btn { display:flex; padding:.5rem; background:none; border:none; color:var(--foreground); flex-shrink:0; cursor:pointer; }
@media(min-width:1024px){ .mobile-menu-btn { display:none; } }

/* Mobile menu dropdown */
.mobile-menu { display:none; background:var(--card); border-top:1px solid var(--border); padding:1rem; }
.mobile-menu.active { display:block; }
.mobile-menu a { display:block; padding:.75rem 0; border-bottom:1px solid var(--border); color:var(--foreground); }
.mobile-menu a:hover { color:var(--primary); }