/* ═══════════════════════════════════════════════
   HEADER — topbar, nav, dropdowns, mobile menu
   ═══════════════════════════════════════════════ */
.topbar{background:#b53010;text-align:center;padding:8px 16px;font-size:13px;color:#fff;font-weight:700;line-height:1.4}
.topbar a{color:#fff;font-weight:800}

#site-header{background:var(--blue-dark);position:sticky;top:0;z-index:200;box-shadow:0 2px 16px rgba(0,0,0,.3)}
#site-header .wrap{height:68px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.logo img{height:48px;width:180px;object-fit:contain}

.main-nav{display:flex;align-items:center;gap:2px}
.main-nav>li{position:relative}
.main-nav>li>a,.main-nav>li>button{color:rgba(255,255,255,.85);font-size:14px;font-weight:500;padding:8px 13px;border-radius:6px;display:flex;align-items:center;gap:4px;white-space:nowrap;transition:background .2s,color .2s;background:none;border:none;cursor:pointer;font-family:inherit}
.main-nav>li>a:hover,.main-nav>li>button:hover,.main-nav>li>a.active{color:#fff;background:rgba(255,255,255,.12)}

.dropdown{display:none;position:absolute;top:calc(100% + 2px);left:0;background:var(--blue-dark);border:1px solid rgba(255,255,255,.12);border-radius:10px;min-width:220px;padding:6px;z-index:300;box-shadow:0 8px 24px rgba(0,0,0,.35)}
.dropdown a{display:block;color:rgba(255,255,255,.8);font-size:13px;padding:9px 14px;border-radius:6px;transition:background .2s,color .2s}
.dropdown a:hover{background:rgba(255,255,255,.1);color:#fff}
.dropdown.wide{columns:2;min-width:380px}

.nav-btns{display:flex;align-items:center;gap:8px;flex-shrink:0}
.nav-phone{display:inline-flex;align-items:center;gap:6px;background:var(--green);color:#fff;font-weight:700;font-size:14px;padding:8px 16px;border-radius:6px;white-space:nowrap;transition:background .2s}
.nav-phone:hover{background:var(--green-dark)}
.nav-book{display:inline-flex;align-items:center;gap:6px;background:var(--accent);color:#fff;font-weight:700;font-size:14px;padding:8px 16px;border-radius:6px;white-space:nowrap;transition:background .2s;border:none;cursor:pointer;font-family:inherit}
.nav-book:hover{background:var(--accent-dark)}

.hamburger{display:none;flex-direction:column;justify-content:center;gap:5px;background:none;border:none;cursor:pointer;padding:8px;width:40px;height:40px}
.hamburger span{display:block;height:2px;background:#fff;border-radius:2px;transition:.3s}
.hamburger.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.hamburger.open span:nth-child(2){opacity:0}
.hamburger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

/* Mobile nav */
#mobile-nav{display:none;position:fixed;top:68px;left:0;right:0;bottom:0;background:var(--blue-dark);overflow-y:auto;z-index:199;padding:12px}
#mobile-nav.open{display:block}
.mob-item>a,.mob-item>button{display:flex;align-items:center;justify-content:space-between;width:100%;padding:14px 16px;font-size:15px;font-weight:600;color:rgba(255,255,255,.9);border-radius:8px;background:none;border:none;cursor:pointer;font-family:inherit;transition:background .2s}
.mob-item>a:hover,.mob-item>button:hover{background:rgba(255,255,255,.08)}
.mob-chevron{font-size:12px;opacity:.7;transition:transform .2s}
.mob-item.open .mob-chevron{transform:rotate(180deg)}
.mob-sub{display:none;padding:4px 0 8px 16px}
.mob-item.open .mob-sub{display:block}
.mob-sub a{display:block;padding:10px 16px;font-size:14px;color:rgba(255,255,255,.75);border-radius:6px;transition:background .2s,color .2s}
.mob-sub a:hover{background:rgba(255,255,255,.08);color:#fff}
.mob-footer{padding:16px;border-top:1px solid rgba(255,255,255,.1);margin-top:8px;display:flex;flex-direction:column;gap:10px}
.mob-footer .nav-phone,.mob-footer .nav-book{justify-content:center;font-size:15px;padding:13px 20px}

@media(max-width:900px){
  .hamburger{display:flex}
  .main-nav,.nav-btns{display:none}
}
@media(min-width:901px){
  #mobile-nav{display:none!important}
}