.obn{--navy:#253c59;--red:#9c252b;display:flex;align-items:stretch;width:100%;max-width:100%;height:76px;min-width:0;background:var(--navy);color:#fff;overflow:hidden;border-radius:4px;box-sizing:border-box;font-family:inherit}.obn *{box-sizing:border-box}.obn-label{display:flex;align-items:center;flex:none;gap:9px;padding:0 14px;background:var(--red);color:#fff;font-size:13px;font-weight:800;white-space:nowrap;z-index:1}.obn-pulse{width:10px;height:10px;border-radius:50%;background:#ff4848;box-shadow:0 0 0 3px rgba(255,255,255,.22);animation:obn-pulse 1.8s ease-in-out infinite}@keyframes obn-pulse{50%{opacity:.45;box-shadow:0 0 0 7px rgba(255,255,255,0)}}.obn-viewport{display:flex;align-items:center;overflow:hidden;min-width:0;flex:1}.obn-track{display:flex;align-items:center;width:max-content;animation:obn-marquee 42s linear infinite}.obn-group{display:flex;align-items:center;flex:none;gap:0}.obn-item{display:inline-flex;align-items:center;flex:none;padding:0 25px;white-space:nowrap;font-size:15px;font-weight:650}.obn-item:before{content:'●';font-size:7px;color:#f4c55d;margin-right:15px}.obn-item a{color:#fff!important;text-decoration:none!important}.obn-item a:hover,.obn-item a:focus-visible{text-decoration:underline!important}.obn:hover .obn-track,.obn:focus-within .obn-track{animation-play-state:paused}@keyframes obn-marquee{to{transform:translateX(-50%)}}.obn-promotions{background:transparent;height:112px}.obn-promotions .obn-track{animation-duration:48s}.obn-promo{display:block;flex:none;width:350px;margin-right:12px;line-height:0}.obn-promo img{width:100%;height:109px;object-fit:contain;display:block;border-radius:4px}.obn-promo:focus-visible{outline:3px solid #ffcc55;outline-offset:-3px}#oec-home-placement.obn-with-ticker{display:flex;align-items:center;gap:18px;justify-content:space-between;flex-wrap:nowrap}#oec-home-placement.obn-with-ticker>.obn{flex:1 1 0;min-width:0;max-width:none}#oec-home-placement.obn-with-ticker>.orbit-election-countdown{flex:0 0 365px;max-width:365px;width:365px}#obn-home-placement{box-sizing:border-box;width:100%;max-width:1536px;margin:0 auto;padding:8px 24px 6px}@media(max-width:800px){#oec-home-placement.obn-with-ticker{flex-direction:column;align-items:stretch;gap:8px}#oec-home-placement.obn-with-ticker>.orbit-election-countdown{flex:0 0 auto;width:100%;max-width:365px;align-self:flex-end}}@media(max-width:600px){.obn{height:56px}.obn-label{padding:0 9px;font-size:10px}.obn-item{font-size:12px;padding:0 15px}.obn-promotions{height:82px}.obn-promo{width:280px;margin-right:10px}.obn-promo img{height:73px}#obn-home-placement{padding:8px 14px}}@media(prefers-reduced-motion:reduce){.obn-viewport{overflow-x:auto}.obn-track,.obn-pulse{animation:none}.obn-group[aria-hidden=true]{display:none}}

/* Avoid hiding promotions when the theme overrides section visibility. */
#obn-home-placement .obn, #oec-home-placement .obn {visibility:visible;opacity:1}
#oec-home-placement.obn-with-ticker>.obn-promotions {flex:1 1 0;min-width:0}

/* Each programme poster is a complete, uncropped card. The moving viewport clips only while a card enters/exits. */
.obn-promotions .obn-promo{overflow:hidden;border-radius:4px;background:#f4f6fa}.obn-promotions .obn-promo img{object-fit:contain;object-position:center;background:#f4f6fa}

/* v1.5.4: mobile banner is one visible strip above the election countdown.
   Never display:none the only banner; no dependence on wp_body_open(). */
#obn-home-staging{box-sizing:border-box;width:100%;max-width:1536px;margin:0 auto;padding:8px 24px 6px;clear:both}
#obn-home-placement{clear:both;position:relative;z-index:2}
#obn-home-placement .obn,#oec-home-placement>.obn,#obn-home-staging .obn{display:flex!important;visibility:visible!important;opacity:1!important}
@media(max-width:800px){
 #obn-home-placement,#obn-home-staging{width:100%;max-width:100%;padding:8px 14px 6px;margin:0 auto}
 #obn-home-placement .obn{width:100%;max-width:100%;margin:0;min-width:0}
 #obn-home-placement .obn-promotions{height:84px}
 #obn-home-placement .obn-promo{width:250px;max-width:76vw;margin-right:9px}
 #obn-home-placement .obn-promo img{width:100%;height:78px;object-fit:contain}
 #obn-home-placement .obn-track{animation-duration:42s}
 #oec-home-placement.obn-with-ticker{flex-direction:column;align-items:stretch}
}
@media(max-width:360px){
 #obn-home-placement,#obn-home-staging{padding-left:10px;padding-right:10px}
 #obn-home-placement .obn-promo{width:225px}
}

/* v1.5.5: the mobile slide-out navigation must be above page promotions.
   v1.5.4 set a positioned z-index:2 on the banner wrapper, allowing the
   promotion carousel to paint over the theme's mobile menu drawer.
   Keep normal page stacking on mobile instead of raising its layer. */
@media (max-width: 800px) {
  #obn-home-placement,
  #obn-home-staging {
    position: static !important;
    z-index: auto !important;
  }
  #obn-home-placement .obn,
  #obn-home-staging .obn {
    position: static;
    z-index: auto;
    isolation: isolate;
  }
}