/* 2.9.21: phone open burger — readable contrast.
   v298 sets nav:has(.navmenu){background:transparent!important; flex-direction:row}
   while urg-passdown keeps link color:#fff → white text on light page when open.
   Force navy panel + light text (match sticky / v2919 intent); Account pop stays dark-on-light. */
@media (max-width:760px){
  header.top .wrap #topnav.open,
  header.top .wrap nav#topnav.open,
  header.top .wrap:has(.navmenu) #topnav.open,
  header.top .wrap:has(.navmenu) nav#topnav.open,
  header.top .wrap:has(.navmenu) nav.open{
    display:flex!important;
    flex-direction:column!important;
    flex-wrap:nowrap!important;
    align-items:stretch!important;
    position:absolute!important;
    top:100%!important;
    left:0!important;
    right:0!important;
    width:100%!important;
    z-index:50!important;
    box-sizing:border-box!important;
    padding:10px 16px!important;
    gap:6px!important;
    background:var(--urg-navy, #0a3d52)!important;
    color:#fff!important;
    border:0!important;
    border-bottom:4px solid var(--urg-accent, #5993C5)!important;
    box-shadow:0 8px 20px rgba(0,0,0,.2)!important;
  }
  header.top .wrap #topnav.open > a,
  header.top .wrap #topnav.open .navbtn,
  header.top .wrap #topnav.open form.navout,
  header.top .wrap:has(.navmenu) #topnav.open > a,
  header.top .wrap:has(.navmenu) #topnav.open .navbtn,
  header.top .wrap:has(.navmenu) nav.open > a,
  header.top .wrap:has(.navmenu) nav.open .navbtn{
    display:block!important;
    width:100%!important;
    max-width:none!important;
    text-align:left!important;
    box-sizing:border-box!important;
    color:#fff!important;
    background:transparent!important;
    border:1px solid rgba(255,255,255,.35)!important;
    border-radius:6px!important;
    padding:10px 12px!important;
    min-height:40px!important;
    font-size:12px!important;
    letter-spacing:.06em!important;
  }
  header.top .wrap #topnav.open > a:hover,
  header.top .wrap #topnav.open .navbtn:hover,
  header.top .wrap:has(.navmenu) #topnav.open > a:hover,
  header.top .wrap:has(.navmenu) nav.open > a:hover{
    background:rgba(255,255,255,.14)!important;
    color:#fff!important;
    border-color:rgba(255,255,255,.6)!important;
  }
  header.top .wrap #topnav.open .navmenu,
  header.top .wrap:has(.navmenu) #topnav.open .navmenu{
    width:100%!important;
    position:relative!important;
  }
  header.top .wrap #topnav.open .navmenu > summary,
  header.top .wrap:has(.navmenu) #topnav.open .navmenu > summary{
    display:block!important;
    width:100%!important;
    box-sizing:border-box!important;
    color:#fff!important;
    background:transparent!important;
    border:1px solid rgba(255,255,255,.35)!important;
    border-radius:6px!important;
    padding:10px 12px!important;
    min-height:40px!important;
    font-size:12px!important;
    letter-spacing:.06em!important;
    text-align:left!important;
  }
  /* Account flyout stays dark text on light panel (desktop pattern) */
  header.top .wrap #topnav.open .navmenu-pop,
  header.top .wrap:has(.navmenu) #topnav.open .navmenu-pop{
    background:#fff!important;
    color:#0a3d52!important;
    border:1px solid #c9d3dc!important;
  }
  header.top .wrap #topnav.open .navmenu-pop a,
  header.top .wrap:has(.navmenu) #topnav.open .navmenu-pop a,
  header.top .wrap #topnav.open .navmenu-pop .acc-who,
  header.top .wrap:has(.navmenu) #topnav.open .navmenu-pop .acc-who{
    color:#0a3d52!important;
    background:#fff!important;
    border:0!important;
  }
}