/* Top announcement bar (announce_banner.py). Hidden unless the inline head script adds html.ep-ann-on. */
.ep-ann{display:none;position:relative;z-index:60;background:#FFF4F7;color:#0D1D26;border-bottom:1px solid #F3CFDB;
  /* system font on purpose: theme web fonts swap in late and would change the bar's height (layout shift) */
  font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  font-size:14px;line-height:1.35;-webkit-font-smoothing:antialiased;text-align:left}
html.ep-ann-on .ep-ann{display:block}
.ep-ann-in{box-sizing:border-box;max-width:1400px;margin:0 auto;min-height:56px;padding:6px 8px 6px 24px;display:flex;align-items:center;gap:16px}
.ep-ann-brand{flex:0 0 auto;display:flex;align-items:center}
.ep-ann-logo svg{display:block;height:18px;width:auto}
.ep-ann-logo-dark{display:none}
.ep-ann-txt{flex:1 1 auto;min-width:0;margin:0;padding:0;font-size:14px;color:inherit}
.ep-ann-h{font-weight:700}
.ep-ann-short{display:none}
.ep-ann-sub{display:block;margin-top:1px;font-size:12px;color:#46525C;letter-spacing:.01em}
.ep-ann-acts{flex:0 0 auto;display:flex;align-items:center;gap:8px}
.ep-ann-link{display:inline-flex;align-items:center;min-height:44px;padding:0 8px;color:inherit;font-weight:600;font-size:13px;
  text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px;white-space:nowrap;border-radius:8px}
.ep-ann-btn{display:inline-flex;align-items:center;min-height:36px;margin:4px 0;padding:0 16px;border-radius:999px;background:#0D1D26;color:#FFFFFF;
  font-weight:600;font-size:13px;text-decoration:none;white-space:nowrap;transition:background-color .15s}
.ep-ann-btn:hover{background:#22333D;color:#FFFFFF}
.ep-ann-link:hover{text-decoration-thickness:2px}
.ep-ann-x{flex:0 0 44px;width:44px;height:44px;margin:0;padding:0;display:grid;place-items:center;border:0;border-radius:10px;
  background:transparent;color:inherit;cursor:pointer}
.ep-ann-x:hover{background:rgba(13,29,38,.08)}
.ep-ann a:focus-visible,.ep-ann-x:focus-visible{outline:2px solid currentColor;outline-offset:2px}
.ep-ann-btn:focus-visible{outline-color:#0D1D26}
.ep-ann-sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.ep-ann--maintenance .ep-ann-txt{font-weight:500}

/* dark themes: navy bar with Eventpack's official reversed logo (white wordmark, brand-pink mark) */
html[data-theme="03-dark-premium"] .ep-ann,html[data-theme="08-event-energy-neon"] .ep-ann,html[data-theme="20-event-os-violet"] .ep-ann{
  background:#0D1D26;color:#FFFFFF;border-bottom-color:rgba(255,255,255,.14)}
html[data-theme="03-dark-premium"] .ep-ann-logo-light,html[data-theme="08-event-energy-neon"] .ep-ann-logo-light,html[data-theme="20-event-os-violet"] .ep-ann-logo-light{display:none}
html[data-theme="03-dark-premium"] .ep-ann-logo-dark,html[data-theme="08-event-energy-neon"] .ep-ann-logo-dark,html[data-theme="20-event-os-violet"] .ep-ann-logo-dark{display:block}
html[data-theme="03-dark-premium"] .ep-ann-sub,html[data-theme="08-event-energy-neon"] .ep-ann-sub,html[data-theme="20-event-os-violet"] .ep-ann-sub{color:#C3CDD5}
html[data-theme="03-dark-premium"] .ep-ann-btn,html[data-theme="08-event-energy-neon"] .ep-ann-btn,html[data-theme="20-event-os-violet"] .ep-ann-btn{background:#F06E93;color:#0D1D26}
html[data-theme="03-dark-premium"] .ep-ann-btn:hover,html[data-theme="08-event-energy-neon"] .ep-ann-btn:hover,html[data-theme="20-event-os-violet"] .ep-ann-btn:hover{background:#F48BA9;color:#0D1D26}
html[data-theme="03-dark-premium"] .ep-ann-btn:focus-visible,html[data-theme="08-event-energy-neon"] .ep-ann-btn:focus-visible,html[data-theme="20-event-os-violet"] .ep-ann-btn:focus-visible{outline-color:#FFFFFF}
html[data-theme="03-dark-premium"] .ep-ann-x:hover,html[data-theme="08-event-energy-neon"] .ep-ann-x:hover,html[data-theme="20-event-os-violet"] .ep-ann-x:hover{background:rgba(255,255,255,.1)}

/* ETL mode: official Event Tech Live logo (reverse version, never recoloured). Light themes: on a dark pill so the
   white wordmark stays visible; dark themes: straight on the navy bar. */
.ep-ann-etl{display:inline-flex;align-items:center;padding:5px 10px;border-radius:8px;background:#0D1D26}
.ep-ann-etl img{display:block;height:28px;width:auto}
html[data-theme="03-dark-premium"] .ep-ann-etl,html[data-theme="08-event-energy-neon"] .ep-ann-etl,html[data-theme="20-event-os-violet"] .ep-ann-etl{padding:5px 0;background:transparent}
@media (max-width:760px){.ep-ann-etl{padding:4px 8px}.ep-ann-etl img{height:22px}.ep-ann-brand{padding-top:0}}

@media (max-width:1199px){
  .ep-ann-long{display:none}
  .ep-ann-short{display:inline}
}
@media (max-width:760px){
  .ep-ann{font-size:13px}
  .ep-ann-in{display:grid;grid-template-columns:auto minmax(0,1fr) 44px;grid-template-areas:"brand txt x" "brand acts x";
    column-gap:12px;row-gap:0;align-items:center;min-height:0;padding:8px 4px 4px 16px}
  .ep-ann-brand{grid-area:brand;align-self:start;padding-top:3px}
  .ep-ann-logo svg{height:14px}
  .ep-ann-txt{grid-area:txt;font-size:13px}
  .ep-ann-h{display:block}
  .ep-ann-sub{display:none}
  .ep-ann-acts{grid-area:acts;gap:4px;margin-left:-8px}
  .ep-ann-link{min-height:44px;font-size:12.5px}
  .ep-ann-btn{min-height:32px;padding:0 12px;font-size:12.5px}
  .ep-ann-x{grid-area:x;align-self:start}
  .ep-ann--maintenance .ep-ann-in{grid-template-areas:"brand txt x";padding-bottom:8px}
}
@media (prefers-reduced-motion:no-preference){
  html.ep-ann-on .ep-ann-in{animation:epAnnIn .35s cubic-bezier(.2,.8,.2,1) both}
  @keyframes epAnnIn{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
}
/* 20 Oct (Serhat 08:25): gentle close on X - announce_banner.js fixes the bar's height, then this collapses it (600ms ease-out) while the content fades and lifts */
.ep-ann.ep-ann-closing{overflow:hidden;pointer-events:none;transition:height .6s cubic-bezier(.22,.61,.36,1),border-bottom-color .6s ease-out}
.ep-ann.ep-ann-closing{border-bottom-color:transparent}
.ep-ann.ep-ann-closing .ep-ann-in{transition:opacity .45s ease-out,transform .6s cubic-bezier(.22,.61,.36,1);opacity:0;transform:translateY(-8px);animation:none}
@media (prefers-reduced-motion:reduce){.ep-ann.ep-ann-closing,.ep-ann.ep-ann-closing .ep-ann-in{transition:none}}
@media print{.ep-ann{display:none!important}}