/* TG Travel v0.16.8 — desktop-only independent selected color, child arrows
 * and collision-free nested flyouts. Mobile and tablet (<=1000px) untouched. */
@media screen and (min-width:1001px) {
  /* Explicit normal, selected and hovered states. Active ancestry belongs to
     its selected top-level tab; hover only changes the DIRECT link underneath.
     This comes after all legacy desktop styles, so no stale !important wins. */
  #tg-global-nav.tg-global-nav > ul.menu > li > a {
    color:var(--tg-dnav-top-text,#0b2f57)!important;
  }
  #tg-global-nav.tg-global-nav > ul.menu > li:is(
    .current-menu-item,.current-menu-ancestor,.current_page_item,.current_page_ancestor,
    .tg-current-menu-item,.tg-current-menu-ancestor) > a {
    color:var(--tg-dnav-active-text,#f58220)!important;
  }
  #tg-global-nav.tg-global-nav > ul.menu > li > a:is(:hover,:focus-visible) {
    color:var(--tg-dnav-hover-text,#f58220)!important;
    background:var(--tg-dnav-top-hover,#f3f7fc)!important;
  }
  /* Open parent may keep background, but child hover should not forcibly
     recolor parent: individual item hover and selected stay independent. */
  #tg-global-nav.tg-global-nav > ul.menu > li:not(:has(> a:hover)):not(:has(> a:focus-visible)) > a {
    background:var(--tg-dnav-item-bg,transparent)!important;
  }
  /* Extra specificity resolves the legacy all-depth 20px arrow size.
     First-level and every deeper nested arrow now have separate controls. */
  #tg-global-nav.tg-global-nav > ul.menu > li > ul.sub-menu > li.menu-item-has-children > a::after {
    font-size:var(--tg-dnav-arrow-sub-size,14px)!important;
    width:0.85em!important;
    margin-left:auto!important;
    line-height:1!important;
  }
  #tg-global-nav.tg-global-nav > ul.menu > li > ul.sub-menu ul.sub-menu li.menu-item-has-children > a::after {
    font-size:var(--tg-dnav-arrow-child-size,14px)!important;
    width:0.85em!important;
    margin-left:auto!important;
    line-height:1!important;
  }
  /* Flyouts are aligned to the trigger row, never laid over its parent box.
     Per-panel CSS custom props are assigned by the resize-aware JS algorithm. */
  #tg-global-nav.tg-global-nav > ul.menu > li > ul.sub-menu {
    width:var(--tg-top-panel-fit-width,var(--tg-dnav-dropdown-width,340px))!important;
    box-sizing:border-box!important;
    min-width:0!important;
  }
  #tg-global-nav.tg-global-nav ul.sub-menu ul.sub-menu {
    top:0!important;
    width:var(--tg-flyout-fit-width,var(--tg-dnav-dropdown-width,340px))!important;
    box-sizing:border-box!important;
    min-width:0!important;
    left:calc(100% + var(--tg-flyout-outside-offset,var(--tg-dnav-flyout-gap,6px)))!important;
    right:auto!important;
  }
  #tg-global-nav.tg-global-nav ul.sub-menu li.tg-nav-left > ul.sub-menu {
    left:auto!important;
    right:calc(100% + var(--tg-flyout-outside-offset,var(--tg-dnav-flyout-gap,6px)))!important;
  }
  #tg-global-nav.tg-global-nav ul.sub-menu li.tg-nav-below > ul.sub-menu {
    top:var(--tg-flyout-below-top,100%)!important;
    left:var(--tg-flyout-below-left,0px)!important;
    right:auto!important;
  }
  #tg-global-nav.tg-global-nav ul.sub-menu ul.sub-menu > li > a {
    min-width:0!important;
    overflow-wrap:anywhere;
  }
  /* Current item underline is always hidden until direct link hover, even
     when WordPress marks every ancestor as current. */
  #tg-global-nav.tg-global-nav > ul.menu > li > a::before,
  #tg-global-nav.tg-global-nav ul.sub-menu > li > a::before {
    transform:scaleX(0)!important;
  }
  #tg-global-nav.tg-global-nav > ul.menu > li > a:is(:hover,:focus-visible)::before,
  #tg-global-nav.tg-global-nav ul.sub-menu > li > a:is(:hover,:focus-visible)::before {
    transform:scaleX(1)!important;
  }
}