/* B4U Loans - Navbar refresh. Loaded after the site's existing styles. */
.header { position: relative; z-index: 1000; }
.header .navbar { display:flex; align-items:center; justify-content:space-between; gap:clamp(12px, 1.6vw, 26px); }
.header .logo-container { flex: 0 1 auto; min-width:0; }
.header .nav-menu { display:flex; align-items:center; justify-content:center; gap:clamp(4px, .7vw, 12px); list-style:none; margin:0; padding:0; min-width:0; }
.header .nav-menu > li { position:relative; list-style:none; margin:0; padding:0; }
.header .nav-link { display:inline-flex; align-items:center; justify-content:center; gap:8px; padding:12px 10px; border:0; background:transparent; color:var(--primary-navy, #0b1d3a); font:inherit; font-size:clamp(13px, .92vw, 15px); font-weight:600; line-height:1.35; text-decoration:none; white-space:nowrap; cursor:pointer; border-radius:8px; }
.header .nav-link:hover, .header .nav-link:focus-visible, .header .nav-link.active, .header .nav-item.dropdown-open > .nav-link { color:var(--primary-navy, #0b1d3a); background:rgba(197,160,89,.13); outline:none; }
.header .nav-link.active::after { display:none; }
.header .dropdown-chevron { font-size:10px; transition:transform .2s ease; }
.header .dropdown-open > .dropdown-toggle .dropdown-chevron { transform:rotate(180deg); }
.header .dropdown-menu { position:absolute; top:calc(100% + 8px); left:0; display:none; min-width:230px; max-width:min(300px, 90vw); padding:8px; background:#fff; border:1px solid #e2e8f0; border-radius:12px; box-shadow:0 16px 40px rgba(15,23,42,.16); z-index:1100; }
.header .dropdown-menu::before { content:""; position:absolute; left:0; right:0; top:-10px; height:10px; }
.header .dropdown-open > .dropdown-menu, .header .has-dropdown:hover > .dropdown-menu, .header .has-dropdown:focus-within > .dropdown-menu { display:block; }
.header .dropdown-menu-right { left:auto; right:0; }
.header .dropdown-link { display:block; padding:10px 12px; color:#24334b; text-decoration:none; font-size:14px; font-weight:500; line-height:1.4; border-radius:7px; white-space:normal; }
.header .dropdown-link:hover, .header .dropdown-link:focus-visible, .header .dropdown-link.active { color:#0b1d3a; background:#f3f6fa; outline:none; }
.header .nav-actions { display:flex; align-items:center; flex:0 0 auto; gap:10px; }
.header .nav-apply-btn { margin-left:0 !important; white-space:nowrap; }
.header .hamburger { display:none; }
@media (min-width: 1101px) {
  .header .container { max-width: 1600px; }
}
@media (max-width: 1100px) {
  .header .navbar { flex-wrap:wrap; }
  .header .nav-menu { order:3; width:100%; justify-content:center; flex-wrap:wrap; padding:6px 0 10px; }
  .header .nav-link { font-size:14px; padding:9px 10px; }
}
@media (max-width: 760px) {
  .header .navbar { flex-wrap:nowrap; position:relative; min-height:72px; }
  .header .logo-container { flex:1 1 auto; max-width:calc(100% - 110px); }
  .header .brand-tagline { max-width:230px; }
  .header .nav-actions { margin-left:auto; }
  .header .nav-apply-btn { display:inline-flex; padding:9px 12px; font-size:12px; }
  .header .hamburger { display:inline-flex; align-items:center; justify-content:center; width:42px; height:42px; border:1px solid #e2e8f0; border-radius:9px; background:#fff; color:var(--primary-navy, #0b1d3a); font-size:19px; cursor:pointer; }
  .header .nav-menu { display:none; position:absolute; top:calc(100% + 1px); left:0; right:0; width:100%; max-height:calc(100vh - 90px); overflow-y:auto; flex-direction:column; align-items:stretch; justify-content:flex-start; flex-wrap:nowrap; gap:2px; padding:12px; background:#fff; border:1px solid #e2e8f0; border-radius:0 0 14px 14px; box-shadow:0 18px 32px rgba(15,23,42,.14); z-index:1200; }
  .header .nav-menu.active { display:flex; }
  .header .nav-menu > li { width:100%; }
  .header .nav-link { display:flex; width:100%; justify-content:space-between; text-align:left; padding:13px 12px; font-size:15px; white-space:normal; }
  .header .dropdown-menu, .header .dropdown-menu-right { position:static; display:none; width:100%; max-width:none; min-width:0; margin:2px 0 8px; padding:5px 8px 5px 14px; border:0; border-left:2px solid var(--accent-gold, #c5a059); border-radius:0; box-shadow:none; }
  .header .dropdown-menu::before { display:none; }
  .header .dropdown-open > .dropdown-menu { display:block; }
  .header .dropdown-link { padding:11px 12px; font-size:14px; }
  .header .has-dropdown:hover > .dropdown-menu { display:none; }
  .header .has-dropdown.dropdown-open:hover > .dropdown-menu { display:block; }
}
@media (max-width: 420px) {
  .header .logo-img-placeholder { width:48px; height:48px; }
  .header .brand-name { font-size:20px; }
  .header .brand-tagline { display:none; }
  .header .nav-apply-btn { padding:8px 10px; font-size:11px; }
  .header .hamburger { width:38px; height:38px; }
}
@media (prefers-reduced-motion: reduce) {
  .header .dropdown-chevron { transition:none; }
}