/* ==========================================================================
   Unified header — same size / same positions on every burger-menu page
   (burger left · logo centre · sign-in right · black · thin gold line)
   Pages: Vehicles, My Booking, Contact, History, Reviews
   Load this file LAST.
   ========================================================================== */
body.hd-head{ --hd-gold:#f3cf63; --hd-gold2:#d4a62a; --hd-gold3:#a47a12; --hd-line:rgba(243,207,99,.28); }

body.hd-head .top-header,
body.lux .top-header,
body.light-main .top-header{
  background:#08080a!important;
  box-shadow:0 14px 30px -22px rgba(0,0,0,.55)!important;
  border-bottom:0!important;
  -webkit-backdrop-filter:none!important;backdrop-filter:none!important;
  height:70px!important;padding:0 14px!important;
  display:flex!important;align-items:center;justify-content:space-between;
  position:relative!important;top:auto!important;
}
body.hd-head .top-header::after,
body.lux .top-header::after,
body.light-main .top-header::after{
  display:block!important;content:"";position:absolute;left:0;right:0;bottom:0;height:2px;
  background:linear-gradient(90deg,transparent,#a47a12 20%,#f3cf63 50%,#a47a12 80%,transparent);
  opacity:.85;pointer-events:none;
}
body.hd-head .top-header .logo,
body.lux .top-header .logo,
body.light-main .top-header .logo{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
body.hd-head .top-header .logo a,
body.lux .top-header .logo a,
body.light-main .top-header .logo a{display:block}
body.hd-head .top-header .logo img,
body.lux .top-header .logo img,
body.light-main .top-header .logo img{
  height:46px!important;max-height:46px;width:auto;
  filter:drop-shadow(0 4px 14px rgba(243,207,99,.25));
}
body.hd-head .top-header .header-right,
body.lux .top-header .header-right,
body.light-main .top-header .header-right{display:flex;align-items:center;gap:2px;z-index:2;margin-right:0;padding-right:6px}
body.hd-head #hd-burger,
body.lux #hd-burger,
body.light-main #hd-burger{margin-left:6px}
body.hd-head .profile-login-btn .login-icon-img,
body.lux .profile-login-btn .login-icon-img,
body.light-main .profile-login-btn .login-icon-img{width:40px!important;height:40px!important}
body.hd-head .header-sub,body.hd-head .header-subtitle{display:none!important}

@media(min-width:768px){
  body.hd-head .top-header,
  body.lux .top-header,
  body.light-main .top-header{height:76px!important;padding:0 32px!important}
  body.hd-head .top-header .logo,
  body.lux .top-header .logo,
  body.light-main .top-header .logo{position:static;transform:none;order:0}
  body.hd-head .top-header .logo img,
  body.lux .top-header .logo img,
  body.light-main .top-header .logo img{height:54px!important;max-height:54px}
  body.hd-head .desktop-nav .nav-item{color:#cfc9b8!important}
  body.hd-head .desktop-nav .nav-item:hover,
  body.hd-head .desktop-nav .nav-item.active{color:#fff!important;background:rgba(243,207,99,.14)!important}
  body.hd-head .header-sub,body.hd-head .header-subtitle{display:inline!important;color:#cfc9b8}
}
