/* Eastern Bridge 0.3.5 — simplified header and menu. Loaded after eb-theme.css. */

/* Header bar: one height, one font size, even spacing */
header.site .wrap{height:84px;gap:28px}
.logo img{height:52px;width:auto}
nav.main{flex:1;justify-content:center;gap:2px;align-self:stretch}
nav.main a.top{font-size:15.5px;font-weight:500;padding:8px 12px;border-radius:6px;color:var(--char);line-height:1.2}
nav.main a.top small{display:none} /* no badges in the bar */
nav.main a.top.has::after{width:6px;height:6px;border-width:0 1.5px 1.5px 0;margin-left:4px;transform:rotate(45deg) translateY(-2px);transition:transform .15s}
.mi-wrap.open a.top.has::after,.mi-wrap:hover a.top.has::after{transform:rotate(-135deg) translateY(-1px)}
nav.main a.top:hover,.mi-wrap.open>a.top{background:var(--mist);color:var(--black)}
nav.main a.top.on{box-shadow:inset 0 -2px 0 var(--red);border-radius:6px 6px 0 0;color:var(--black)}
.hdr-r{gap:10px}
.hdr-r .zhsw{font-size:15px;padding:7px 10px;border:1.5px solid var(--cloud);border-radius:6px;line-height:1.2}
.hdr-r .zhsw:hover{border-color:var(--char)}
.hdr-r .btn.sm{padding:10px 18px;border-radius:999px;font-size:15px}

/* Simple dropdown: same width and style for every menu */
.mi-wrap.has-mega{position:relative}
header.site .mega.dd{position:absolute;left:50%;right:auto;top:calc(100% - 10px);transform:translateX(-50%);width:270px;
  background:#fff;border:1px solid var(--cloud);border-radius:10px;box-shadow:0 14px 32px rgba(30,31,35,.12);padding:8px;z-index:30}
header.site .mega.dd::before{content:'';position:absolute;left:0;right:0;top:-12px;height:12px} /* hover bridge */
.mega.dd ul{list-style:none;margin:0;padding:0}
.mega.dd li{margin:0}
.mega.dd a.ddi{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 14px;border-radius:6px;
  font-family:var(--head);font-weight:500;font-size:15.5px;line-height:1.3;color:var(--char)}
.mega.dd a.ddi:hover{background:var(--mist);color:var(--black)}
.mega.dd a.ddi[aria-current="page"]{color:var(--deep);background:var(--blush)}
.mega.dd .ext{font-size:13px;color:var(--slate)}

/* Accessible focus */
nav.main a.top:focus-visible,.mega.dd a.ddi:focus-visible,.hdr-r a:focus-visible,.burger:focus-visible,.mobmenu a:focus-visible,.mobmenu summary:focus-visible{
  outline:3px solid var(--deep);outline-offset:2px;border-radius:6px}

/* Switch to the burger before six items get cramped */
@media (max-width:1100px){
  nav.main,.hdr-r .btn,.hdr-r .zhsw{display:none}
  .burger{display:flex;align-items:center;gap:10px;font-family:var(--head);font-weight:500;font-size:15px}
  .burger i{width:22px;height:14px;border-top:2px solid var(--char);border-bottom:2px solid var(--char);position:relative}
  .burger i::after{content:'';position:absolute;left:0;right:0;top:4px;border-top:2px solid var(--char)}
  header.site .wrap{height:72px}
  .logo img{height:46px}
  .mobmenu:not([hidden]){display:block;position:fixed;left:0;right:0;top:72px;bottom:0;overflow:auto;z-index:50;min-height:0;box-shadow:0 -1px 0 var(--cloud)}
  .admin-bar .mobmenu:not([hidden]){top:118px}
  body.mob-open{overflow:hidden}
}

/* Mobile menu: one row style, one icon style */
.mobmenu .row{padding:16px 20px;font-size:18px;font-weight:500;min-height:56px}
.mobmenu .row small{display:none}
.mobmenu .chev,.mobmenu .pm{width:9px;height:9px;flex:none;border-right:2px solid var(--slate);border-bottom:2px solid var(--slate);transform:rotate(-45deg);margin-right:4px}
.mobmenu .pm::after{content:none}
.mobmenu .pm{transform:rotate(45deg);transition:transform .15s}
.mobmenu details[open] .pm{transform:rotate(-135deg)}
.mobmenu details[open]>summary{color:var(--deep);border-bottom-color:transparent}
.mobmenu .sub{padding:4px 0 10px;border-bottom:1px solid var(--cloud)}
.mobmenu .sub a{padding:11px 20px 11px 36px;font-size:16px;color:var(--char)}
.mobmenu .sub a[aria-current="page"]{color:var(--deep);font-weight:600}
.mobmenu details[open] .pm::after,.mobmenu .pm::after{content:none}