/* ELEA mobile full-screen navigation FINAL FIX — 2026-08-12 */
@media (max-width:760px){
  html,body{overflow-x:hidden!important}
  body.is-lock{overflow:hidden!important;touch-action:none}

  .site-header{
    position:fixed!important;
    top:0!important;left:0!important;right:0!important;
    width:100%!important;height:72px!important;
    z-index:10000!important;
    overflow:visible!important;
    transform:none!important;
  }
  .site-header.menu-open,
  .site-header.is-light.menu-open,
  .site-header.is-scrolled.menu-open{
    background:#06151f!important;
    color:#fff!important;
    box-shadow:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }

  .site-header .header-inner{
    position:relative!important;
    z-index:10003!important;
    width:100%!important;height:72px!important;
    padding:0 20px!important;
    display:flex!important;
    align-items:center!important;
    background:transparent!important;
  }
  .site-header .brand{
    position:relative!important;
    z-index:10004!important;
    display:flex!important;
    align-items:center!important;
    opacity:1!important;
    visibility:visible!important;
  }
  .site-header.menu-open .brand img{
    filter:brightness(0) invert(1)!important;
    opacity:1!important;
    visibility:visible!important;
  }
  .site-header .header-tools{
    position:relative!important;
    z-index:10004!important;
    display:flex!important;
    align-items:center!important;
    margin-left:auto!important;
    gap:12px!important;
    opacity:1!important;
    visibility:visible!important;
  }
  .site-header.menu-open .language-switch,
  .site-header.menu-open .language-switch .lang-option,
  .site-header.menu-open .language-switch .lang-separator{
    display:flex!important;
    opacity:1!important;
    visibility:visible!important;
    color:#fff!important;
  }
  .site-header.menu-open .language-switch .lang-option:not(.is-active){opacity:.48!important}
  .site-header.menu-open .language-switch .lang-option.is-active{opacity:1!important;font-weight:800!important}
  .site-header.menu-open .language-switch .lang-separator{color:rgba(255,255,255,.42)!important}

  .site-header .mobile-toggle{
    display:block!important;
    position:relative!important;
    z-index:10005!important;
    color:inherit!important;
    opacity:1!important;
    visibility:visible!important;
  }

  /* Keep the close icon white after the full-screen menu opens. */
  body .site-header.menu-open .mobile-toggle{
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
  }
  body .site-header.menu-open .mobile-toggle span{
    background:#fff!important;
  }

  /* The nav is moved directly below .site-header by JS. This avoids legacy
     header grid/flex rules clipping or hiding the fixed full-screen menu. */
  .site-header > .gnb,
  .site-header .gnb{
    display:flex!important;
    position:fixed!important;
    z-index:10001!important;
    inset:0!important;
    width:100vw!important;
    height:100dvh!important;
    min-height:100vh!important;
    max-height:none!important;
    margin:0!important;
    padding:110px 24px max(36px,env(safe-area-inset-bottom))!important;
    flex-direction:column!important;
    align-items:stretch!important;
    justify-content:flex-start!important;
    gap:0!important;
    background:#06151f!important;
    color:#fff!important;
    border:0!important;
    box-shadow:none!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    white-space:normal!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    transform:translateY(-16px)!important;
    transition:opacity .22s ease,transform .28s cubic-bezier(.22,1,.36,1),visibility .22s!important;
  }
  .site-header > .gnb.is-open,
  .site-header .gnb.is-open{
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    transform:translateY(0)!important;
  }
  .site-header > .gnb a,
  .site-header .gnb a{
    position:relative!important;
    z-index:2!important;
    display:block!important;
    width:100%!important;
    flex:0 0 auto!important;
    margin:0!important;
    padding:20px 2px 21px!important;
    border:0!important;
    border-bottom:1px solid rgba(255,255,255,.14)!important;
    color:#fff!important;
    background:transparent!important;
    font-size:clamp(25px,7.2vw,31px)!important;
    line-height:1.2!important;
    font-weight:650!important;
    letter-spacing:-.025em!important;
    text-align:left!important;
    text-indent:0!important;
    opacity:1!important;
    visibility:visible!important;
    transform:none!important;
    filter:none!important;
    clip:auto!important;
    -webkit-text-fill-color:#fff!important;
  }
  .site-header > .gnb a:first-child,
  .site-header .gnb a:first-child{
    border-top:1px solid rgba(255,255,255,.14)!important;
  }
  .site-header > .gnb a.is-active,
  .site-header .gnb a.is-active{
    color:#8fe8e9!important;
    -webkit-text-fill-color:#8fe8e9!important;
    font-weight:800!important;
  }
  .site-header > .gnb a::after,
  .site-header .gnb a::after{
    content:""!important;
    position:absolute!important;
    left:0!important;right:100%!important;bottom:-1px!important;
    height:2px!important;background:#30cacb!important;
  }
  .site-header > .gnb a.is-active::after,
  .site-header .gnb a.is-active::after{right:0!important}
}

@media (max-width:380px){
  .site-header > .gnb,.site-header .gnb{padding:104px 20px 32px!important}
  .site-header > .gnb a,.site-header .gnb a{font-size:24px!important;padding:18px 2px 19px!important}
}

/* 2026-08-12 mobile menu language: KOR | ENG always white while open */
@media (max-width:760px){
  .site-header.menu-open .language-switch,
  .site-header.menu-open .language-switch .lang-option,
  .site-header.menu-open .language-switch .lang-option.is-active,
  .site-header.menu-open .language-switch .lang-option:not(.is-active),
  .site-header.menu-open .language-switch .lang-separator{
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
    opacity:1!important;
    visibility:visible!important;
  }
}