/* Slim St. Mary & St. George bar above the St. Abraam pages (added by tools/port_st_abraam.py).
   The St. Abraam nav is fixed to the top on its own site; here it sticks below this bar instead. */
.church-bar{position:relative;z-index:41;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 24px;background:#4A1018;color:#E9E1CF;font:13.5px 'Manrope',system-ui,sans-serif}
:root[data-theme="dark"] .church-bar{background:#2A070D}
.church-bar .home{display:inline-flex;align-items:center;gap:10px;color:#E9E1CF;min-width:0}
.church-bar .home img{width:22px;height:22px;border-radius:6px;flex:none}
.church-bar .home b{color:#FFFDF8;font-weight:600}
.church-bar .home .txt{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.church-bar .home:hover b{text-decoration:underline;text-underline-offset:3px}
.church-bar .acts{display:flex;align-items:center;gap:12px;flex:none}
.church-bar .live{display:inline-flex;align-items:center;gap:8px;padding:5px 12px;border-radius:999px;background:rgba(233,225,207,.12);color:#FFFDF8;font-weight:600}
.church-bar .live span{width:7px;height:7px;border-radius:50%;background:#FFB4A8}
.church-bar #theme-toggle.in-header{color:#F0D090;border-color:rgba(240,208,144,.4)}
@media (max-width:640px){.church-bar{padding:8px 16px}.church-bar .long{display:none}}

body.has-church-bar .nav-outer{position:sticky;top:0;margin-bottom:calc(-1 * var(--sa-nav-h, 86px))}
body.has-church-bar .nav-panel{top:var(--sa-panel-top, 88px)}