/* PodhaleBooking — unified menu matching index.php V50/V50.1/V50.2/V53 */
:root{
  --bd-gold:#d5a94d;
  --bd-gold-light:#f1d88e;
}
.elm-header{
  position:fixed!important;left:0!important;right:0!important;top:0!important;width:100%!important;
  z-index:999999!important;padding:0!important;background:rgba(1,6,10,.91)!important;
  border-bottom:1px solid rgba(223,178,88,.20)!important;
  backdrop-filter:blur(18px) saturate(135%)!important;-webkit-backdrop-filter:blur(18px) saturate(135%)!important;
  box-shadow:0 12px 35px rgba(0,0,0,.22)!important;pointer-events:auto!important;
}
.elm-header-shell,.elm-header.scrolled .elm-header-shell{
  width:min(1480px,calc(100% - 32px))!important;max-width:1480px!important;min-height:68px!important;
  margin:0 auto!important;padding:0!important;display:grid!important;
  grid-template-columns:285px minmax(0,1fr) auto!important;gap:22px!important;align-items:center!important;
  border-radius:0!important;background:transparent!important;border:0!important;box-shadow:none!important;
  backdrop-filter:none!important;-webkit-backdrop-filter:none!important;transform:none!important;overflow:visible!important;
}
.elm-header-shell:before,.elm-header-shell:after{display:none!important}
.elm-brand{min-width:0!important;display:flex!important;align-items:center!important;gap:13px!important;color:#fff!important;text-decoration:none!important;letter-spacing:.14em!important;text-transform:uppercase!important}
.elm-logo{position:relative!important;width:56px!important;height:42px!important;flex:0 0 56px!important;overflow:hidden!important;border:0!important;border-radius:0!important;background:transparent!important;color:transparent!important;box-shadow:none!important;font-size:0!important}
.elm-logo:before,.elm-logo:after{content:""!important;position:absolute!important;bottom:8px!important;width:32px!important;height:25px!important;border-top:2px solid var(--bd-gold-light)!important;transform:rotate(-42deg) skewX(-8deg)!important;transform-origin:center!important}
.elm-logo:before{left:2px!important}.elm-logo:after{right:0!important;transform:rotate(42deg) skewX(8deg)!important}
.elm-brand>span:last-child{display:flex!important;flex-direction:column!important;justify-content:center!important}
.elm-brand strong{font-family:Georgia,"Times New Roman",serif!important;color:#fff!important;font-size:20px!important;line-height:1!important;letter-spacing:.18em!important;text-transform:uppercase!important;font-weight:500!important}
.elm-brand small{margin-top:5px!important;color:var(--bd-gold-light)!important;font-size:8px!important;line-height:1!important;letter-spacing:.28em!important;text-transform:uppercase!important}
.elm-nav{display:flex!important;align-items:center!important;justify-content:center!important;gap:3px!important;padding:0!important;background:transparent!important;border:0!important;overflow:visible!important}
.elm-nav>a,.elm-nav>.elm-nav-dropdown>button{min-height:68px!important;padding:0 17px!important;border:0!important;border-radius:0!important;background:transparent!important;color:rgba(255,255,255,.88)!important;font-size:11px!important;font-weight:850!important;letter-spacing:.055em!important;text-transform:uppercase!important;white-space:nowrap!important}
.elm-nav>a:hover,.elm-nav>a.active,.elm-nav>.elm-nav-dropdown>button:hover,.elm-nav>.elm-nav-dropdown>button:focus{color:var(--bd-gold-light)!important;background:transparent!important}
.elm-actions{display:flex!important;align-items:center!important;gap:8px!important}
.elm-icon-btn{width:44px!important;height:44px!important;min-height:44px!important;border:0!important;background:transparent!important;color:#fff!important;border-radius:0!important}
.elm-owner-btn{min-height:44px!important;padding:0 18px!important;border-radius:6px!important;border:1px solid rgba(213,169,77,.50)!important;background:rgba(213,169,77,.08)!important;color:#f7f2e8!important;box-shadow:inset 0 0 24px rgba(213,169,77,.04)!important}
.elm-owner-btn span{display:none!important}
.elm-menu-toggle{border:1px solid rgba(255,255,255,.10)!important;background:rgba(255,255,255,.025)!important;color:#fff!important;border-radius:5px!important}
.elm-nav-dropdown-menu{background:rgba(6,11,17,.97)!important;border:1px solid rgba(213,169,77,.24)!important;box-shadow:0 28px 90px rgba(0,0,0,.46)!important;backdrop-filter:blur(24px)!important;-webkit-backdrop-filter:blur(24px)!important}
.elm-mobile-panel{background:#07101a!important;color:#fff!important;border-top:1px solid rgba(213,169,77,.24)!important}

/* Subpages need clearance below the fixed index-style header. Home hero already handles its own spacing. */
body:not(.v50-black-diamond) main{scroll-margin-top:68px}

@media(max-width:1260px) and (min-width:1121px){
  .elm-header-shell,.elm-header.scrolled .elm-header-shell{grid-template-columns:235px 1fr auto!important}
  .elm-nav>a,.elm-nav>.elm-nav-dropdown>button{padding:0 10px!important;font-size:9px!important}
}
@media(max-width:1120px){
  .elm-header-shell,.elm-header.scrolled .elm-header-shell{grid-template-columns:auto 1fr auto!important;width:calc(100% - 24px)!important}
  .elm-nav,.elm-actions{display:none!important}.elm-menu-toggle{display:grid!important;place-items:center!important}
}
@media(max-width:768px){
  html{scroll-padding-top:74px}
  .elm-header{min-height:62px!important;border-bottom:1px solid rgba(207,166,85,.18)!important}
  .elm-header-shell,.elm-header.scrolled .elm-header-shell{min-height:62px!important;width:calc(100% - 18px)!important;grid-template-columns:1fr auto!important;gap:8px!important}
  .elm-brand{min-width:0!important}.elm-logo{width:42px!important;height:34px!important;flex-basis:42px!important}
  .elm-brand strong{font-size:14px!important;letter-spacing:.12em!important}.elm-brand small{display:none!important}
  .elm-menu-toggle{width:44px!important;height:44px!important;display:grid!important;place-items:center!important;border-radius:10px!important}
}