/* THUENGOAI: new branded skin + mega navigation. Original Agentrao layout CSS preserved. */
:root{--white:#fff;--background:#f7f9fc;--ink:#17243a;--muted:#596579;--green:#f26a21;--forest:#db5412;--cream:#fff4eb;--yellow:#fff5dc;--pink:#fff0e6;--mint:#e9f6f0;--lav:#f2efff;--blue:#edf5ff;--line:#e2e8f0}
body.agentra-site{background:#f7f9fc;color:#17243a}
body.agentra-site .site-header{background:#fff;border-color:#e2e8f0}
body.agentra-site .announcement{background:#fff4eb}
body.agentra-site .announcement a,body.agentra-site .brand-flower{color:#f26a21}
body.agentra-site .footer{background:#17243a}
body.agentra-site a:focus-visible,body.agentra-site button:focus-visible{outline:2px solid #f26a21;outline-offset:2px}
@media(min-width:861px){
 .site-header,.site-header .header-row,.site-header .desktop-links,.site-header .menu--desktop,.site-header .menu--desktop>.menu-item.is-mega{position:static}
 body.agentra-site .site-header{position:sticky}
 .menu--desktop>.menu-item.is-mega>.sub-menu{position:absolute;top:100%;left:50%;right:auto;transform:translateX(-50%);width:min(1250px,calc(100vw - 32px));min-width:0;max-height:min(72vh,740px);overflow-y:auto;overscroll-behavior:contain;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px 24px;text-align:left;padding:28px 32px 32px;border:1px solid #e2e8f0;border-top:3px solid #f26a21;border-radius:0 0 16px 16px;box-shadow:0 24px 50px rgba(17,34,59,.15);background:#fff;z-index:111}
 .menu--desktop>.menu-item.is-mega>.sub-menu>.menu-item{width:auto;min-width:0;break-inside:avoid}
 .menu--desktop>.menu-item.is-mega>.sub-menu>.menu-item>.menu-link-row>a,.menu--desktop>.menu-item.is-mega>.sub-menu>.menu-item>a{font-size:14px;font-weight:700;color:#17243a;white-space:normal;padding:7px 9px;line-height:1.5}
 .menu--desktop>.menu-item.is-mega>.sub-menu>.menu-item>.menu-link-row>.submenu-toggle{display:none}
 .menu--desktop>.menu-item.is-mega>.sub-menu>.menu-item>.sub-menu{position:static;opacity:1;visibility:visible;pointer-events:auto;transform:none;display:block;box-shadow:none;border:0;background:none;padding:3px 0 0 0;margin:0;width:100%;min-width:0;border-radius:0}
 .menu--desktop>.menu-item.is-mega>.sub-menu>.menu-item>.sub-menu .menu-item a{font-size:12.5px;white-space:normal;font-weight:450;line-height:1.4;padding:8px 10px;color:#596579;border-radius:6px}
 .menu--desktop>.menu-item.is-mega>.sub-menu>.menu-item>.sub-menu .menu-item a:hover{background:#fff4eb;color:#bd4308}
 .menu--desktop>.menu-item.is-mega>.sub-menu>.menu-item:hover>.sub-menu{display:block}
 .menu--desktop>.menu-item.is-mega>.menu-link-row>.submenu-toggle{font-size:16px;width:20px;min-width:20px;color:#596579}
 .menu--desktop>.menu-item.is-mega>.menu-link-row>.submenu-toggle:after{content:''}
}
@media(min-width:861px) and (max-width:1200px){.menu--desktop>.menu-item.is-mega>.sub-menu{grid-template-columns:repeat(3,minmax(0,1fr))}.menu--desktop{gap:10px}.menu--desktop>.menu-item>a,.menu--desktop>.menu-item>.menu-link-row>a{font-size:12px}}
@media(max-width:860px){.menu--mobile .sub-menu{max-height:none}.menu--mobile .submenu-toggle{touch-action:manipulation}.mobile-nav{max-height:calc(100dvh - 160px)}}
@media(prefers-reduced-motion:reduce){.menu--desktop .sub-menu{transition:none}}

/* Accessible navy footer: all original footer blocks retained. */
body.agentra-site .footer{background:#17243a;color:#e4eaf2}
body.agentra-site .footer .footer-about p,
body.agentra-site .footer .footer-links a,
body.agentra-site .footer .footer-bottom,
body.agentra-site .footer .footer-bottom a,
body.agentra-site .footer .footer-about small{color:#d4dfed}
body.agentra-site .footer .footer-links strong,
body.agentra-site .footer .brand{color:#fff}
body.agentra-site .footer .footer-links a:hover,
body.agentra-site .footer .footer-bottom a:hover{color:#ffb074}
body.agentra-site .footer .footer-bottom{border-top-color:#35455e}
body.agentra-site .site-header .brand{font-size:clamp(18px,1.55vw,23px);letter-spacing:-.75px}
@media(min-width:861px){body.agentra-site .menu--desktop{gap:12px}}
@media(max-width:860px){body.agentra-site .site-header .brand{font-size:19px}}
@media(max-width:390px){body.agentra-site .site-header .brand{font-size:16px}body.agentra-site .site-header .brand-flower{font-size:20px}}
/* v1.1.1 — isolated, hover-intent mega navigation; theme source sections untouched. */
@media (min-width:861px){
  /* Full-width dropdowns anchor to the HEADER rather than a passing label or column. */
  body.agentra-site .site-header{position:sticky;isolation:isolate}
  body.agentra-site .site-header .header-row,
  body.agentra-site .site-header .desktop-links,
  body.agentra-site .site-header .menu--desktop,
  body.agentra-site .site-header .menu--desktop > .menu-item{position:static}
  body.agentra-site .site-header .desktop-links{min-width:0}
  body.agentra-site .site-header .menu--desktop{gap:clamp(18px,2vw,28px)}
  body.agentra-site .menu--desktop > .menu-item > a,
  body.agentra-site .menu--desktop > .menu-item > .menu-link-row > a{display:inline-flex;align-items:center;gap:8px;font-size:13px;line-height:1.35;font-weight:600;white-space:nowrap;padding:6px 0;min-height:49px}
  body.agentra-site .menu--desktop > .menu-item > .menu-link-row{gap:2px}
  body.agentra-site .menu--desktop > .menu-item > .menu-link-row > .submenu-toggle{width:19px;min-width:19px;min-height:40px;font-size:16px;padding:0;color:#596579}
  body.agentra-site .menu--desktop > .menu-item.is-open > .menu-link-row > a,
  body.agentra-site .menu--desktop > .menu-item.is-open > .menu-link-row > .submenu-toggle{color:#d85518}

  /* Root overlay: one open menu, static location, no cascading flyout overlap. */
  body.agentra-site .menu--desktop > .menu-item.is-mega > .sub-menu{
    position:absolute;top:100%;left:50%;right:auto;transform:translateX(-50%);
    display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
    gap:7px 18px;width:min(1180px,calc(100vw - 36px));min-width:0;
    max-height:min(72vh,650px);overflow-y:auto;overscroll-behavior:contain;
    padding:22px 25px;border:1px solid #e1e7ed;border-top:3px solid #f26a21;
    border-radius:0 0 16px 16px;box-shadow:0 24px 52px rgba(17,34,59,.17);
    background:#fff;z-index:150;text-align:left;
  }
  body.agentra-site .menu--desktop > .menu-item.is-mega > .sub-menu > .menu-item{
    width:auto;min-width:0;height:auto;position:relative;list-style:none;
  }
  body.agentra-site .menu--desktop > .menu-item.is-mega > .sub-menu > .menu-item > a,
  body.agentra-site .menu--desktop > .menu-item.is-mega > .sub-menu > .menu-item > .menu-link-row > a{
    padding:12px 13px;display:flex;align-items:center;gap:11px;min-width:0;
    white-space:normal;font-size:13.5px;line-height:1.4;font-weight:600;color:#273447;
    border-radius:9px;transition:background .12s,color .12s;
  }
  body.agentra-site .menu--desktop > .menu-item.is-mega > .sub-menu > .menu-item > a:hover,
  body.agentra-site .menu--desktop > .menu-item.is-mega > .sub-menu > .menu-item > .menu-link-row > a:hover{background:#fff4eb;color:#b9430d}
  body.agentra-site .menu--desktop > .menu-item.is-mega > .sub-menu > .menu-item > .menu-link-row > .submenu-toggle{display:none}

  /* A two-pane layout only when this menu actually contains a third level. */
  body.agentra-site .menu--desktop > .menu-item.is-tabbed > .sub-menu{
    display:block;height:min(70vh,615px);min-height:390px;max-height:min(70vh,615px);
    overflow:hidden;padding:16px calc(100% - 292px) 16px 14px;
    background:linear-gradient(to right,#f8fafc 0,#f8fafc 292px,#fff 292px,#fff 100%);
  }
  body.agentra-site .menu--desktop > .menu-item.is-tabbed > .sub-menu > .menu-item{
    display:block;position:static;width:268px;margin:0 0 3px;min-width:0;
  }
  body.agentra-site .menu--desktop > .menu-item.is-tabbed > .sub-menu > .menu-item > .menu-link-row{
    display:flex;align-items:center;width:268px;position:relative;
  }
  body.agentra-site .menu--desktop > .menu-item.is-tabbed > .sub-menu > .menu-item > .menu-link-row::after{
    content:'›';position:absolute;right:10px;top:50%;transform:translateY(-50%);
    color:#8695aa;font-size:22px;line-height:1;pointer-events:none;
  }
  body.agentra-site .menu--desktop > .menu-item.is-tabbed > .sub-menu > .menu-item > .menu-link-row > a{
    width:100%;padding:14px 29px 14px 12px;min-height:53px;
  }
  body.agentra-site .menu--desktop > .menu-item.is-tabbed > .sub-menu > .menu-item.is-current > .menu-link-row > a,
  body.agentra-site .menu--desktop > .menu-item.is-tabbed > .sub-menu > .menu-item:focus-within > .menu-link-row > a{
    color:#bb4715;background:#fff0e4;
  }
  body.agentra-site .menu--desktop > .menu-item.is-tabbed > .sub-menu > .menu-item.is-current > .menu-link-row::after{color:#d85518}
  /* Submenu belongs to its category, remains visible while crossing to the right. */
  body.agentra-site .menu--desktop > .menu-item.is-tabbed > .sub-menu > .menu-item > .sub-menu{
    position:absolute;left:292px;top:0;right:0;bottom:0;
    display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
    align-content:start;align-items:start;gap:5px 12px;min-width:0;width:auto;height:100%;
    max-height:none;margin:0;padding:24px 23px 28px;
    border:0;border-radius:0;box-shadow:none;overflow-y:auto;overscroll-behavior:contain;
    background:#fff;transform:none;
    opacity:0;visibility:hidden;pointer-events:none;
  }
  body.agentra-site .menu--desktop > .menu-item.is-tabbed.is-open > .sub-menu > .menu-item.is-current > .sub-menu{
    opacity:1;visibility:visible;pointer-events:auto;
  }
  body.agentra-site .menu--desktop > .menu-item.is-tabbed > .sub-menu > .menu-item > .sub-menu > .menu-item{
    display:block;position:static;margin:0;padding:0;min-width:0;width:auto;height:auto;
  }
  body.agentra-site .menu--desktop > .menu-item.is-tabbed > .sub-menu > .menu-item > .sub-menu a{
    display:flex;align-items:flex-start;min-height:40px;white-space:normal;
    padding:11px 12px;gap:7px;line-height:1.45;border-radius:8px;
    font-size:12.5px;font-weight:500;color:#4b596d;
  }
  body.agentra-site .menu--desktop > .menu-item.is-tabbed > .sub-menu > .menu-item > .sub-menu a::before{
    content:'';flex:0 0 5px;width:5px;height:5px;margin:7px 0 0;border-radius:50%;background:#f26a21;
  }
  body.agentra-site .menu--desktop > .menu-item.is-tabbed > .sub-menu > .menu-item > .sub-menu a:hover,
  body.agentra-site .menu--desktop > .menu-item.is-tabbed > .sub-menu > .menu-item > .sub-menu a:focus-visible{
    background:#fff4eb;color:#b9430d;
  }
  /* Do not allow :hover/:focus-within legacy cascade to hijack another branch. */
  body.agentra-site .menu--desktop.nav-enhanced > .menu-item:not(.is-open) > .sub-menu{
    opacity:0!important;visibility:hidden!important;pointer-events:none!important;
  }
  body.agentra-site .menu--desktop.nav-enhanced > .menu-item.is-open > .sub-menu{
    opacity:1!important;visibility:visible!important;pointer-events:auto!important;
  }
  body.agentra-site .menu--desktop.nav-enhanced > .menu-item.is-tabbed > .sub-menu > .menu-item > .sub-menu{
    display:grid!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;
  }
  body.agentra-site .menu--desktop.nav-enhanced > .menu-item.is-tabbed.is-open > .sub-menu > .menu-item.is-current > .sub-menu{
    opacity:1!important;visibility:visible!important;pointer-events:auto!important;
  }
}
@media (min-width:861px) and (max-width:1160px){
  body.agentra-site .menu--desktop{gap:clamp(11px,1.5vw,18px)}
  body.agentra-site .menu--desktop > .menu-item > a,
  body.agentra-site .menu--desktop > .menu-item > .menu-link-row > a{gap:6px;font-size:12px}
  body.agentra-site .header-actions .login-link{display:none}
  body.agentra-site .menu--desktop > .menu-item.is-tabbed > .sub-menu > .menu-item > .sub-menu{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (min-width:861px) and (max-width:980px){
  body.agentra-site .menu--desktop{gap:10px}
  body.agentra-site .site-header .header-row{gap:10px}
  body.agentra-site .menu--desktop > .menu-item > a,
  body.agentra-site .menu--desktop > .menu-item > .menu-link-row > a{font-size:11.5px;gap:4px}
  body.agentra-site .site-header .header-actions .button-small{font-size:11px;padding:8px 10px}
}
/* SVG icons on both desktop and mobile; align at icon-label baseline. */
body.agentra-site .site-header .nav-icon{width:17px;height:17px;flex:0 0 17px;display:inline-block;color:#f26a21;vertical-align:middle}
body.agentra-site .menu--desktop > .menu-item > a > .nav-icon,
body.agentra-site .menu--desktop > .menu-item > .menu-link-row > a > .nav-icon{width:17px;height:17px;flex-basis:17px;color:#de5c1b}
body.agentra-site .site-header .nav-label{min-width:0}
@media (max-width:860px){
  body.agentra-site .menu--mobile > .menu-item > a,
  body.agentra-site .menu--mobile > .menu-item > .menu-link-row > a,
  body.agentra-site .menu--mobile .sub-menu > .menu-item > a,
  body.agentra-site .menu--mobile .sub-menu > .menu-item > .menu-link-row > a{
    display:flex;align-items:center;gap:10px;
  }
  body.agentra-site .menu--mobile .nav-icon{flex-basis:17px}
}
@media (prefers-reduced-motion:reduce){
  body.agentra-site .menu--desktop > .menu-item > .sub-menu,
  body.agentra-site .menu--desktop > .menu-item.is-tabbed > .sub-menu > .menu-item > .sub-menu{transition:none!important}
}
/* Keep all six two-word nav labels unobstructed on narrow desktop widths. */
@media (min-width:861px) and (max-width:1020px){
 body.agentra-site .site-header .header-actions{display:none}
 body.agentra-site .menu--desktop{gap:clamp(13px,1.65vw,19px)}
 body.agentra-site .menu--desktop > .menu-item > a,
 body.agentra-site .menu--desktop > .menu-item > .menu-link-row > a{font-size:12.5px}
}