/* HTNS v219 — premium login Guest Mode and language controls. */
#gate .guest-language-row{
  width:100% !important;
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  align-items:stretch !important;
  gap:10px !important;
  min-height:50px !important;
  margin-top:10px !important;
  overflow:visible !important;
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}

#gate .guest-language-row #btnGuest,
#gate .guest-language-row #langBar .lang-btn{
  position:relative !important;
  width:100% !important;
  height:50px !important;
  min-width:0 !important;
  min-height:50px !important;
  margin:0 !important;
  padding:0 14px !important;
  appearance:none !important;
  -webkit-appearance:none !important;
  border:1.5px solid #173b63 !important;
  border-radius:17px !important;
  background:
    radial-gradient(150px 54px at 50% -4%,rgba(255,255,255,.98),rgba(255,255,255,0) 72%),
    linear-gradient(180deg,#fffef9 0%,#faf2da 56%,#f1dfad 100%) !important;
  color:#173b63 !important;
  box-shadow:
    inset 0 0 0 2px rgba(214,176,74,.48),
    inset 0 1px 0 rgba(255,255,255,.98),
    0 8px 18px rgba(34,56,80,.11) !important;
  cursor:pointer !important;
  -webkit-tap-highlight-color:transparent !important;
  overflow:hidden !important;
}

/* Guest Mode: a balanced three-column grid keeps the label optically centered. */
#gate .guest-language-row #btnGuest{
  display:grid !important;
  grid-template-columns:21px minmax(0,1fr) 21px !important;
  align-items:center !important;
  column-gap:8px !important;
  font-size:14px !important;
  line-height:1 !important;
  font-weight:900 !important;
  letter-spacing:-.01em !important;
  text-transform:none !important;
}
#gate .guest-language-row #btnGuest::after{
  content:"" !important;
  display:block !important;
  width:21px !important;
  height:21px !important;
  grid-column:3 !important;
}
#gate .guest-language-row #btnGuest .login-guest-icon{
  display:block !important;
  visibility:visible !important;
  opacity:1 !important;
  position:static !important;
  grid-column:1 !important;
  justify-self:start !important;
  width:20px !important;
  height:20px !important;
  min-width:20px !important;
  color:#245b87 !important;
  stroke:currentColor !important;
  fill:none !important;
  filter:none !important;
}
#gate .guest-language-row #btnGuest #btnGuestLabel{
  display:block !important;
  grid-column:2 !important;
  justify-self:center !important;
  min-width:0 !important;
  color:#173b63 !important;
  white-space:nowrap !important;
}

/* Language control shows only the active language, with globe + chevron. */
#gate .guest-language-row #langBar{
  position:relative !important;
  display:block !important;
  width:100% !important;
  height:50px !important;
  min-width:0 !important;
  min-height:50px !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  border-radius:17px !important;
  background:transparent !important;
  box-shadow:none !important;
  overflow:visible !important;
}
#gate .guest-language-row #langBar > .login-lang-separator{
  display:none !important;
}
#gate .guest-language-row #langBar .lang-btn{
  display:none !important;
  grid-template-columns:21px minmax(0,1fr) 18px !important;
  align-items:center !important;
  column-gap:8px !important;
  font-size:15px !important;
  line-height:1 !important;
  font-weight:800 !important;
}
#gate .guest-language-row #langBar .lang-btn.on,
#gate .guest-language-row #langBar .lang-btn[aria-pressed="true"]{
  display:grid !important;
}
#gate .guest-language-row #langBar .login-lang-icon,
#gate .guest-language-row #langBar .login-lang-chevron{
  display:block !important;
  visibility:visible !important;
  opacity:1 !important;
  position:static !important;
  color:#245b87 !important;
  stroke:currentColor !important;
  fill:none !important;
  filter:none !important;
}
#gate .guest-language-row #langBar .login-lang-icon{
  grid-column:1 !important;
  justify-self:start !important;
  width:19px !important;
  height:19px !important;
}
#gate .guest-language-row #langBar .login-lang-label{
  display:block !important;
  grid-column:2 !important;
  justify-self:center !important;
  min-width:0 !important;
  color:#173b63 !important;
  font-family:Georgia,"Times New Roman",serif !important;
  font-size:15px !important;
  line-height:1 !important;
  font-weight:700 !important;
  letter-spacing:.035em !important;
  white-space:nowrap !important;
}
#gate .guest-language-row #langBar .login-lang-chevron{
  grid-column:3 !important;
  justify-self:end !important;
  width:16px !important;
  height:16px !important;
}

#gate .guest-language-row #btnGuest:hover,
#gate .guest-language-row #langBar .lang-btn:hover{
  background:
    radial-gradient(150px 54px at 50% -4%,rgba(255,255,255,1),rgba(255,255,255,0) 72%),
    linear-gradient(180deg,#fffefb 0%,#f8efcf 56%,#ecd79a 100%) !important;
}
#gate .guest-language-row #btnGuest:active,
#gate .guest-language-row #langBar .lang-btn:active{
  transform:translateY(1px) scale(.992) !important;
  background:linear-gradient(180deg,#fbf5e5 0%,#ead596 100%) !important;
  box-shadow:
    inset 0 0 0 2px rgba(214,176,74,.62),
    inset 0 2px 5px rgba(23,59,99,.08),
    0 4px 10px rgba(34,56,80,.08) !important;
}
#gate .guest-language-row #btnGuest:focus-visible,
#gate .guest-language-row #langBar .lang-btn:focus-visible{
  outline:3px solid rgba(62,125,173,.32) !important;
  outline-offset:2px !important;
}

@media(max-width:350px){
  #gate .guest-language-row{
    gap:8px !important;
    min-height:46px !important;
  }
  #gate .guest-language-row #btnGuest,
  #gate .guest-language-row #langBar,
  #gate .guest-language-row #langBar .lang-btn{
    height:46px !important;
    min-height:46px !important;
    border-radius:15px !important;
  }
  #gate .guest-language-row #btnGuest,
  #gate .guest-language-row #langBar .lang-btn{
    padding:0 10px !important;
    column-gap:6px !important;
  }
  #gate .guest-language-row #btnGuest{
    grid-template-columns:18px minmax(0,1fr) 18px !important;
    font-size:12.5px !important;
  }
  #gate .guest-language-row #btnGuest::after{
    width:18px !important;
    height:18px !important;
  }
  #gate .guest-language-row #btnGuest .login-guest-icon{
    width:18px !important;
    height:18px !important;
    min-width:18px !important;
  }
  #gate .guest-language-row #langBar .lang-btn{
    grid-template-columns:18px minmax(0,1fr) 15px !important;
  }
  #gate .guest-language-row #langBar .login-lang-icon{
    width:17px !important;
    height:17px !important;
  }
  #gate .guest-language-row #langBar .login-lang-label{
    font-size:14px !important;
  }
  #gate .guest-language-row #langBar .login-lang-chevron{
    width:14px !important;
    height:14px !important;
  }
}