/* Zala Springs Lobby — shared internal-page global header/menu
   Core 2.1.0
   This is GLOBAL UI, not page-specific CSS. */

.zs-lobby-global-header,
.zs-lobby-global-header *,
.zs-lobby-global-menu,
.zs-lobby-global-menu *{box-sizing:border-box}

.zs-lobby-global-header{
  position:sticky;
  top:0;
  z-index:99990;
  width:100%;
  border-bottom:1px solid var(--zs-line,rgba(38,53,44,.12));
  background:rgba(247,245,239,.94);
  backdrop-filter:blur(18px) saturate(92%);
  -webkit-backdrop-filter:blur(18px) saturate(92%);
}

body.admin-bar .zs-lobby-global-header{top:32px}

.zs-lobby-global-header__inner{
  width:min(calc(100% - clamp(28px,3vw,64px)),1840px);
  min-height:clamp(86px,5.3vw,112px);
  margin:0 auto;
  display:grid;
  grid-template-columns:1fr auto 1fr;
  align-items:center;
  gap:clamp(16px,1.4vw,28px);
}

.zs-lobby-global-header__left,
.zs-lobby-global-header__right{
  display:flex;
  align-items:center;
  gap:10px;
}

.zs-lobby-global-header__right{justify-content:flex-end}

.zs-lobby-global-header button{
  font:inherit!important;
  -webkit-tap-highlight-color:transparent;
}

.zs-lobby-global-header__round,
.zs-lobby-global-menu__close{
  width:clamp(54px,3.2vw,68px);
  height:clamp(54px,3.2vw,68px);
  display:grid;
  place-items:center;
  padding:0!important;
  border:1px solid var(--zs-line,rgba(38,53,44,.12))!important;
  border-radius:50%!important;
  background:rgba(255,255,255,.64)!important;
  color:var(--zs-brand-midnight,#26352c)!important;
  box-shadow:0 8px 22px rgba(38,53,44,.05);
}

.zs-lobby-global-header__round .zs-icon,
.zs-lobby-global-menu__close .zs-icon{
  width:24px;
  height:24px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.7;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.zs-lobby-global-header__brand{
  min-width:clamp(220px,13vw,340px);
  min-height:64px;
  display:grid;
  place-items:center;
  padding:5px 18px!important;
  border:0!important;
  background:transparent!important;
}

.zs-lobby-global-header__brand img{
  display:block;
  width:auto;
  max-width:clamp(205px,12vw,315px);
  max-height:58px;
  object-fit:contain;
}

.zs-lobby-global-header__languages{
  display:flex;
  gap:4px;
  padding:4px;
  border:1px solid var(--zs-line,rgba(38,53,44,.12));
  border-radius:999px;
  background:rgba(255,255,255,.58);
}

.zs-lobby-global-header__languages button{
  width:48px;
  height:48px;
  padding:0!important;
  border:0!important;
  border-radius:50%!important;
  background:transparent!important;
  color:rgba(38,53,44,.58)!important;
  font-size:11px!important;
  font-weight:800!important;
}

.zs-lobby-global-header__languages button.is-active{
  background:var(--zs-brand-gold,#c2a22f)!important;
  color:var(--zs-brand-midnight,#26352c)!important;
}

.zs-lobby-global-header__menu-button{
  min-height:56px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:11px;
  padding:0 21px!important;
  border:1px solid var(--zs-line,rgba(38,53,44,.12))!important;
  border-radius:999px!important;
  background:var(--zs-brand-midnight,#26352c)!important;
  color:#fff!important;
  font-weight:750!important;
}

.zs-lobby-global-header__menu-button .zs-icon{
  width:20px;
  height:20px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.7;
  stroke-linecap:round;
}

.zs-lobby-global-menu{
  position:fixed;
  inset:0;
  z-index:2147482500;
  visibility:hidden;
  pointer-events:none;
}

.zs-lobby-global-menu.is-open{
  visibility:visible;
  pointer-events:auto;
}

.zs-lobby-global-menu__backdrop{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:rgba(15,28,21,.58)!important;
  opacity:0;
  backdrop-filter:blur(5px);
  -webkit-backdrop-filter:blur(5px);
  transition:opacity .28s ease;
}

.zs-lobby-global-menu.is-open .zs-lobby-global-menu__backdrop{opacity:1}

.zs-lobby-global-menu__panel{
  position:absolute;
  top:0;
  right:0;
  width:min(680px,42vw);
  min-width:540px;
  height:100%;
  display:flex;
  flex-direction:column;
  overflow:hidden;
  border-left:1px solid rgba(255,255,255,.55);
  background:#f6f4ee;
  box-shadow:-35px 0 100px rgba(12,26,19,.30);
  transform:translateX(104%);
  transition:transform .36s cubic-bezier(.22,.72,.18,1);
}

.zs-lobby-global-menu.is-open .zs-lobby-global-menu__panel{transform:translateX(0)}

.zs-lobby-global-menu__head{
  min-height:118px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  padding:24px 28px;
  border-bottom:1px solid var(--zs-line,rgba(38,53,44,.12));
}

.zs-lobby-global-menu__head img{
  width:auto;
  max-width:240px;
  max-height:64px;
  object-fit:contain;
}

.zs-lobby-global-menu__body{
  overflow-y:auto;
  overscroll-behavior:contain;
  padding:32px 28px 40px;
}

.zs-lobby-global-menu__eyebrow{
  display:block;
  margin:0 0 12px;
  color:#947918;
  font-size:11px;
  font-weight:800;
  letter-spacing:.16em;
  text-transform:uppercase;
}

.zs-lobby-global-menu__nav{
  display:grid;
  gap:8px;
}

.zs-lobby-global-menu__nav button{
  width:100%;
  min-height:68px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:0 18px!important;
  border:1px solid var(--zs-line,rgba(38,53,44,.12))!important;
  border-radius:16px!important;
  background:#fff!important;
  color:var(--zs-brand-midnight,#26352c)!important;
  text-align:left!important;
  font:inherit!important;
  font-size:17px!important;
  font-weight:650!important;
  box-shadow:0 7px 20px rgba(38,53,44,.035);
}

.zs-lobby-global-menu__nav button[hidden]{
  display:none!important;
}

.zs-lobby-global-menu__nav button .zs-icon{
  width:20px;
  height:20px;
  flex:0 0 auto;
  fill:none;
  stroke:currentColor;
  stroke-width:1.7;
  stroke-linecap:round;
  stroke-linejoin:round;
}

body.zs-global-menu-open{overflow:hidden!important}

@media (hover:hover) and (pointer:fine){
  .zs-lobby-global-header__round:hover,
  .zs-lobby-global-header__menu-button:hover,
  .zs-lobby-global-menu__close:hover,
  .zs-lobby-global-menu__nav button:hover{
    transform:translateY(-1px);
  }

  .zs-lobby-global-menu__nav button:hover{
    border-color:rgba(194,162,47,.55)!important;
    box-shadow:0 14px 28px rgba(38,53,44,.08);
  }
}

@media(max-width:1200px){
  .zs-lobby-global-header__inner{grid-template-columns:auto 1fr auto}
  .zs-lobby-global-header__brand{min-width:180px}
  .zs-lobby-global-header__brand img{max-width:190px}
  .zs-lobby-global-header__languages button{width:44px;height:44px}
  .zs-lobby-global-menu__panel{width:min(720px,72vw);min-width:0}
}

@media(max-width:780px){
  body.admin-bar .zs-lobby-global-header{top:46px}
  .zs-lobby-global-header__inner{width:calc(100% - 20px)}
  .zs-lobby-global-header__brand{display:none}
  .zs-lobby-global-header__inner{grid-template-columns:1fr auto}
  .zs-lobby-global-header__right{grid-column:2}
  .zs-lobby-global-header__languages{display:none}
  .zs-lobby-global-header__menu-button span{display:none}
  .zs-lobby-global-header__menu-button{width:56px;padding:0!important}
  .zs-lobby-global-menu__panel{width:88vw}
}