/* BPA navigation header - upload as Static Application File: bpa-nav.css */
#NavigationBar{position:sticky;top:0;z-index:2000;margin:0!important}
@media (max-width:1180px){#NavigationBar{top:max(6px,env(safe-area-inset-top))}}
#NavigationBar .t-Region-body,#NavigationBar .t-Region-bodyWrap{overflow:visible!important}
body.bpa-nav-open{overflow:hidden!important;overscroll-behavior:none}

#navbar{--bpa-ink:#17232d;--bpa-muted:#64748b;--bpa-green:#007b5e;--bpa-deep:#03503c;--bpa-deeper:#06483a;--bpa-mint:#eef8f4;--bpa-mint-line:#d6ebe4;--bpa-line:#e3ece8;--bpa-lime:#a8cf32;--bpa-lime-hover:#b9de49;--bpa-navy:#051433;--bpa-navy-hover:#0c2459;
  position:relative;width:100%;color:var(--bpa-ink);background:rgba(255,255,255,.98);border-bottom:1px solid rgba(3,80,60,.08);box-shadow:0 2px 10px rgba(15,23,42,.08);transition:box-shadow .2s ease,border-color .2s ease;isolation:isolate}
#navbar.is-scrolled{border-bottom-color:rgba(3,80,60,.18);box-shadow:0 8px 24px rgba(15,23,42,.14)}
#navbar *,#navbar *::before,#navbar *::after{box-sizing:border-box}
#navbar .sr-only{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* ---- one bar: brand | menu | actions | hamburger ---- */
#navbar .nav-container{max-width:1400px;min-height:76px;margin:0 auto;padding:10px clamp(16px,3vw,32px);display:flex;align-items:center;gap:clamp(12px,1.6vw,22px)}
#navbar .nav-brand{min-width:0;flex:0 1 auto;display:inline-flex;align-items:center;gap:11px;color:var(--bpa-ink);text-decoration:none}
#navbar .nav-logo{height:52px;width:auto;object-fit:contain;flex:0 0 auto}
#navbar .site-name{font-size:clamp(.92rem,1.3vw,1.08rem);font-weight:700;line-height:1.25;letter-spacing:.01em}
#navbar .site-name-short{display:none}

/* ---- menu (desktop) ---- */
#navbar .nav-links{flex:0 1 auto;margin:0 0 0 auto;padding:0;display:flex;align-items:center;gap:clamp(2px,.8vw,12px);list-style:none}
#navbar .nav-links>li{position:relative;display:flex;align-items:center;list-style:none}
#navbar .nav-links>li.drawer-actions{display:none}
#navbar .nav-links>li>a,#navbar .nav-parent{position:relative;min-height:44px;display:inline-flex;align-items:center;gap:6px;margin:0;padding:10px 8px;color:var(--bpa-ink);background:transparent;border:0;border-radius:7px;font-family:inherit;font-size:.92rem;font-weight:650;line-height:1.2;text-decoration:none;white-space:nowrap;cursor:pointer;transition:color .2s ease,background-color .2s ease}
#navbar .nav-links>li>a::after,#navbar .nav-parent::after{content:"";position:absolute;left:8px;right:8px;bottom:4px;height:2px;background:var(--bpa-green);border-radius:2px;transform:scaleX(0);transition:transform .2s ease}
#navbar .nav-links>li>a:hover,#navbar .nav-links>li>a.is-current,#navbar .nav-parent:hover,#navbar .has-submenu.active>.nav-parent,#navbar .has-submenu.is-parent-current>.nav-parent{color:var(--bpa-green);background:var(--bpa-mint)}
#navbar .nav-links>li>a:hover::after,#navbar .nav-links>li>a.is-current::after,#navbar .nav-parent:hover::after,#navbar .has-submenu.active>.nav-parent::after,#navbar .has-submenu.is-parent-current>.nav-parent::after{transform:scaleX(1)}
#navbar .nav-caret,#navbar .user-caret{font-size:.95em;transition:transform .2s ease}
#navbar .has-submenu.active>.nav-parent .nav-caret{transform:rotate(180deg)}
#navbar .has-submenu.active>a{color:var(--bpa-green);background:var(--bpa-mint)}
#navbar .submenu-toggle{width:28px;height:40px;display:inline-grid;place-items:center;margin:0 0 0 -6px;padding:0;color:#334155;background:transparent;border:0;border-radius:7px;font-size:.95rem;cursor:pointer;transition:color .2s ease,background-color .2s ease}
#navbar .submenu-toggle:hover{color:var(--bpa-green);background:var(--bpa-mint)}
#navbar .submenu-toggle .fa{transition:transform .2s ease}
#navbar .has-submenu.active>.submenu-toggle .fa{transform:rotate(180deg)}

#navbar a:focus-visible,#navbar button:focus-visible{outline:2px solid var(--bpa-green);outline-offset:2px}

#navbar .submenu{position:absolute;top:100%;left:0;margin:6px 0 0!important;min-width:240px;display:flex;flex-direction:column;gap:2px;padding:8px;list-style:none;background:var(--bpa-deep);border:1px solid rgba(255,255,255,.12);border-radius:10px;box-shadow:0 16px 34px rgba(15,23,42,.22);opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-6px);transition:opacity .18s ease,transform .18s ease,visibility 0s linear .18s;z-index:30}
#navbar .submenu::before{content:"";position:absolute;left:0;right:0;top:-8px;height:8px}
#navbar .submenu.align-right{left:auto;right:0}
#navbar .has-submenu.active>.submenu{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0);transition-delay:0s}
#navbar .submenu li{width:100%;list-style:none}
#navbar .submenu li a{min-height:42px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 12px;color:#fff;border-radius:7px;font-size:.9rem;line-height:1.35;text-decoration:none;white-space:normal}
#navbar .submenu li a:hover,#navbar .submenu li a.is-current{background:rgba(255,255,255,.13)}
#navbar .submenu li a:focus-visible{outline-color:#fff}
#navbar .sub-lock{font-size:.8rem;opacity:.7}

/* ---- right side actions ---- */
#navbar .nav-actions{flex:0 0 auto;display:flex;align-items:center;gap:8px;padding-left:clamp(10px,1.2vw,18px);border-left:1px solid var(--bpa-line)}
#navbar .nav-btn{min-height:38px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:8px 15px;border-radius:999px;font-size:.84rem;font-weight:700;line-height:1;text-decoration:none;white-space:nowrap;transition:background-color .2s ease,transform .2s ease}
#navbar .nav-btn:hover{transform:translateY(-1px)}
#navbar .nav-btn--lime{color:#102016!important;background:var(--bpa-lime)}
#navbar .nav-btn--lime:hover{background:var(--bpa-lime-hover)}
#navbar .nav-btn--navy{color:#fff!important;background:var(--bpa-navy)}
#navbar .nav-btn--navy:hover{background:var(--bpa-navy-hover)}

/* ---- user menu ---- */
#navbar .user-menu{position:relative}
#navbar .user-btn{min-height:40px;display:inline-flex;align-items:center;gap:8px;margin:0;padding:4px 12px 4px 4px;color:var(--bpa-ink);background:var(--bpa-mint);border:1px solid var(--bpa-mint-line);border-radius:999px;font-family:inherit;font-size:.88rem;font-weight:650;line-height:1;cursor:pointer;transition:background-color .2s ease,border-color .2s ease}
#navbar .user-btn:hover,#navbar .user-menu.open .user-btn{background:#e2f3ec;border-color:#bfe0d4}
#navbar .user-avatar{width:30px;height:30px;flex:0 0 30px;display:inline-grid;place-items:center;color:#fff;background:var(--bpa-green);border-radius:50%;font-size:.76rem;font-weight:700;letter-spacing:.02em}
#navbar .user-avatar--lg{width:40px;height:40px;flex-basis:40px;font-size:.92rem}
#navbar .user-name{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#navbar .user-menu.open .user-caret{transform:rotate(180deg)}
#navbar .user-dropdown{position:absolute;top:calc(100% + 10px);right:0;width:260px;max-width:calc(100vw - 24px);padding:8px;color:var(--bpa-ink);background:#fff;border:1px solid var(--bpa-line);border-radius:12px;box-shadow:0 18px 40px rgba(15,23,42,.18);opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-6px);transition:opacity .18s ease,transform .18s ease,visibility 0s linear .18s;z-index:40}
#navbar .user-menu.open .user-dropdown{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0);transition-delay:0s}
#navbar .user-dropdown-head{display:flex;align-items:center;gap:10px;margin-bottom:6px;padding:8px 10px 12px;border-bottom:1px solid #edf2f0}
#navbar .user-dropdown-head strong{display:block;font-size:.92rem;line-height:1.3;overflow-wrap:anywhere}
#navbar .user-dropdown-head small{display:block;color:var(--bpa-muted);font-size:.76rem;line-height:1.3;overflow-wrap:anywhere}
#navbar .user-dropdown ul{margin:0;padding:0;list-style:none}
#navbar .user-dropdown li{list-style:none}
#navbar .user-dropdown a{min-height:42px;display:flex;align-items:center;gap:10px;padding:9px 12px;color:var(--bpa-ink);border-radius:8px;font-size:.9rem;font-weight:550;text-decoration:none}
#navbar .user-dropdown a .fa{width:18px;text-align:center;color:var(--bpa-muted)}
#navbar .user-dropdown a:hover,#navbar .user-dropdown a.is-current{color:var(--bpa-green);background:var(--bpa-mint)}
#navbar .user-dropdown a:hover .fa,#navbar .user-dropdown a.is-current .fa{color:var(--bpa-green)}
#navbar .user-dropdown a.is-danger:hover{color:#b42318;background:#fef3f2}
#navbar .user-dropdown a.is-danger:hover .fa{color:#b42318}
#navbar .user-dropdown .sep{height:1px;margin:6px 4px;background:#edf2f0}

/* ---- hamburger + backdrop ---- */
#navbar .nav-toggle{width:46px;height:46px;flex:0 0 46px;display:none;place-items:center;padding:0;color:var(--bpa-ink);background:var(--bpa-mint);border:1px solid var(--bpa-mint-line);border-radius:10px;font-size:1.25rem;cursor:pointer}
#navbar .close-icon{display:none}
#navbar .nav-toggle[aria-expanded="true"] .open-icon{display:none}
#navbar .nav-toggle[aria-expanded="true"] .close-icon{display:inline-block}
#navbar .nav-backdrop{position:fixed;inset:0;padding:0;background:rgba(2,12,27,.55);border:0;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .22s ease,visibility 0s linear .22s;z-index:9998}

/* ---- medium desktop: tighten so everything stays on one line ---- */
@media (max-width:1360px){
  #navbar .site-name{max-width:13rem}
  #navbar .user-name{display:none}
  #navbar .user-btn{gap:6px;padding:4px 8px 4px 4px}
  #navbar .nav-links>li>a,#navbar .nav-parent{padding-inline:7px;font-size:.9rem}
}

/* ---- tablet / phone: menu moves into a drawer, actions stay in the bar ---- */
@media (max-width:1180px){
  #navbar .nav-container{min-height:66px;padding:8px 16px;gap:10px}
  #navbar .nav-logo{height:46px}
  #navbar .site-name{max-width:none;font-size:clamp(.9rem,2.4vw,1.05rem)}
  #navbar .nav-actions{margin-left:auto;padding-left:0;border-left:0}
  #navbar .nav-toggle{position:relative;display:inline-grid;z-index:10003}
  #navbar .nav-toggle[aria-expanded="true"]{position:fixed;top:max(11px,env(safe-area-inset-top));right:16px;color:#fff;background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.2)}
  #navbar .nav-links{position:fixed;top:0;right:0;bottom:0;width:min(86vw,380px);height:100vh;height:100dvh;margin:0;flex-direction:column;align-items:stretch;gap:0;padding:calc(72px + env(safe-area-inset-top)) 16px calc(22px + env(safe-area-inset-bottom));background:var(--bpa-deep);box-shadow:-18px 0 40px rgba(2,12,27,.28);overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;opacity:0;visibility:hidden;pointer-events:none;transform:translateX(105%);transition:transform .28s ease,opacity .2s ease,visibility 0s linear .28s;z-index:10001}
  #navbar .nav-links.show{opacity:1;visibility:visible;pointer-events:auto;transform:translateX(0);transition-delay:0s}
  #navbar .nav-backdrop.show{opacity:1;visibility:visible;pointer-events:auto;transition-delay:0s}
  #navbar .nav-links>li{width:100%;flex-wrap:wrap;padding:0;border-bottom:1px solid rgba(255,255,255,.1)}
  #navbar .nav-links>li>a,#navbar .nav-parent{width:100%;min-height:50px;flex:1 1 auto;padding:12px 10px;color:#fff;font-size:.95rem;white-space:normal}
  #navbar .nav-parent{justify-content:space-between;text-align:left}
  #navbar .nav-links>li.has-submenu>a{width:auto;flex:1 1 0;min-width:0}
  #navbar .submenu-toggle{width:50px;height:50px;flex:0 0 50px;margin:0;color:#fff;font-size:1.05rem}
  #navbar .submenu-toggle:hover{color:#fff;background:rgba(255,255,255,.1)}
  #navbar .submenu-toggle:focus-visible{outline-color:#fff}
  #navbar .has-submenu.active>a{color:#fff;background:rgba(255,255,255,.1)}
  #navbar .nav-links>li>a::after,#navbar .nav-parent::after{display:none}
  #navbar .nav-links>li>a:hover,#navbar .nav-links>li>a.is-current,#navbar .nav-parent:hover,#navbar .has-submenu.active>.nav-parent,#navbar .has-submenu.is-parent-current>.nav-parent{color:#fff;background:rgba(255,255,255,.1)}
  #navbar .nav-links a:focus-visible,#navbar .nav-parent:focus-visible{outline-color:#fff}
  #navbar .nav-links>li.has-submenu>.submenu{position:static;width:100%;min-width:0;flex:0 0 100%;display:none;margin:0 0 8px!important;padding:6px;background:var(--bpa-deeper);border:0;border-radius:8px;box-shadow:none;opacity:1;visibility:visible;pointer-events:auto;transform:none;transition:none}
  #navbar .submenu::before{display:none}
  #navbar .nav-links>li.has-submenu.active>.submenu{display:flex;animation:bpaSubmenuReveal .2s ease both}
  #navbar .submenu li a{min-height:46px;padding:11px 12px}
}

/* ---- phone: icon-only buttons in the bar, labelled copies in the drawer ---- */
@media (max-width:640px){
  #navbar .nav-actions .nav-btn{width:40px;min-height:40px;padding:0}
  #navbar .nav-actions .nav-btn-label{display:none}
  #navbar .nav-actions .nav-btn .fa{font-size:1rem}
  #navbar .nav-links>li.drawer-actions{display:block;margin-top:auto;padding:20px 0 4px;border-bottom:0}
  #navbar .drawer-actions-inner{display:flex;flex-direction:column;gap:10px}
  #navbar .nav-btn--block{width:100%;min-height:46px;font-size:.9rem}
}
@media (max-width:520px){
  #navbar .site-name-full{display:none}
  #navbar .site-name-short{display:inline}
  #navbar .nav-container{padding-inline:12px;gap:8px}
  #navbar .nav-logo{height:42px}
  #navbar .nav-links{width:min(90vw,360px)}
  #navbar .user-menu{position:static}
  #navbar .user-dropdown{top:calc(100% + 6px);left:12px;right:12px;width:auto;max-width:none}
}
@keyframes bpaSubmenuReveal{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}
@media (prefers-reduced-motion:reduce){#navbar,#navbar *,#navbar *::before,#navbar *::after{transition-duration:.01ms!important;animation-duration:.01ms!important}}