/* ========================================================================== 
   VCTF 5.1 SUPER MASTER
   One WordPress primary menu -> one DOM -> desktop + mobile presentation.
   This file is intentionally last in the cascade.
   ========================================================================== */

/* Desktop: never inherit mobile visibility state after a resize. */
@media (min-width:901px){
  body.cth-brand--vctf #vmon-nav{display:block!important;visibility:visible!important;opacity:1!important}
  body.cth-brand--vctf #vmon-nav[aria-hidden="true"]{display:block!important}
  body.cth-brand--vctf .vmon-nav__mobile-actions{display:none!important}
}

@media (max-width:900px){
  body.cth-brand--vctf{--vctf-mobile-header:78px}
  body.cth-brand--vctf.vmon-nav-open{overflow:hidden!important}
  body.cth-brand--vctf .vmon-header{position:sticky!important;top:0!important;z-index:2147483000!important;background:#fff!important;backdrop-filter:none!important}
  body.cth-brand--vctf .vmon-header__row{height:var(--vctf-mobile-header)!important;display:flex!important;align-items:center!important;gap:12px!important;overflow:visible!important}
  body.cth-brand--vctf .vmon-brand{min-width:0!important;max-width:calc(100% - 62px)!important}
  body.cth-brand--vctf .vmon-brand__logo{max-width:min(190px,52vw)!important;max-height:54px!important}
  body.cth-brand--vctf .vmon-header__actions{display:none!important}
  body.cth-brand--vctf .vmon-menu-button{display:block!important;position:relative!important;flex:0 0 46px!important;width:46px!important;height:46px!important;margin-left:auto!important;padding:0!important;border:1px solid rgba(7,27,51,.12)!important;border-radius:13px!important;background:#fff!important;box-shadow:none!important;z-index:2147483002!important}
  body.cth-brand--vctf .vmon-menu-button span{position:absolute!important;left:10px!important;width:24px!important;height:2px!important;margin:0!important;border-radius:99px!important;background:#071b33!important;transition:transform .18s ease,opacity .18s ease,top .18s ease!important}
  body.cth-brand--vctf .vmon-menu-button span:nth-child(1){top:14px!important}
  body.cth-brand--vctf .vmon-menu-button span:nth-child(2){top:21px!important}
  body.cth-brand--vctf .vmon-menu-button span:nth-child(3){top:28px!important}
  body.cth-brand--vctf.vmon-nav-open .vmon-menu-button span:nth-child(1){top:21px!important;transform:rotate(45deg)!important}
  body.cth-brand--vctf.vmon-nav-open .vmon-menu-button span:nth-child(2){opacity:0!important}
  body.cth-brand--vctf.vmon-nav-open .vmon-menu-button span:nth-child(3){top:21px!important;transform:rotate(-45deg)!important}

  /* Drawer. The existing #vmon-nav is moved visually; it is NOT cloned. */
  body.cth-brand--vctf #vmon-nav,
  body.cth-brand--vctf .vmon-nav{
    display:none!important;position:fixed!important;inset:var(--vctf-mobile-header) 0 0 0!important;width:100%!important;height:auto!important;max-width:none!important;margin:0!important;padding:12px 18px max(28px,env(safe-area-inset-bottom))!important;background:#fff!important;color:#071b33!important;overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior:contain!important;z-index:2147483001!important;border:0!important;border-top:1px solid rgba(7,27,51,.09)!important;box-shadow:0 18px 42px rgba(7,27,51,.12)!important;opacity:1!important;visibility:visible!important;transform:none!important
  }
  body.cth-brand--vctf.vmon-nav-open #vmon-nav{display:block!important}
  body.cth-brand--vctf #vmon-nav[aria-hidden="true"]{display:none!important}
  body.cth-brand--vctf.vmon-nav-open #vmon-nav[aria-hidden="false"]{display:block!important}

  body.cth-brand--vctf #vmon-nav>ul{display:block!important;width:min(100%,720px)!important;max-width:720px!important;margin:0 auto!important;padding:0!important;list-style:none!important;overflow:visible!important}
  body.cth-brand--vctf #vmon-nav>ul>li{display:block!important;position:relative!important;width:100%!important;min-height:0!important;margin:0!important;padding:0!important;border:0!important;border-bottom:1px solid rgba(7,27,51,.10)!important;overflow:visible!important}
  body.cth-brand--vctf #vmon-nav>ul>li:last-child{border-bottom:0!important}

  body.cth-brand--vctf #vmon-nav>ul>li>a,
  body.cth-brand--vctf #vmon-nav>ul>li>.vmon-nav__trigger>a{
    display:flex!important;align-items:center!important;min-height:56px!important;width:100%!important;margin:0!important;padding:14px 2px!important;border:0!important;border-radius:0!important;background:transparent!important;color:#071b33!important;font-family:inherit!important;font-size:1.18rem!important;font-weight:900!important;line-height:1.2!important;letter-spacing:-.015em!important;white-space:normal!important;text-decoration:none!important;box-shadow:none!important
  }
  body.cth-brand--vctf #vmon-nav .vmon-nav__trigger{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;width:100%!important;min-height:56px!important;margin:0!important;padding:0!important;background:transparent!important}
  body.cth-brand--vctf #vmon-nav .vmon-nav__trigger>a{flex:1 1 auto!important;min-width:0!important;width:auto!important}
  body.cth-brand--vctf #vmon-nav .sub-toggle{display:grid!important;place-items:center!important;flex:0 0 42px!important;width:42px!important;height:42px!important;min-width:42px!important;margin:0!important;padding:0!important;border:1px solid rgba(11,116,209,.18)!important;border-radius:12px!important;background:#f5f8fc!important;color:#0b74d1!important;box-shadow:none!important;cursor:pointer!important}
  body.cth-brand--vctf #vmon-nav .sub-toggle span{font-size:1.08rem!important;line-height:1!important;transform:none!important;transition:transform .18s ease!important}
  body.cth-brand--vctf #vmon-nav li.is-open>.vmon-nav__trigger .sub-toggle span{transform:rotate(180deg)!important}

  /* Kill every legacy hover/grid rule. Only a direct child of .is-open opens. */
  body.cth-brand--vctf #vmon-nav li>ul,
  body.cth-brand--vctf #vmon-nav li:hover>ul,
  body.cth-brand--vctf #vmon-nav li:focus-within>ul,
  body.cth-brand--vctf #vmon-nav .vmon-submenu{
    display:none!important;position:static!important;inset:auto!important;float:none!important;width:100%!important;min-width:0!important;max-width:none!important;height:auto!important;margin:0 0 12px!important;padding:7px!important;grid-template-columns:1fr!important;gap:0!important;opacity:1!important;visibility:visible!important;transform:none!important;border:0!important;border-left:3px solid #0b74d1!important;border-radius:0 12px 12px 0!important;background:#f5f8fc!important;box-shadow:none!important;list-style:none!important
  }
  body.cth-brand--vctf #vmon-nav li.is-open>ul,
  body.cth-brand--vctf #vmon-nav li.is-open>.vmon-submenu{display:block!important}
  body.cth-brand--vctf #vmon-nav li>ul:before,
  body.cth-brand--vctf #vmon-nav .vmon-submenu:before{display:none!important;content:none!important}
  body.cth-brand--vctf #vmon-nav li ul li{display:block!important;width:100%!important;min-height:0!important;margin:0!important;padding:0!important;border:0!important}
  body.cth-brand--vctf #vmon-nav li ul a,
  body.cth-brand--vctf #vmon-nav li ul .vmon-nav__trigger>a{display:flex!important;align-items:center!important;width:100%!important;min-height:44px!important;padding:10px 10px!important;border:0!important;border-radius:9px!important;background:transparent!important;color:#071b33!important;font-size:.98rem!important;font-weight:800!important;line-height:1.3!important;white-space:normal!important;text-decoration:none!important}
  body.cth-brand--vctf #vmon-nav li ul .vmon-nav__trigger{min-height:44px!important}
  body.cth-brand--vctf #vmon-nav li ul .sub-toggle{width:38px!important;height:38px!important;min-width:38px!important;flex-basis:38px!important}

  /* Same configurable desktop CTAs, presented after the same menu tree. */
  body.cth-brand--vctf #vmon-nav .vmon-nav__mobile-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important;width:min(100%,720px)!important;margin:18px auto 0!important;padding:0!important}
  body.cth-brand--vctf #vmon-nav .vmon-nav__mobile-actions a{display:flex!important;align-items:center!important;justify-content:center!important;min-height:48px!important;padding:11px 14px!important;border-radius:12px!important;font-size:.92rem!important;font-weight:900!important;line-height:1.15!important;white-space:normal!important;text-align:center!important;text-decoration:none!important}
  body.cth-brand--vctf #vmon-nav .vmon-nav__mobile-help{border:1px solid rgba(11,116,209,.25)!important;background:#fff!important;color:#0b74d1!important}
  body.cth-brand--vctf #vmon-nav .vmon-nav__mobile-cta{border:1px solid transparent!important;background:linear-gradient(135deg,#13a9e3,#145fbe)!important;color:#fff!important}
}

@media (max-width:580px){
  body.cth-brand--vctf{--vctf-mobile-header:70px}
  body.cth-brand--vctf #vmon-nav,body.cth-brand--vctf .vmon-nav{padding:10px 12px max(24px,env(safe-area-inset-bottom))!important}
  body.cth-brand--vctf #vmon-nav>ul>li>a,body.cth-brand--vctf #vmon-nav>ul>li>.vmon-nav__trigger>a{font-size:1.1rem!important;min-height:52px!important;padding:12px 2px!important}
  body.cth-brand--vctf #vmon-nav .vmon-nav__mobile-actions{grid-template-columns:1fr!important}
}

@media (prefers-reduced-motion:reduce){
  body.cth-brand--vctf .vmon-menu-button span,
  body.cth-brand--vctf #vmon-nav .sub-toggle span{transition:none!important}
}