/* Hallyu Heights v113 — mobile navigation without dropdowns.
   Desktop keeps the grouped dropdown navigation. On mobile the hamburger
   contains plain direct links, so no second tap/accordion is required. */

.hh-mobile-flat-nav{display:none}
.hh-nav-group[open] > .hh-nav-menu{display:grid!important;gap:3px!important}

@media (max-width:1250px){
  body.mobile-menu-open{overflow:hidden!important}

  /* No dropdown controls on mobile. */
  .site-header .hh-nav-group{display:none!important}
  .site-header .hh-mobile-flat-nav{
    display:grid!important;
    width:100%!important;
    gap:5px!important;
  }
  .site-header .hh-mobile-nav-label{
    padding:12px 10px 4px!important;
    color:#bf5d82!important;
    font-size:10px!important;
    line-height:1.2!important;
    font-weight:900!important;
    letter-spacing:.12em!important;
    text-transform:uppercase!important;
  }
  .site-header .hh-mobile-flat-nav a{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    width:100%!important;
    min-height:44px!important;
    padding:11px 13px!important;
    border:1px solid #f1e1e7!important;
    border-radius:12px!important;
    background:#fff!important;
    color:#4a3740!important;
    font-size:13px!important;
    font-weight:750!important;
    line-height:1.3!important;
    text-align:left!important;
    white-space:normal!important;
  }
  .site-header .hh-mobile-flat-nav a:active{background:#fff3f7!important}
}

/* SEO landing pages never had a hamburger. On mobile, remove the dropdown
   controls entirely and keep the compact logo + Start Learning header. */
@media (max-width:900px){
  .seo-header .hh-nav-group{display:none!important}
  .seo-header .seo-links{width:auto!important;display:flex!important}
  .seo-header .seo-nav-cta{
    display:inline-flex!important;
    grid-column:auto!important;
    min-height:42px!important;
  }
}