/* Header Architecture */
.top-bar {
  background-color: var(--primary-dark);
  color: var(--bg-main);
  font-size: 0.85rem;
  padding: 0.4rem 0;
  border-bottom: 1px solid rgba(255,255,255,0.1);
}
.top-bar-inner { display: flex; justify-content: space-between; align-items: center; }
.top-bar-left { color: var(--bg-subtle); }
.top-bar-right { display: flex; align-items: center; gap: 1.25rem; }
.top-bar-right a { color: var(--bg-subtle); }
.top-bar-right a:hover { color: var(--accent); }

.main-header {
  background-color: var(--bg-main);
  padding: 0.85rem 0;
  border-bottom: 1px solid var(--border-color);
}
.main-header-inner { display: flex; justify-content: space-between; align-items: center; }
.brand-group { display: flex; flex-direction: column; }
.brand-title { font-size: 1.5rem; font-weight: 800; color: var(--primary-dark); line-height: 1; letter-spacing: -0.02em; }
.brand-subtitle { font-size: 0.75rem; font-weight: 700; color: var(--accent); letter-spacing: 0.05em; margin-top: 3px; }
.brand-tagline { font-size: 0.85rem; font-weight: 600; color: var(--text-muted); margin-top: 2px; }

.header-enquiry-info { display: flex; align-items: center; gap: 1.5rem; }
.header-phone-box { text-align: right; }
.header-phone-box label { display: block; font-size: 0.75rem; color: var(--text-light); text-transform: uppercase; font-weight: 600; }
.header-phone-box a { font-size: 1.1rem; font-weight: 700; color: var(--primary-dark); }

.nav-bar {
  background-color: var(--primary);
  box-shadow: var(--shadow-subtle);
  position: sticky;
  top: 0;
  z-index: 1000;
}
.nav-bar-inner { display: flex; justify-content: center; align-items: center; }
.nav-list { display: flex; align-items: center; }
.nav-item { position: relative; }
.nav-link {
  display: block;
  padding: 0.85rem 1.25rem;
  color: #FFFFFF;
  font-weight: 600;
  font-size: 0.95rem;
  border-bottom: 3px solid transparent;
}
.nav-link:hover, .nav-link.active {
  background-color: var(--primary-dark);
  border-bottom-color: var(--accent);
  color: #FFFFFF;
}

.mobile-toggle { display: none; background: none; border: none; color: #FFFFFF; font-size: 1.5rem; cursor: pointer; }