/* ZhongliHOC v1.14.6: readable navigation and unified member account menu. */
.site-nav .nav-group{position:relative;margin:0}
.site-nav .nav-group summary{position:relative;display:flex;align-items:center;gap:7px;padding:12px 10px;color:#071a33;font-size:15px;font-weight:850;line-height:1.3;white-space:nowrap;cursor:pointer;list-style:none}
.site-nav .nav-group summary::-webkit-details-marker{display:none}
.site-nav .nav-group summary>span{width:8px;height:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:transform .18s ease}
.site-nav .nav-group[open] summary>span{transform:rotate(225deg) translate(-1px,-1px)}
.site-nav .nav-group.is-active summary,.site-nav .nav-group summary:hover{color:#126dd1}
.site-nav .nav-group.is-active>summary:after{content:"";position:absolute;left:10px;right:10px;bottom:3px;height:3px;border-radius:3px;background:#258cff}
.nav-group-menu{position:absolute;top:calc(100% + 12px);left:50%;z-index:120;min-width:220px;padding:10px;border:1px solid rgba(18,84,153,.14);border-radius:18px;background:#fff;box-shadow:0 20px 50px rgba(7,42,82,.16);transform:translateX(-50%)}
.nav-group-menu:before{content:"";position:absolute;top:-7px;left:50%;width:13px;height:13px;border-top:1px solid rgba(18,84,153,.14);border-left:1px solid rgba(18,84,153,.14);background:#fff;transform:translateX(-50%) rotate(45deg)}
.site-nav .nav-group-menu a{display:block;padding:12px 14px;border-radius:11px;color:#153a65;font-size:15px;line-height:1.45}
.site-nav .nav-group-menu a:hover,.site-nav .nav-group-menu a.is-active{background:#edf6ff;color:#126dd1}
.site-nav .nav-group-menu a:after{display:none!important}
.site-nav .nav-prayer{padding:10px 14px!important;border:1px solid #f1bdc8;border-radius:999px;background:#fff4f6;color:#a72949!important}
.site-nav .nav-prayer:hover,.site-nav .nav-prayer.is-active{border-color:#df6f89;background:#ffe7ec;color:#8e1736!important}
.site-nav .nav-prayer:after{display:none!important}
.header-inner{max-width:1800px}
.header-actions{position:relative;z-index:103}
.member-header-link{font-size:15px;font-weight:900}
.site-account-menu{position:relative;margin:0}
.site-account-menu>summary{list-style:none;cursor:pointer}
.site-account-menu>summary::-webkit-details-marker{display:none}
.site-account-menu .member-header-link{display:flex;align-items:center;gap:8px;margin:0;padding:11px 14px;border:1px solid #cfdeef;border-radius:999px;background:#fff;color:#0c2d55;line-height:1.2;box-shadow:0 8px 24px rgba(24,91,162,.08)}
.site-account-menu .member-header-link svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8}
.site-account-menu .member-header-link i{width:8px;height:8px;margin-left:2px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:transform .18s ease}
.site-account-menu[open] .member-header-link i{transform:rotate(225deg) translate(-1px,-1px)}
.site-account-menu.is-active .member-header-link,.site-account-menu[open] .member-header-link{border-color:#6aaeff;background:#edf6ff;color:#0868ca}
.site-account-panel{position:absolute;top:calc(100% + 12px);right:0;z-index:180;width:min(340px,calc(100vw - 28px));padding:10px;border:1px solid rgba(18,84,153,.16);border-radius:20px;background:#fff;box-shadow:0 24px 60px rgba(7,42,82,.2)}
.site-account-panel:before{content:"";position:absolute;top:-7px;right:30px;width:13px;height:13px;border-top:1px solid rgba(18,84,153,.16);border-left:1px solid rgba(18,84,153,.16);background:#fff;transform:rotate(45deg)}
.site-account-identity{display:flex;flex-direction:column;gap:3px;margin:2px 2px 8px;padding:12px 14px;border-radius:14px;background:#f2f7fd;color:#0b315d}
.site-account-identity strong{font-size:16px;line-height:1.35}
.site-account-identity small{overflow:hidden;color:#67809f;font-size:12px;text-overflow:ellipsis;white-space:nowrap}
.site-account-panel>a{display:flex;flex-direction:column;gap:2px;padding:11px 14px;border-radius:13px;color:#123a68;text-decoration:none}
.site-account-panel>a:hover,.site-account-panel>a:focus-visible{background:#edf6ff;color:#0868ca}
.site-account-panel>a.is-primary{background:#0d6fd4;color:#fff}
.site-account-panel>a span{font-size:15px;font-weight:900;line-height:1.35}
.site-account-panel>a small{color:#7187a2;font-size:12px;line-height:1.45}
.site-account-panel>a.is-primary small{color:#d9ecff}
.site-account-panel form{margin:8px 2px 2px;padding-top:8px;border-top:1px solid #dce7f3}
.site-account-panel form button{width:100%;padding:11px 14px;border:0;border-radius:12px;background:transparent;color:#a72b45;font:inherit;font-size:14px;font-weight:900;text-align:left;cursor:pointer}
.site-account-panel form button:hover,.site-account-panel form button:focus-visible{background:#fff0f3}
@media(min-width:1181px){
  .site-nav{flex:1 1 auto;justify-content:flex-end;min-width:0;margin-left:auto;gap:2px}
  .site-nav>a{padding:12px 10px;font-size:15px;font-weight:850;line-height:1.3}
  .site-nav .nav-contact{display:none}
  .header-actions{margin-left:8px;flex:0 0 auto}
}
@media(max-width:1380px) and (min-width:1181px){
  .brand-copy small{display:none}
  .brand-copy strong{font-size:15px}
  .brand img{width:44px;height:44px}
  .site-nav{gap:0}
  .site-nav>a,.site-nav .nav-group summary{font-size:14px;padding-inline:7px}
  .site-nav .nav-prayer{padding-inline:10px!important}
  .site-account-menu .member-header-link{padding-inline:10px;font-size:14px}
  .language-switcher a{min-width:34px;padding-inline:6px}
}
@media(max-width:1180px){
  .site-nav .nav-group{width:100%;border-bottom:1px solid var(--line)}
  .site-nav .nav-group summary{justify-content:space-between;padding:15px 7px;font-size:17px}
  .site-nav .nav-group.is-active>summary:after{display:none}
  .nav-group-menu{position:static;min-width:0;padding:0 0 9px 14px;border:0;border-radius:0;background:transparent;box-shadow:none;transform:none}
  .nav-group-menu:before{display:none}
  .site-nav .nav-group-menu a{padding:12px 14px;border:0;border-radius:10px;font-size:16px}
  .site-nav>a{font-size:17px!important}
  .site-nav .nav-prayer{width:100%;margin:8px 0;padding:14px 16px!important;text-align:left}
  .site-nav .nav-contact{display:block}
}
@media(max-width:650px){
  .brand-copy strong{font-size:14px}
  .brand-copy small{font-size:7px}
  .language-switcher{order:1}
  .site-account-menu{order:2}
  .site-account-menu .member-header-link{min-height:44px;padding:9px 11px}
  .site-account-menu .member-header-link span{display:none}
  .site-account-menu .member-header-link i{display:none}
  .site-account-panel{position:fixed;top:74px;right:12px;left:auto;width:min(340px,calc(100vw - 24px))}
  .nav-toggle{order:3}
}
@media(max-width:420px){
  .brand-copy small{display:none}
  .brand img{width:40px;height:40px}
  .language-switcher a{min-width:29px;padding-inline:5px}
}
@media(prefers-reduced-motion:reduce){.site-nav .nav-group summary>span{transition:none}}

/* v1.2.1: allow the longer English desktop header to use the available width. */
@media(min-width:1181px){
  body.locale-en .header-inner.shell{width:min(1800px,calc(100vw - 44px))}
  body.locale-en .site-nav{justify-content:flex-start}
}
@media(min-width:1181px) and (max-width:1280px){
  body.locale-en .brand{gap:8px}
  body.locale-en .brand img{width:40px;height:40px}
  body.locale-en .brand-copy strong{font-size:13px;letter-spacing:.04em}
  body.locale-en .site-nav>a,
  body.locale-en .site-nav .nav-group summary{padding-inline:4px;font-size:12px}
  body.locale-en .site-nav .nav-prayer{padding-inline:7px!important}
  body.locale-en .site-account-menu .member-header-link{padding-inline:8px;font-size:12px}
  body.locale-en .language-switcher a{min-width:30px;padding-inline:5px}
}