#notification-section .announcement-container{background-color:var(--announcement-cntr-bg);color:var(--announcement-cntr-color);border-radius:0;margin:0;padding:10px 20px;display:flex;justify-content:space-between;overflow:hidden;box-sizing:border-box;}
/*
 * AGB99 SOURCE PARITY
 * Source: assets/source/css/home.css
 * Scope-only port for #notification-section. No visual values are invented here.
 */

#notification-section .announcement-container>[data-section="title"],#notification-section .announcement-container>[data-section="date"],#notification-section .announcement-container>[data-section="announcements"]{display:flex;align-items:center}
#notification-section .announcement-container>[data-section="announcements"]{width:60%;background:var(--announcement-cntr-section-announcement-bg);color:var(--announcement-cntr-section-announcement-color);overflow:hidden}
#notification-section .announcement-container [data-icon="announcement"]{display:inline-block;height:30px;width:30px;background:center no-repeat;background-image:var(--image-src);margin-right:5px}
#notification-section .announcement-container .announcement-list li{padding:5px 10px;color:var(--announcement-cntr-list-li-color)}
#notification-section .tickercontainer{margin:0;padding:0;overflow:hidden;text-align:center}
#notification-section .tickercontainer .mask{position:relative;width:100%;overflow:hidden;overflow:hidden}
#notification-section ul.newsticker{position:relative;list-style-type:none;margin:0;padding:0;overflow:hidden;display:flex;align-items:center;width:max-content;min-width:100%;}
#notification-section ul.newsticker li{margin:0;font-size:12px;padding:0 25px 0 0;white-space:nowrap}
#notification-section ul.er-controls{list-style:none;display:inline-block;padding:0}
#notification-section ul.er-controls>li{display:inline-block;padding:0 10px;background:#f0f0f0;margin:5px;border-radius:5px;height:40px;line-height:40px}
#notification-section ul.er-controls>li:hover{background:#f5f5f5;cursor:pointer}
#notification-section .home-info-container .tickercontainer{background:var(--home-info-cntr-tickercntr-bg)}
#notification-section .announcement-list{margin:0;padding:0;list-style:none;display:flex;align-items:center;width:max-content;min-width:100%;}
#notification-section [data-section="date"]{white-space:nowrap}
@media(max-width:767px){

#notification-section .announcement-container>[data-section="announcements"]{width:100%;order:3}
#notification-section .announcement-container>[data-section="title"],#notification-section .announcement-container>[data-section="date"]{margin-bottom:5px}
}


/* FINAL OVERRIDE — unified dark notification surface */
#notification-section,
#notification-section .home-info-container,
#notification-section .announcement-container,
#notification-section .announcement-container > [data-section="title"],
#notification-section .announcement-container > [data-section="announcements"],
#notification-section .announcement-container > [data-section="date"],
#notification-section .announcement-container > [data-section="announcements"] > .tickercontainer,
#notification-section .announcement-container > [data-section="announcements"] > .tickercontainer > .mask {
  background:#1b1b1b !important;
  background-image:none !important;
}

#notification-section .announcement-container {
  color:#e8e8e8 !important;
  border:0 !important;
  box-shadow:none !important;
}

#notification-section .announcement-container > [data-section="title"],
#notification-section .announcement-container > [data-section="date"] {
  color:#e8e8e8 !important;
}

#notification-section .announcement-container .announcement-list li,
#notification-section .announcement-container > [data-section="announcements"] {
  color:#f2f2f2 !important;
}

/* FINAL FIX: notification is its own bar; do not paint the following sections */
#notification-section {
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
  position: relative;
  z-index: 2;
}
#notification-section .announcement-container {
  background: #0d0d0d !important;
  background-image: none !important;
  color: #e8e8e8 !important;
}
#notification-section .announcement-container > [data-section="title"],
#notification-section .announcement-container > [data-section="announcements"],
#notification-section .announcement-container > [data-section="date"],
#notification-section .announcement-container > [data-section="announcements"] > .tickercontainer,
#notification-section .announcement-container > [data-section="announcements"] > .tickercontainer > .mask {
  background: #0d0d0d !important;
  background-image: none !important;
}

/* FINAL ISOLATION: notification and jackpot are separate sections */
#notification-section {
  background: #0d0d0d !important;
  background-image: none !important;
  color: #e8e8e8 !important;
  border: 0 !important;
  box-shadow: none !important;
  margin: 0 !important;
}
#notification-section .announcement-container,
#notification-section .announcement-container > [data-section="title"],
#notification-section .announcement-container > [data-section="announcements"],
#notification-section .announcement-container > [data-section="date"],
#notification-section .announcement-container > [data-section="announcements"] > .tickercontainer,
#notification-section .announcement-container > [data-section="announcements"] > .tickercontainer > .mask {
  background: #0d0d0d !important;
  background-image: none !important;
}
#jackpot-lottery-wrap {
  background: transparent !important;
  background-image: none !important;
}