/* TG Desktop Navigation — isolated component (v0.6.4)
 * Scope: #tg-global-nav only. Mobile navigation remains in tg-mobile-menu.css.
 */
#tg-global-nav{margin:0;position:relative;--tg-nav-text:#18283a;--tg-nav-hover:#1769e0;--tg-nav-active:#1769e0;--tg-nav-line:#1769e0;--tg-nav-line-height:5px;--tg-nav-submenu-line-height:2px;--tg-nav-separator-color:#e9edf2;--tg-nav-separator-thickness:1px;--tg-nav-separator-height:18px;--tg-nav-separator-display:block;--tg-nav-arrow-size:15px;--tg-nav-arrow-vertical-offset:0px;--tg-nav-speed:240ms;--tg-nav-hover-scale:1.06}
#tg-global-nav,#tg-global-nav *{box-sizing:border-box}
#tg-global-header .tg-nav-shell{border-top:1px solid var(--tg-border,#e5eaf0);background:#fff}
#tg-global-nav ul{list-style:none;margin:0;padding:0}
#tg-global-nav>ul{display:flex;justify-content:center;align-items:center;gap:2px}
#tg-global-nav li{position:relative}
/* Dynamic top-level separators: future WordPress menu items inherit automatically. */
#tg-global-nav>ul>li:not(:last-child)::after{content:"";display:var(--tg-nav-separator-display);position:absolute;right:-1px;top:50%;width:var(--tg-nav-separator-thickness);height:var(--tg-nav-separator-height);background:var(--tg-nav-separator-color);transform:translateY(-50%);pointer-events:none}
#tg-global-nav>ul>li>a{position:relative;display:flex;align-items:center;min-height:50px;padding:0 12px;border-radius:0;font-weight:650;font-size:14px;color:var(--tg-nav-text);background:transparent;text-decoration:none;transition:color var(--tg-nav-speed) ease,transform var(--tg-nav-speed) ease;transform-origin:center bottom}

/* Animated underline: grows from left to right on hover/focus. */
#tg-global-nav>ul>li>a::before{content:"";position:absolute;left:12px;right:12px;bottom:0;height:var(--tg-nav-line-height);border-radius:0;background:var(--tg-nav-line);transform:scaleX(0);transform-origin:left center;transition:transform var(--tg-nav-speed) ease;pointer-events:none}
#tg-global-nav>ul>li:hover>a::before,#tg-global-nav>ul>li:focus-within>a::before,#tg-global-nav>ul>li.current-menu-item>a::before,#tg-global-nav>ul>li.current-menu-ancestor>a::before,#tg-global-nav>ul>li.tg-current-menu-item>a::before,#tg-global-nav>ul>li.tg-current-menu-ancestor>a::before{transform:scaleX(1)}
#tg-global-nav>ul>li:hover>a,#tg-global-nav>ul>li:focus-within>a{color:var(--tg-nav-hover);transform:none}
#tg-global-nav>ul>li.current-menu-item>a,#tg-global-nav>ul>li.current-menu-ancestor>a,#tg-global-nav>ul>li.tg-current-menu-item>a,#tg-global-nav>ul>li.tg-current-menu-ancestor>a{color:var(--tg-nav-active)}

/* Dropdown indicator: down normally, rotates upward while item is hovered/open. */
#tg-global-nav .menu-item-has-children>a{padding-right:28px}
#tg-global-nav .menu-item-has-children>a::after{content:"⌄";position:absolute;right:10px;top:50%;font-size:var(--tg-nav-arrow-size);line-height:1;color:currentColor;transform:translateY(-50%) rotate(0deg);transform-origin:center;transition:transform var(--tg-nav-speed) ease,color var(--tg-nav-speed) ease}
#tg-global-nav>ul>li.menu-item-has-children:hover>a::after,#tg-global-nav>ul>li.menu-item-has-children:focus-within>a::after{transform:translateY(-50%) rotate(180deg)}

#tg-global-nav .sub-menu{display:none;position:absolute;z-index:100;top:100%;left:0;width:230px;background:#fff;border:1px solid #edf1f5;border-radius:12px;box-shadow:0 14px 36px rgba(16,32,51,.12);padding:7px}
#tg-global-nav .sub-menu .sub-menu{top:-7px;left:calc(100% + 6px)}
#tg-global-nav li:hover>.sub-menu,#tg-global-nav li:focus-within>.sub-menu{display:block}
#tg-global-nav .sub-menu li{border-bottom:1px solid #f0f2f4}
#tg-global-nav .sub-menu li:last-child{border-bottom:0}
#tg-global-nav .sub-menu a{position:relative;display:block;padding:11px 28px 11px 11px;border-radius:7px;font-size:13px;font-weight:650;color:var(--tg-nav-text);text-decoration:none;transition:color var(--tg-nav-speed) ease,transform var(--tg-nav-speed) ease,background-color var(--tg-nav-speed) ease;transform-origin:left center}
/* Same hover/active underline rule at every dropdown and nested submenu level. */
#tg-global-nav .sub-menu a::before{content:"";position:absolute;left:11px;right:11px;bottom:4px;height:var(--tg-nav-submenu-line-height);border-radius:0;background:var(--tg-nav-line);transform:scaleX(0);transform-origin:left center;transition:transform var(--tg-nav-speed) ease;pointer-events:none}
#tg-global-nav .sub-menu li:hover>a::before,#tg-global-nav .sub-menu li:focus-within>a::before,#tg-global-nav .sub-menu li.current-menu-item>a::before,#tg-global-nav .sub-menu li.current-menu-ancestor>a::before,#tg-global-nav .sub-menu li.tg-current-menu-item>a::before,#tg-global-nav .sub-menu li.tg-current-menu-ancestor>a::before{transform:scaleX(1)}
#tg-global-nav .sub-menu li:hover>a,#tg-global-nav .sub-menu li:focus-within>a{background:#f7fafc;color:var(--tg-nav-hover);transform:none}
#tg-global-nav .sub-menu li.current-menu-item>a,#tg-global-nav .sub-menu li.current-menu-ancestor>a,#tg-global-nav .sub-menu li.tg-current-menu-item>a,#tg-global-nav .sub-menu li.tg-current-menu-ancestor>a{color:var(--tg-nav-active)}
#tg-global-nav .sub-menu .menu-item-has-children>a::after{content:"›";right:10px;top:50%;font-size:var(--tg-nav-arrow-size);line-height:1;transform:translateY(-50%) rotate(0deg);transition:transform var(--tg-nav-speed) ease}
#tg-global-nav .sub-menu .menu-item-has-children:hover>a::after,#tg-global-nav .sub-menu .menu-item-has-children:focus-within>a::after{transform:translateY(-50%) rotate(180deg)}
#tg-global-nav .tg-sub-toggle{display:none}

/* Desktop interaction only. Mobile behavior is owned by tg-mobile-menu.css/js. */
@media(max-width:980px){#tg-global-nav{display:none!important}}

/* v0.6.6 — global parent-chevron hardening. Only parent items receive an arrow. */
@media (min-width:1001px){
  #tg-global-nav.tg-global-nav li.menu-item-has-children > a{
    display:flex;align-items:center;gap:7px;padding-right:12px;
  }
  #tg-global-nav.tg-global-nav li.menu-item-has-children > a::after{
    content:"⌄";position:relative;display:inline-block;flex:0 0 auto;
    margin:0;top:var(--tg-nav-arrow-vertical-offset,0px);right:auto;line-height:1;font-size:var(--tg-nav-arrow-size);
    color:currentColor;transform:rotate(0deg);transform-origin:center;
    transition:transform var(--tg-nav-speed) ease,color var(--tg-nav-speed) ease;
  }
  #tg-global-nav.tg-global-nav li.menu-item-has-children:hover > a::after,
  #tg-global-nav.tg-global-nav li.menu-item-has-children:focus-within > a::after,
  #tg-global-nav.tg-global-nav li.menu-item-has-children.tg-nav-open > a::after{
    transform:rotate(180deg);
  }
}

/* v0.6.7 configurable typography, backgrounds, arrows and optional dropdown images. */
@media (min-width:981px){
#tg-global-header .tg-nav-shell{background:var(--tg-nav-menu-bg,#fff)}
#tg-global-nav>ul>li>a{font-size:var(--tg-nav-font-size,16px);font-weight:var(--tg-nav-font-weight,400);min-height:var(--tg-nav-menu-height,54px)}
#tg-global-nav .sub-menu{background:var(--tg-nav-submenu-bg,#fff)}
#tg-global-nav .sub-menu a{display:flex;align-items:center;gap:var(--tg-nav-image-gap,12px);min-height:var(--tg-nav-submenu-row-height,48px);font-size:var(--tg-nav-submenu-font-size,15px);font-weight:var(--tg-nav-submenu-font-weight,400)}
#tg-global-nav .tg-nav-thumb{display:var(--tg-nav-image-display,block);width:var(--tg-nav-image-width,48px);height:var(--tg-nav-image-height,40px);object-fit:cover;border-radius:4px;flex:0 0 auto}
#tg-global-nav .tg-nav-label{min-width:0;flex:0 1 auto}
#tg-global-nav li.menu-item-has-children>a::after{display:var(--tg-nav-arrow-display,inline-block);color:var(--tg-nav-arrow-color,#18283a);margin-left:7px}
#tg-global-nav li.menu-item-has-children:hover>a::after,#tg-global-nav li.menu-item-has-children:focus-within>a::after{color:var(--tg-nav-arrow-hover,#1769e0)}
#tg-global-nav .sub-menu .menu-item-has-children>a::after{content:"›";margin-left:auto;position:static;transform:none!important;font-size:var(--tg-nav-arrow-size,16px)}
}

/* v0.6.8 — compact down-chevron beside top-level text with adjustable vertical offset. */
@media (min-width:981px){
  #tg-global-nav.tg-global-nav>ul>li.menu-item-has-children>a::after{
    content:"⌄";position:relative!important;top:var(--tg-nav-arrow-vertical-offset,0px)!important;right:auto!important;
    margin-left:7px!important;display:var(--tg-nav-arrow-display,inline-block)!important;line-height:1!important;
    font-size:var(--tg-nav-arrow-size,16px)!important;color:var(--tg-nav-arrow-color,#18283a)!important;
    transform:rotate(0deg);transform-origin:center;
  }
  #tg-global-nav.tg-global-nav>ul>li.menu-item-has-children:hover>a::after,
  #tg-global-nav.tg-global-nav>ul>li.menu-item-has-children:focus-within>a::after,
  #tg-global-nav.tg-global-nav>ul>li.menu-item-has-children.tg-nav-open>a::after{
    color:var(--tg-nav-arrow-hover,#1769e0)!important;transform:rotate(180deg);
  }
}


/* v0.6.10 — fixed-center arrow rotation.
 * Hover enlargement applies to label only, so parent chevrons rotate in place. */
@media (min-width:981px){
  #tg-global-nav .tg-nav-label{
    display:inline-block;
    transform:scale(1);
    transform-origin:center center;
    transition:transform var(--tg-nav-speed) ease,color var(--tg-nav-speed) ease;
  }
  #tg-global-nav li:hover>a>.tg-nav-label,
  #tg-global-nav li:focus-within>a>.tg-nav-label{
    transform:scale(var(--tg-nav-hover-scale));
  }
  #tg-global-nav.tg-global-nav>ul>li.menu-item-has-children>a::after{
    transform:rotate(0deg)!important;
    transform-origin:50% 50%!important;
    will-change:transform;
  }
  #tg-global-nav.tg-global-nav>ul>li.menu-item-has-children:hover>a::after,
  #tg-global-nav.tg-global-nav>ul>li.menu-item-has-children:focus-within>a::after,
  #tg-global-nav.tg-global-nav>ul>li.menu-item-has-children.tg-nav-open>a::after{
    transform:rotate(180deg)!important;
  }
}