/* ==========================================================================
   TrueHarbor V827 — mobile language BELOW the nav menu (not a fixed overlay)
   Replaces the old V793 fixed panel that floated languages under the hamburger.
   Scope: max-width 1120px only.
   ========================================================================== */

@media (max-width:1120px){
  /* Language block is a normal block after the menu list */
  .primary-nav .th-mobile-language,
  body > [data-primary-nav] .th-mobile-language,
  body > .primary-nav .th-mobile-language{
    position:static!important;
    top:auto!important;
    right:auto!important;
    left:auto!important;
    width:100%!important;
    max-width:100%!important;
    margin:14px 0 0!important;
    padding:12px!important;
    z-index:auto!important;
    border:1px solid rgba(103,199,255,.18)!important;
    border-radius:12px!important;
    background:rgba(255,255,255,.04)!important;
    box-shadow:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    order:2!important;
    display:grid!important;
    gap:8px!important;
  }
  .primary-nav .th-mobile-language:before,
  body > [data-primary-nav] .th-mobile-language:before{
    content:none!important;
    display:none!important;
  }
  .primary-nav .th-mobile-language__label,
  body > [data-primary-nav] .th-mobile-language__label{
    position:static!important;
    margin:0 0 4px!important;
    color:#8eb4cc!important;
    font-size:11px!important;
    font-weight:800!important;
    letter-spacing:.12em!important;
    text-transform:uppercase!important;
  }
  .primary-nav .th-language-links--mobile,
  body > [data-primary-nav] .th-language-links--mobile{
    position:static!important;
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
  }
  .primary-nav .primary-menu,
  body > [data-primary-nav] .primary-menu{
    order:1!important;
  }
  .primary-nav,
  body > [data-primary-nav].primary-nav,
  body > .primary-nav{
    display:flex!important;
    flex-direction:column!important;
    /* reset the old "pushed down below language panel" top offsets */
    top:88px!important;
    max-height:calc(100dvh - 100px)!important;
  }
}

@media (max-width:640px){
  .primary-nav,
  body > [data-primary-nav].primary-nav,
  body > .primary-nav{
    top:76px!important;
    max-height:calc(100dvh - 88px)!important;
    left:6px!important;
    right:6px!important;
  }
  .primary-nav .th-mobile-language,
  body > [data-primary-nav] .th-mobile-language{
    margin-top:12px!important;
  }
}
