/* =========================================================
   Studio NathalsTeam V175 — critical production overrides
   1) desktop/laptop echt volledige beschikbare breedte
   2) oude Smart-TV browsers zonder CSS Grid: compacte player/VU layout
   Dit bestand wordt NA thema/custom CSS geladen.
   ========================================================= */

/* Desktop: geen boxed/max-width eiland meer. Mobiel blijft bewust onaangeraakt. */
@media (min-width: 1025px) {
  body.layout-full .site-header__inner,
  body.layout-full .persistent-player,
  body.layout-full .snt-player-shell,
  body.layout-full > .container,
  body.layout-full .container,
  body.layout-full .layout-shell,
  body.layout-full .home-shell,
  body.layout-full .standard-shell {
    max-width: none !important;
  }

  body.layout-full .site-header__inner,
  body.layout-full .persistent-player,
  body.layout-full .snt-player-shell,
  body.layout-full > .container {
    width: calc(100% - 24px) !important;
    margin-left: 12px !important;
    margin-right: 12px !important;
  }

  body.layout-full .layout-shell,
  body.layout-full .home-shell,
  body.layout-full .standard-shell {
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}

/* Extra breed scherm / TV: oudere V162 max-width expliciet neutraliseren. */
@media (min-width: 1600px) {
  body.layout-full .layout-shell,
  body.layout-full .home-shell,
  body.layout-full .standard-shell {
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}

/* ---------------------------------------------------------
   Legacy Smart-TV fallback.
   Op browsers zonder CSS Grid stapelden de 28 VU-segmenten als 28 regels
   onder elkaar. Deze laag gebruikt alleen oude flex/WebKit-flex primitives.
   --------------------------------------------------------- */
html.snt-smart-tv .persistent-player,
html.snt-smart-tv .snt-player-shell {
  width: calc(100% - 24px) !important;
  max-width: none !important;
  margin: 10px 12px 0 !important;
}

html.snt-smart-tv .snt-player {
  display: block !important;
  width: 100% !important;
  height: 108px !important;
  min-height: 108px !important;
  max-height: 108px !important;
  overflow: hidden !important;
}

html.snt-smart-tv .snt-player__stage,
html.snt-smart-tv .snt-player__main.snt-player__stage {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-box-align: center !important;
  -webkit-align-items: center !important;
  align-items: center !important;
  width: 100% !important;
  height: 108px !important;
  min-height: 108px !important;
  max-height: 108px !important;
  padding: 8px 12px !important;
  margin: 0 !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}

html.snt-smart-tv .snt-player__djphoto-wrap {
  display: block !important;
  -webkit-box-flex: 0 !important;
  -webkit-flex: 0 0 62px !important;
  flex: 0 0 62px !important;
  width: 62px !important;
  height: 62px !important;
  min-width: 62px !important;
  margin: 0 10px 0 0 !important;
}

html.snt-smart-tv .snt-player__info {
  display: block !important;
  -webkit-box-flex: 0 !important;
  -webkit-flex: 0 0 255px !important;
  flex: 0 0 255px !important;
  width: 255px !important;
  min-width: 180px !important;
  margin: 0 12px 0 0 !important;
  overflow: hidden !important;
}
html.snt-smart-tv .snt-player__live-badge,
html.snt-smart-tv .snt-player__dj-name,
html.snt-smart-tv .snt-player__song {
  display: block !important;
  max-width: 100% !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

html.snt-smart-tv .snt-player__meter {
  display: block !important;
  -webkit-box-flex: 1 !important;
  -webkit-flex: 1 1 auto !important;
  flex: 1 1 auto !important;
  width: auto !important;
  min-width: 240px !important;
  margin: 0 12px 0 0 !important;
  overflow: hidden !important;
}

html.snt-smart-tv .snt-player__vu {
  display: block !important;
  width: 100% !important;
  height: 68px !important;
  min-height: 68px !important;
  max-height: 68px !important;
  padding: 7px 8px !important;
  margin: 0 !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}

html.snt-smart-tv .snt-player__vu-scale-row,
html.snt-smart-tv .snt-player__vu-row {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-box-align: center !important;
  -webkit-align-items: center !important;
  align-items: center !important;
  width: 100% !important;
  height: 17px !important;
  min-height: 17px !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}

html.snt-smart-tv .snt-player__vu-scale-spacer,
html.snt-smart-tv .snt-player__channel-name,
html.snt-smart-tv .snt-player__vu-row > b {
  display: block !important;
  -webkit-box-flex: 0 !important;
  -webkit-flex: 0 0 14px !important;
  flex: 0 0 14px !important;
  width: 14px !important;
  min-width: 14px !important;
  margin: 0 4px 0 0 !important;
}

html.snt-smart-tv .snt-player__vu-scale,
html.snt-smart-tv .snt-player__vu-segments {
  -webkit-box-flex: 1 !important;
  -webkit-flex: 1 1 auto !important;
  flex: 1 1 auto !important;
  width: auto !important;
  min-width: 0 !important;
}

html.snt-smart-tv .snt-player__vu-scale {
  display: block !important;
  position: relative !important;
  height: 12px !important;
}

html.snt-smart-tv .snt-player__vu-segments {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-box-orient: horizontal !important;
  -webkit-flex-direction: row !important;
  flex-direction: row !important;
  height: 8px !important;
  max-height: 8px !important;
  overflow: hidden !important;
  gap: 0 !important;
}

html.snt-smart-tv .snt-player__vu-segments i {
  display: block !important;
  -webkit-box-flex: 1 !important;
  -webkit-flex: 1 1 0 !important;
  flex: 1 1 0 !important;
  width: auto !important;
  min-width: 2px !important;
  height: 6px !important;
  min-height: 6px !important;
  max-height: 6px !important;
  margin: 0 2px 0 0 !important;
  padding: 0 !important;
  border-width: 1px !important;
  border-style: solid !important;
  border-radius: 1px !important;
  box-sizing: border-box !important;
  opacity: .72 !important;
}
html.snt-smart-tv .snt-player__vu-segments i:last-child { margin-right: 0 !important; }
html.snt-smart-tv .snt-player__vu-segments i:nth-child(-n+22) { background:#0d271b !important; border-color:#1b4d35 !important; }
html.snt-smart-tv .snt-player__vu-segments i:nth-child(n+23):nth-child(-n+25) { background:#33290c !important; border-color:#655018 !important; }
html.snt-smart-tv .snt-player__vu-segments i:nth-child(n+26) { background:#351017 !important; border-color:#6b1e2b !important; }
html.snt-smart-tv .snt-player__vu-segments i:nth-child(-n+22).is-active { background:#28cf68 !important; border-color:#5df18c !important; opacity:1 !important; }
html.snt-smart-tv .snt-player__vu-segments i:nth-child(n+23):nth-child(-n+25).is-active { background:#e6b429 !important; border-color:#ffe064 !important; opacity:1 !important; }
html.snt-smart-tv .snt-player__vu-segments i:nth-child(n+26).is-active { background:#e23b50 !important; border-color:#ff7080 !important; opacity:1 !important; }

html.snt-smart-tv .snt-player__controlsbar {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-box-align: center !important;
  -webkit-align-items: center !important;
  align-items: center !important;
  -webkit-box-flex: 0 !important;
  -webkit-flex: 0 0 205px !important;
  flex: 0 0 205px !important;
  width: 205px !important;
  min-width: 205px !important;
  min-height: 58px !important;
  height: 58px !important;
  padding: 6px 8px !important;
  margin: 0 !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}
html.snt-smart-tv .snt-player__play {
  -webkit-box-flex: 0 !important;
  -webkit-flex: 0 0 44px !important;
  flex: 0 0 44px !important;
  width: 44px !important;
  height: 44px !important;
  min-width: 44px !important;
  margin-right: 8px !important;
}
html.snt-smart-tv .snt-player__volume-box {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-box-align: center !important;
  -webkit-align-items: center !important;
  align-items: center !important;
  -webkit-box-flex: 1 !important;
  -webkit-flex: 1 1 auto !important;
  flex: 1 1 auto !important;
  width: auto !important;
  min-width: 0 !important;
}
html.snt-smart-tv .snt-player__mute {
  -webkit-box-flex: 0 !important;
  -webkit-flex: 0 0 32px !important;
  flex: 0 0 32px !important;
  width: 32px !important;
  height: 32px !important;
  min-width: 32px !important;
  margin-right: 6px !important;
}
html.snt-smart-tv .snt-player__volume {
  -webkit-box-flex: 1 !important;
  -webkit-flex: 1 1 auto !important;
  flex: 1 1 auto !important;
  width: 100px !important;
  min-width: 60px !important;
}

/* Als zelfs flex heel beperkt is, blijven de segmenten altijd horizontaal. */
html.snt-smart-tv .snt-player__vu-segments i { float: none !important; }

/* =========================================================
   V175 final: full-width + duidelijke partner/portal-logo's
   ========================================================= */
@media (min-width: 1025px) {
  body.layout-full footer {
    width: calc(100% - 24px) !important;
    max-width: none !important;
    margin-left: 12px !important;
    margin-right: 12px !important;
  }
}

/* Alle kaarten even groot, maar logo's krijgen veel meer bruikbare ruimte.
   object-fit:contain voorkomt afsnijden/vervormen van brede én vierkante logo's. */
.partners-page .partners-grid,
.luistertips-page .external-platforms-grid {
  align-items: stretch !important;
}
.partners-page .partner-item,
.luistertips-page .external-platform-card {
  height: 100% !important;
  min-height: 238px !important;
  display: block !important;
}
.partners-page .partner-item > a,
.luistertips-page .external-platform-card > a {
  height: 100% !important;
  min-height: 210px !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-box-orient: vertical !important;
  -webkit-flex-direction: column !important;
  flex-direction: column !important;
  -webkit-box-align: center !important;
  -webkit-align-items: center !important;
  align-items: center !important;
  -webkit-box-pack: center !important;
  -webkit-justify-content: center !important;
  justify-content: center !important;
}
.partners-page .partner-item img {
  width: 100% !important;
  height: 158px !important;
  max-width: 100% !important;
  max-height: 158px !important;
  aspect-ratio: auto !important;
  object-fit: contain !important;
  object-position: center !important;
  padding: 10px !important;
  background: rgba(7,13,24,.72) !important;
  box-sizing: border-box !important;
}
.luistertips-page .external-platform-logo {
  width: 100% !important;
  height: 158px !important;
  min-height: 158px !important;
  padding: 10px 12px !important;
  box-sizing: border-box !important;
}
.luistertips-page .external-platform-logo img {
  display: block !important;
  width: 100% !important;
  height: 118px !important;
  max-width: 100% !important;
  max-height: 118px !important;
  object-fit: contain !important;
  object-position: center !important;
}
.partners-page .partner-name,
.luistertips-page .external-platform-card .partner-name {
  width: 100% !important;
  min-height: 44px !important;
  margin: 12px 0 0 !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-box-align: center !important;
  -webkit-align-items: center !important;
  align-items: center !important;
  -webkit-box-pack: center !important;
  -webkit-justify-content: center !important;
  justify-content: center !important;
  text-align: center !important;
}

@media (max-width: 760px) {
  .partners-page .partner-item,
  .luistertips-page .external-platform-card { min-height: 210px !important; }
  .partners-page .partner-item img,
  .luistertips-page .external-platform-logo { height: 132px !important; min-height: 132px !important; }
  .luistertips-page .external-platform-logo img { height: 98px !important; max-height: 98px !important; }
}

/* =========================================================
   Zeer oude Smart-TV WebKit: geen CSS Grid vereist.
   ========================================================= */
html.snt-smart-tv .layout-shell,
html.snt-smart-tv .home-shell,
html.snt-smart-tv .standard-shell {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-box-align: start !important;
  -webkit-align-items: flex-start !important;
  align-items: flex-start !important;
  width: 100% !important;
  max-width: none !important;
  box-sizing: border-box !important;
}
html.snt-smart-tv .sidebar-left {
  -webkit-box-flex: 0 !important;
  -webkit-flex: 0 0 250px !important;
  flex: 0 0 250px !important;
  width: 250px !important;
  min-width: 250px !important;
  margin-right: 16px !important;
}
html.snt-smart-tv .page-content-frame,
html.snt-smart-tv .home-content {
  -webkit-box-flex: 1 !important;
  -webkit-flex: 1 1 auto !important;
  flex: 1 1 auto !important;
  width: auto !important;
  min-width: 0 !important;
}
html.snt-smart-tv .sidebar-right {
  -webkit-box-flex: 0 !important;
  -webkit-flex: 0 0 300px !important;
  flex: 0 0 300px !important;
  width: 300px !important;
  min-width: 300px !important;
  margin-left: 16px !important;
}
html.snt-smart-tv .home-radio-dashboard__grid {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-box-align: stretch !important;
  -webkit-align-items: stretch !important;
  align-items: stretch !important;
}
html.snt-smart-tv .home-radio-dashboard__program {
  -webkit-box-flex: 1 !important;
  -webkit-flex: 1 1 auto !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-right: 14px !important;
}
html.snt-smart-tv .home-radio-dashboard__status {
  -webkit-box-flex: 0 !important;
  -webkit-flex: 0 0 330px !important;
  flex: 0 0 330px !important;
  width: 330px !important;
}
html.snt-smart-tv .partners-grid,
html.snt-smart-tv .team-grid,
html.snt-smart-tv .external-platforms-grid {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-flex-wrap: wrap !important;
  flex-wrap: wrap !important;
}
html.snt-smart-tv .partners-grid > *,
html.snt-smart-tv .team-grid > *,
html.snt-smart-tv .external-platforms-grid > * {
  -webkit-box-flex: 0 !important;
  -webkit-flex: 0 0 23% !important;
  flex: 0 0 23% !important;
  width: 23% !important;
  margin: 1% !important;
  box-sizing: border-box !important;
}

/* Echt oude engines zonder flexbox: segmenten blijven met inline-block horizontaal. */
html.snt-smart-tv .snt-player__vu-segments {
  white-space: nowrap !important;
  font-size: 0 !important;
  line-height: 0 !important;
}
html.snt-smart-tv .snt-player__vu-segments i {
  display: inline-block !important;
  vertical-align: middle !important;
  width: 3.2% !important;
  min-width: 0 !important;
  margin-right: .3% !important;
}
html.snt-smart-tv .snt-player__vu-segments i:last-child { margin-right: 0 !important; }

@media (max-width: 1200px) {
  html.snt-smart-tv .sidebar-left {
    -webkit-flex-basis: 210px !important;
    flex-basis: 210px !important;
    width: 210px !important;
    min-width: 210px !important;
  }
  html.snt-smart-tv .sidebar-right {
    -webkit-flex-basis: 245px !important;
    flex-basis: 245px !important;
    width: 245px !important;
    min-width: 245px !important;
  }
  html.snt-smart-tv .snt-player__info {
    -webkit-flex-basis: 205px !important;
    flex-basis: 205px !important;
    width: 205px !important;
  }
  html.snt-smart-tv .snt-player__controlsbar {
    -webkit-flex-basis: 175px !important;
    flex-basis: 175px !important;
    width: 175px !important;
    min-width: 175px !important;
  }
}

@media (max-width: 900px) {
  html.snt-smart-tv .layout-shell,
  html.snt-smart-tv .home-shell,
  html.snt-smart-tv .standard-shell,
  html.snt-smart-tv .home-radio-dashboard__grid {
    display: block !important;
  }
  html.snt-smart-tv .sidebar-left,
  html.snt-smart-tv .sidebar-right,
  html.snt-smart-tv .page-content-frame,
  html.snt-smart-tv .home-content,
  html.snt-smart-tv .home-radio-dashboard__program,
  html.snt-smart-tv .home-radio-dashboard__status {
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 0 14px !important;
  }
}

/* =========================================================
   V175 production hardening: de desktopplayer heeft ook ZONDER
   UA-detectie een legacy-veilige horizontale basis. Daardoor blijft
   een oude TV/WebKit die CSS Grid niet begrijpt compact en worden de
   28 echte VU-segmenten nooit als 28 volle regels onder elkaar gezet.
   ========================================================= */
@media (min-width: 1025px) {
  .snt-player__stage,
  .snt-player__main.snt-player__stage {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: flex !important;
    -webkit-box-align: center !important;
    -webkit-align-items: center !important;
    align-items: center !important;
    width: 100% !important;
    min-height: 116px !important;
    height: 116px !important;
    max-height: 116px !important;
    padding: 9px 12px !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }

  .snt-player__djphoto-wrap {
    -webkit-box-flex: 0 !important;
    -webkit-flex: 0 0 68px !important;
    flex: 0 0 68px !important;
    width: 68px !important;
    height: 68px !important;
    min-width: 68px !important;
    margin: 0 10px 0 0 !important;
  }

  .snt-player__info {
    display: block !important;
    -webkit-box-flex: 0 !important;
    -webkit-flex: 0 0 245px !important;
    flex: 0 0 245px !important;
    width: 245px !important;
    min-width: 150px !important;
    max-width: 245px !important;
    margin: 0 12px 0 0 !important;
    overflow: hidden !important;
  }

  .snt-player__headline,
  .snt-player__live-badge,
  .snt-player__dj-name,
  .snt-player__song {
    max-width: 100% !important;
  }

  .snt-player__meter {
    display: block !important;
    -webkit-box-flex: 1 !important;
    -webkit-flex: 1 1 auto !important;
    flex: 1 1 auto !important;
    width: auto !important;
    min-width: 220px !important;
    max-width: none !important;
    margin: 0 12px 0 0 !important;
    overflow: hidden !important;
  }

  .snt-player__vu {
    height: 74px !important;
    min-height: 74px !important;
    max-height: 74px !important;
    margin: 0 !important;
    padding: 8px 8px !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }

  .snt-player__vu-scale-row,
  .snt-player__vu-row {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: flex !important;
    -webkit-box-align: center !important;
    -webkit-align-items: center !important;
    align-items: center !important;
    width: 100% !important;
    height: 17px !important;
    min-height: 17px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
  }

  .snt-player__vu-scale-spacer,
  .snt-player__channel-name,
  .snt-player__vu-row > b {
    display: block !important;
    -webkit-box-flex: 0 !important;
    -webkit-flex: 0 0 14px !important;
    flex: 0 0 14px !important;
    width: 14px !important;
    min-width: 14px !important;
    margin: 0 4px 0 0 !important;
  }

  .snt-player__vu-scale,
  .snt-player__vu-segments {
    -webkit-box-flex: 1 !important;
    -webkit-flex: 1 1 auto !important;
    flex: 1 1 auto !important;
    width: auto !important;
    min-width: 0 !important;
  }

  .snt-player__controlsbar {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: flex !important;
    -webkit-box-align: center !important;
    -webkit-align-items: center !important;
    align-items: center !important;
    -webkit-box-flex: 0 !important;
    -webkit-flex: 0 0 190px !important;
    flex: 0 0 190px !important;
    width: 190px !important;
    min-width: 190px !important;
    min-height: 64px !important;
    height: 64px !important;
    margin: 0 !important;
    padding: 6px 8px !important;
    border-top: 0 !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }

  .snt-player__play {
    -webkit-box-flex: 0 !important;
    -webkit-flex: 0 0 44px !important;
    flex: 0 0 44px !important;
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    margin: 0 8px 0 0 !important;
  }

  .snt-player__volume-box {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: flex !important;
    -webkit-box-align: center !important;
    -webkit-align-items: center !important;
    align-items: center !important;
    -webkit-box-flex: 1 !important;
    -webkit-flex: 1 1 auto !important;
    flex: 1 1 auto !important;
    width: auto !important;
    min-width: 0 !important;
  }

  .snt-player__mute {
    -webkit-box-flex: 0 !important;
    -webkit-flex: 0 0 32px !important;
    flex: 0 0 32px !important;
    width: 32px !important;
    height: 32px !important;
    min-width: 32px !important;
    margin: 0 6px 0 0 !important;
  }

  .snt-player__volume {
    -webkit-box-flex: 1 !important;
    -webkit-flex: 1 1 auto !important;
    flex: 1 1 auto !important;
    width: 90px !important;
    min-width: 54px !important;
  }
}

/* Universele VU-noodlaag: ook als een antieke TV de UA niet herkenbaar
   doorgeeft of CSS Grid compleet negeert, blijven alle blokjes horizontaal. */
.snt-player__vu-segments {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-box-orient: horizontal !important;
  -webkit-flex-direction: row !important;
  flex-direction: row !important;
  white-space: nowrap !important;
  font-size: 0 !important;
  line-height: 0 !important;
  overflow: hidden !important;
}
.snt-player__vu-segments i,
.snt-player__vu-segments i:nth-child(n) {
  display: inline-block !important;
  -webkit-box-flex: 1 !important;
  -webkit-flex: 1 1 0 !important;
  flex: 1 1 0 !important;
  width: 3.2% !important;
  min-width: 1px !important;
  margin: 0 .3% 0 0 !important;
  vertical-align: middle !important;
  box-sizing: border-box !important;
}
.snt-player__vu-segments i:last-child { margin-right: 0 !important; }

/* V175: header fallback voor oudere TV-WebKit zonder betrouwbare CSS Grid. */
html.snt-smart-tv .site-header__inner {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-box-align: center !important;
  -webkit-align-items: center !important;
  align-items: center !important;
  width: calc(100% - 24px) !important;
  max-width: none !important;
  margin-left: 12px !important;
  margin-right: 12px !important;
}
html.snt-smart-tv .site-header__inner .brand {
  -webkit-box-flex: 0 !important;
  -webkit-flex: 0 0 auto !important;
  flex: 0 0 auto !important;
}
html.snt-smart-tv .site-header__inner .main-nav {
  -webkit-box-flex: 1 !important;
  -webkit-flex: 1 1 auto !important;
  flex: 1 1 auto !important;
  width: auto !important;
  min-width: 0 !important;
}
html.snt-smart-tv .main-nav ul {
  -webkit-box-pack: center !important;
  -webkit-justify-content: center !important;
  justify-content: center !important;
  -webkit-flex-wrap: wrap !important;
  flex-wrap: wrap !important;
}
/* V208: op smalle Smart-TV viewports moet de hamburger echt kunnen sluiten. */
@media (min-width: 1181px) {
  html.snt-smart-tv .main-nav ul {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: flex !important;
  }
}
@media (max-width: 1180px) {
  html.snt-smart-tv .main-nav ul { display: none !important; }
  html.snt-smart-tv .main-nav ul.is-open {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: flex !important;
  }
}

/* Portal- en partnerkaarten: vaste uitlijning en maximale logo-oppervlakte. */
.partners-page .partners-grid,
.luistertips-page .external-platforms-grid {
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)) !important;
  gap: 18px !important;
}
.partners-page .partner-item,
.luistertips-page .external-platform-card {
  padding: 12px !important;
  border-radius: 20px !important;
}
.partners-page .partner-item > a,
.luistertips-page .external-platform-card > a {
  width: 100% !important;
}
.luistertips-page .external-platform-logo {
  width: 100% !important;
  padding: 6px 8px !important;
  border-radius: 16px !important;
  background: rgba(4, 9, 18, .72) !important;
}
.luistertips-page .external-platform-logo img {
  width: 100% !important;
  height: 118px !important;
  max-width: 100% !important;
  max-height: 118px !important;
  margin: 0 auto !important;
}

/* V178 - globale mededeling / onderhoudsmelding */
.site-announcement{width:100%;box-sizing:border-box;border-bottom:1px solid rgba(255,255,255,.12);position:relative;z-index:60}
.site-announcement__inner{max-width:none;width:100%;box-sizing:border-box;padding:10px 22px;display:flex;display:-webkit-flex;align-items:flex-start;-webkit-align-items:flex-start;justify-content:center;-webkit-justify-content:center}
.site-announcement__icon{display:inline-block;flex:0 0 auto;-webkit-flex:0 0 auto;margin-right:10px;font-size:20px;line-height:1.35}
.site-announcement__copy{display:block;max-width:1500px;line-height:1.45;color:#fff}
.site-announcement__copy strong{display:block;margin-bottom:2px;font-size:15px}
.site-announcement__copy span{display:block;font-size:14px}
.site-announcement--info{background:#0f3f68}
.site-announcement--warning{background:#73500a}
.site-announcement--maintenance{background:#6d2630}
@media (max-width:700px){.site-announcement__inner{padding:9px 12px}.site-announcement__copy strong{font-size:14px}.site-announcement__copy span{font-size:13px}}


/* V180 - compacte mededeling direct onder de player. */
.site-announcement{background:transparent!important;border:0!important;padding:0 12px!important;margin:8px 0 2px!important}
.site-announcement__inner{width:100%!important;max-width:none!important;box-sizing:border-box!important;padding:9px 14px!important;border:1px solid rgba(255,255,255,.13)!important;border-radius:12px!important;justify-content:flex-start!important;-webkit-justify-content:flex-start!important;box-shadow:none!important}
.site-announcement__icon{font-size:17px!important;line-height:1.25!important;margin-right:9px!important}
.site-announcement__copy{max-width:none!important;min-width:0!important;line-height:1.35!important}
.site-announcement__copy strong{display:inline!important;margin:0 8px 0 0!important;font-size:14px!important}
.site-announcement__copy span{display:inline!important;font-size:13px!important}
.site-announcement--info .site-announcement__inner{background:rgba(15,63,104,.78)!important}
.site-announcement--warning .site-announcement__inner{background:rgba(115,80,10,.82)!important}
.site-announcement--maintenance .site-announcement__inner{background:rgba(109,38,48,.84)!important}
@media(max-width:700px){.site-announcement{padding:0 8px!important;margin-top:6px!important}.site-announcement__inner{padding:8px 10px!important;border-radius:10px!important}.site-announcement__copy strong,.site-announcement__copy span{display:block!important}.site-announcement__copy strong{margin:0 0 2px!important}}

/* =========================================================
   V182 — centrale DJ Display: één geheel op ALLE pagina's.
   Flexbox-first voor oudere browsers/Smart TV's; 175x175 op desktop.
   ========================================================= */
.station-topbar__right--v181{
  min-width:0 !important;
  width:100% !important;
  align-content:start !important;
}
.station-live-panel-v181{
  position:relative !important;
  display:block !important;
  width:100% !important;
  min-width:0 !important;
  height:auto !important;
  min-height:0 !important;
  max-height:none !important;
  margin:0 !important;
  padding:0 !important;
  overflow:hidden !important;
  border:1px solid rgba(86,151,250,.24) !important;
  border-radius:20px !important;
  background:linear-gradient(145deg,rgba(7,15,28,.99),rgba(3,8,16,.995)) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.045),0 14px 30px rgba(0,0,0,.16) !important;
  box-sizing:border-box !important;
}
.station-live-panel-v181:before{
  content:"" !important;
  position:absolute !important;
  z-index:2 !important;
  left:0 !important;
  right:0 !important;
  top:0 !important;
  height:3px !important;
  background:linear-gradient(90deg,#1d67dc 0%,#58a4ff 58%,#d5b15a 100%) !important;
  opacity:.88 !important;
  pointer-events:none !important;
}
.station-live-panel-v181 .home-live-card__current-v147,
.station-live-panel-v181 .home-live-card__next-v147{
  position:relative !important;
  display:-webkit-box !important;
  display:-webkit-flex !important;
  display:flex !important;
  -webkit-box-align:center !important;
  -webkit-align-items:center !important;
  align-items:center !important;
  width:100% !important;
  min-width:0 !important;
  height:auto !important;
  max-height:none !important;
  margin:0 !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  box-sizing:border-box !important;
}
.station-live-panel-v181 .home-live-card__current-v147{
  min-height:199px !important;
  padding:12px 14px 12px 12px !important;
  background:radial-gradient(circle at 9% 24%,rgba(47,127,255,.08),transparent 34%) !important;
}
.station-live-panel-v181 .home-live-card__next-v147{
  min-height:112px !important;
  padding:10px 14px 10px 12px !important;
  border-top:1px solid rgba(86,151,250,.15) !important;
  background:rgba(6,13,24,.62) !important;
}
.station-live-panel-v181 .home-live-card__visual-v147{
  position:relative !important;
  display:block !important;
  overflow:hidden !important;
  -webkit-box-flex:0 !important;
  -webkit-flex:0 0 auto !important;
  flex:0 0 auto !important;
  background:#050a13 !important;
  border:1px solid rgba(86,151,250,.28) !important;
  box-shadow:0 8px 20px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.04) !important;
}
.station-live-panel-v181 .home-live-card__visual-v147--current{
  width:175px !important;
  height:175px !important;
  min-width:175px !important;
  min-height:175px !important;
  border-radius:17px !important;
}
.station-live-panel-v181 .home-live-card__visual-v147--next,
.station-live-panel-v181 .home-live-card__visual-v147--next-large{
  width:84px !important;
  height:84px !important;
  min-width:84px !important;
  min-height:84px !important;
  border-radius:14px !important;
}
.station-live-panel-v181 .home-live-card__visual-v147 img{
  display:block !important;
  width:100% !important;
  height:100% !important;
  max-width:none !important;
  object-fit:cover !important;
}
.station-live-panel-v181 .home-live-card__content-v147,
.station-live-panel-v181 .home-live-card__next-copy-v147,
.station-live-panel-v181 .home-live-card__next-copy-v150{
  display:block !important;
  min-width:0 !important;
  width:auto !important;
  max-width:none !important;
  margin-left:16px !important;
  -webkit-box-flex:1 !important;
  -webkit-flex:1 1 auto !important;
  flex:1 1 auto !important;
}
.station-live-panel-v181 .home-live-card__next-copy-v147,
.station-live-panel-v181 .home-live-card__next-copy-v150{margin-left:13px !important;}
.station-live-panel-v181 .home-live-card__topline-v147,
.station-live-panel-v181 .home-live-card__topline-v150{
  display:-webkit-box !important;
  display:-webkit-flex !important;
  display:flex !important;
  -webkit-box-align:center !important;
  -webkit-align-items:center !important;
  align-items:center !important;
  -webkit-box-pack:justify !important;
  -webkit-justify-content:space-between !important;
  justify-content:space-between !important;
  min-width:0 !important;
  width:100% !important;
  margin:0 0 10px !important;
}
.station-live-panel-v181 .home-live-card__eyebrow-v147,
.station-live-panel-v181 .home-live-card__next-caption-v147{
  display:block !important;
  min-width:0 !important;
  color:#84abe0 !important;
  font-size:.65rem !important;
  font-weight:900 !important;
  letter-spacing:.12em !important;
  line-height:1 !important;
  text-transform:uppercase !important;
  white-space:nowrap !important;
}
.station-live-panel-v181 .home-live-name,
.station-live-panel-v181 .home-live-next-name{
  display:block !important;
  min-width:0 !important;
  color:#f7fbff !important;
  font-size:1.18rem !important;
  font-weight:900 !important;
  line-height:1.08 !important;
  white-space:normal !important;
  overflow:visible !important;
  text-overflow:clip !important;
  overflow-wrap:anywhere !important;
  word-break:break-word !important;
}
.station-live-panel-v181 .home-live-next-name{font-size:1.02rem !important;}
.station-live-panel-v181 .home-live-card__topline-v147 .status-chip,
.station-live-panel-v181 .home-live-card__topline-v150 .status-chip{
  -webkit-box-flex:0 !important;
  -webkit-flex:0 0 auto !important;
  flex:0 0 auto !important;
  margin:0 0 0 8px !important;
  min-height:23px !important;
  padding:0 9px !important;
  font-size:.54rem !important;
}
.station-live-panel-v181 .home-live-card__live-meta-v151{
  display:-webkit-box !important;
  display:-webkit-flex !important;
  display:flex !important;
  -webkit-flex-wrap:wrap !important;
  flex-wrap:wrap !important;
  -webkit-box-align:center !important;
  -webkit-align-items:center !important;
  align-items:center !important;
  margin-top:8px !important;
  color:#a9bdd9 !important;
  font-size:.70rem !important;
  line-height:1.25 !important;
}
.station-live-panel-v181 .home-live-card__live-meta-v151 > *{margin:0 8px 4px 0 !important;}
.station-live-panel-v181 .home-live-card__live-meta-v151.is-hidden{display:none !important;}
.station-live-panel-v181 .home-live-card__dj-text-v147{
  display:block !important;
  margin:7px 0 0 !important;
  max-width:100% !important;
  color:#829abc !important;
  font-size:.70rem !important;
  line-height:1.35 !important;
  white-space:normal !important;
  overflow-wrap:anywhere !important;
  word-break:break-word !important;
}
.station-live-panel-v181 .home-live-card__dj-text-v147.is-empty{display:none !important;}
.station-live-panel-v181 .home-live-card__glow-v147{
  right:8px !important;
  bottom:8px !important;
  width:12px !important;
  height:12px !important;
}
.station-live-panel-v181 .station-live-display__next-meta{
  display:-webkit-box !important;
  display:-webkit-flex !important;
  display:flex !important;
  -webkit-flex-wrap:wrap !important;
  flex-wrap:wrap !important;
  -webkit-box-align:center !important;
  -webkit-align-items:center !important;
  align-items:center !important;
  margin-top:7px !important;
  color:#91a8c8 !important;
  font-size:.68rem !important;
  font-weight:700 !important;
  line-height:1.25 !important;
}
.station-live-panel-v181 .station-live-display__next-meta > span{margin:0 8px 3px 0 !important;}
.station-live-panel-v181 .station-live-display__next-state{
  display:inline-block !important;
  padding:2px 7px !important;
  border:1px solid rgba(90,168,255,.20) !important;
  border-radius:999px !important;
  background:rgba(90,168,255,.08) !important;
  color:#c9ddf8 !important;
  font-size:.58rem !important;
  font-weight:900 !important;
  letter-spacing:.06em !important;
  text-transform:uppercase !important;
}

/* Subpagina's: altijd dezelfde centrale component, met genoeg breedte voor 175px. */
@media (min-width:1101px){
  .standard-shell .station-topbar--page{
    grid-template-columns:minmax(0,1fr) minmax(410px,460px) !important;
    align-items:start !important;
  }
}
/* Homepage: de statuskolom houdt dezelfde DJ Display als iedere andere pagina. */
@media (min-width:1181px){
  .home-page .home-radio-dashboard--v158 .home-radio-dashboard__grid{
    grid-template-columns:minmax(0,1.35fr) minmax(410px,.95fr) !important;
  }
}
@media (max-width:1180px){
  .home-page .home-radio-dashboard--v158 .home-radio-dashboard__grid{
    grid-template-columns:minmax(0,1fr) !important;
  }
  .home-page .home-radio-dashboard--v158 .home-radio-dashboard__status{
    border-left:0 !important;
    border-top:1px solid rgba(86,151,250,.12) !important;
  }
}
@media (max-width:900px){
  .station-live-panel-v181 .home-live-card__current-v147{min-height:154px !important;padding:11px !important;}
  .station-live-panel-v181 .home-live-card__visual-v147--current{
    width:130px !important;height:130px !important;min-width:130px !important;min-height:130px !important;
  }
  .station-live-panel-v181 .home-live-card__content-v147{margin-left:14px !important;}
  .station-live-panel-v181 .home-live-card__visual-v147--next,
  .station-live-panel-v181 .home-live-card__visual-v147--next-large{
    width:72px !important;height:72px !important;min-width:72px !important;min-height:72px !important;
  }
  .station-live-panel-v181 .home-live-card__next-v147{min-height:94px !important;}
}
@media (max-width:600px){
  .station-live-panel-v181{border-radius:16px !important;}
  .station-live-panel-v181 .home-live-card__current-v147{min-height:108px !important;padding:9px !important;}
  .station-live-panel-v181 .home-live-card__visual-v147--current{
    width:88px !important;height:88px !important;min-width:88px !important;min-height:88px !important;border-radius:12px !important;
  }
  .station-live-panel-v181 .home-live-card__content-v147{margin-left:10px !important;}
  .station-live-panel-v181 .home-live-card__next-v147{min-height:76px !important;padding:8px 9px !important;}
  .station-live-panel-v181 .home-live-card__visual-v147--next,
  .station-live-panel-v181 .home-live-card__visual-v147--next-large{
    width:58px !important;height:58px !important;min-width:58px !important;min-height:58px !important;border-radius:10px !important;
  }
  .station-live-panel-v181 .home-live-card__next-copy-v147,
  .station-live-panel-v181 .home-live-card__next-copy-v150{margin-left:9px !important;}
  .station-live-panel-v181 .home-live-card__topline-v147,
  .station-live-panel-v181 .home-live-card__topline-v150{margin-bottom:7px !important;}
  .station-live-panel-v181 .home-live-card__eyebrow-v147,
  .station-live-panel-v181 .home-live-card__next-caption-v147{font-size:.55rem !important;}
  .station-live-panel-v181 .home-live-name{font-size:.98rem !important;}
  .station-live-panel-v181 .home-live-next-name{font-size:.88rem !important;}
  .station-live-panel-v181 .station-live-display__next-meta{font-size:.61rem !important;margin-top:5px !important;}
  .station-live-panel-v181 .station-live-display__next-state{font-size:.51rem !important;padding:1px 6px !important;}
  .station-live-panel-v181 .home-live-card__dj-text-v147{font-size:.64rem !important;}
}
@media (max-width:360px){
  .station-live-panel-v181 .home-live-card__visual-v147--current{
    width:76px !important;height:76px !important;min-width:76px !important;min-height:76px !important;
  }
  .station-live-panel-v181 .home-live-card__current-v147{min-height:96px !important;}
  .station-live-panel-v181 .home-live-card__visual-v147--next,
  .station-live-panel-v181 .home-live-card__visual-v147--next-large{
    width:50px !important;height:50px !important;min-width:50px !important;min-height:50px !important;
  }
  .station-live-panel-v181 .home-live-card__topline-v147 .status-chip,
  .station-live-panel-v181 .home-live-card__topline-v150 .status-chip{font-size:.48rem !important;padding:0 6px !important;}
  .station-live-panel-v181 .home-live-card__dj-text-v147{display:none !important;}
}

/* =========================================================
   V182 — compacte centrale mededeling direct onder de player.
   Eén balk; titel, type en bericht blijven behouden.
   ========================================================= */
.site-announcement{
  width:100% !important;
  margin:6px 0 2px !important;
  padding:0 12px !important;
  border:0 !important;
  background:transparent !important;
  box-sizing:border-box !important;
  position:relative !important;
  z-index:60 !important;
}
.site-announcement[hidden]{display:none !important;}
.site-announcement__inner{
  display:-webkit-box !important;
  display:-webkit-flex !important;
  display:flex !important;
  -webkit-box-align:center !important;
  -webkit-align-items:center !important;
  align-items:center !important;
  width:100% !important;
  min-height:42px !important;
  margin:0 !important;
  padding:7px 9px 7px 10px !important;
  border:1px solid rgba(92,163,255,.23) !important;
  border-radius:12px !important;
  background:linear-gradient(90deg,rgba(12,36,64,.96),rgba(8,25,47,.95)) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035) !important;
  box-sizing:border-box !important;
}
.site-announcement__icon{
  display:-webkit-box !important;
  display:-webkit-flex !important;
  display:flex !important;
  -webkit-box-align:center !important;
  -webkit-align-items:center !important;
  align-items:center !important;
  -webkit-box-pack:center !important;
  -webkit-justify-content:center !important;
  justify-content:center !important;
  -webkit-box-flex:0 !important;
  -webkit-flex:0 0 27px !important;
  flex:0 0 27px !important;
  width:27px !important;
  height:27px !important;
  margin:0 9px 0 0 !important;
  border-radius:8px !important;
  background:rgba(73,141,238,.14) !important;
  border:1px solid rgba(92,163,255,.20) !important;
  font-size:13px !important;
  line-height:1 !important;
  box-sizing:border-box !important;
}
.site-announcement__copy{
  display:-webkit-box !important;
  display:-webkit-flex !important;
  display:flex !important;
  -webkit-box-align:center !important;
  -webkit-align-items:center !important;
  align-items:center !important;
  -webkit-flex-wrap:wrap !important;
  flex-wrap:wrap !important;
  -webkit-box-flex:1 !important;
  -webkit-flex:1 1 auto !important;
  flex:1 1 auto !important;
  min-width:0 !important;
  max-width:none !important;
  color:#eef6ff !important;
  line-height:1.35 !important;
}
.site-announcement__heading{
  display:-webkit-box !important;
  display:-webkit-flex !important;
  display:flex !important;
  -webkit-box-align:center !important;
  -webkit-align-items:center !important;
  align-items:center !important;
  -webkit-flex-wrap:wrap !important;
  flex-wrap:wrap !important;
  min-width:0 !important;
  margin:0 10px 0 0 !important;
}
.site-announcement__heading strong{
  display:block !important;
  margin:0 7px 0 0 !important;
  color:#fff !important;
  font-size:13px !important;
  font-weight:900 !important;
  line-height:1.2 !important;
}
.site-announcement__type{
  display:inline-block !important;
  min-height:18px !important;
  padding:2px 6px !important;
  border:1px solid rgba(115,177,255,.24) !important;
  border-radius:999px !important;
  background:rgba(72,137,225,.09) !important;
  color:#a9cfff !important;
  font-size:.53rem !important;
  font-weight:900 !important;
  letter-spacing:.07em !important;
  line-height:1.15 !important;
  text-transform:uppercase !important;
  box-sizing:border-box !important;
}
.site-announcement__message{
  display:block !important;
  min-width:0 !important;
  -webkit-box-flex:1 !important;
  -webkit-flex:1 1 320px !important;
  flex:1 1 320px !important;
  color:#d5e3f5 !important;
  font-size:12.5px !important;
  line-height:1.35 !important;
  overflow-wrap:anywhere !important;
  word-break:break-word !important;
}
.site-announcement__close{
  -webkit-box-flex:0 !important;
  -webkit-flex:0 0 28px !important;
  flex:0 0 28px !important;
  width:28px !important;
  height:28px !important;
  margin:0 0 0 8px !important;
  padding:0 !important;
  border:1px solid rgba(255,255,255,.12) !important;
  border-radius:8px !important;
  background:rgba(255,255,255,.04) !important;
  color:#dbe8f8 !important;
  font:700 18px/24px Arial,sans-serif !important;
  text-align:center !important;
  cursor:pointer !important;
  box-sizing:border-box !important;
}
.site-announcement__close:hover,.site-announcement__close:focus{background:rgba(255,255,255,.09) !important;border-color:rgba(255,255,255,.22) !important;outline:none !important;}
.site-announcement--warning .site-announcement__inner{border-color:rgba(240,184,62,.28) !important;background:linear-gradient(90deg,rgba(70,51,12,.96),rgba(44,35,14,.94)) !important;}
.site-announcement--warning .site-announcement__icon{background:rgba(240,184,62,.12) !important;border-color:rgba(240,184,62,.25) !important;}
.site-announcement--warning .site-announcement__type{color:#ffe39b !important;border-color:rgba(240,184,62,.28) !important;background:rgba(240,184,62,.09) !important;}
.site-announcement--maintenance .site-announcement__inner{border-color:rgba(236,103,119,.28) !important;background:linear-gradient(90deg,rgba(71,27,36,.96),rgba(45,21,28,.94)) !important;}
.site-announcement--maintenance .site-announcement__icon{background:rgba(236,103,119,.11) !important;border-color:rgba(236,103,119,.24) !important;}
.site-announcement--maintenance .site-announcement__type{color:#ffbdc6 !important;border-color:rgba(236,103,119,.27) !important;background:rgba(236,103,119,.08) !important;}
@media(max-width:700px){
  .site-announcement{padding:0 8px !important;margin-top:5px !important;}
  .site-announcement__inner{-webkit-box-align:start !important;-webkit-align-items:flex-start !important;align-items:flex-start !important;padding:8px 8px 8px 9px !important;border-radius:11px !important;}
  .site-announcement__icon{-webkit-flex-basis:25px !important;flex-basis:25px !important;width:25px !important;height:25px !important;margin-right:8px !important;font-size:12px !important;}
  .site-announcement__copy{display:block !important;padding-top:1px !important;}
  .site-announcement__heading{margin:0 0 3px !important;}
  .site-announcement__heading strong{font-size:12.5px !important;}
  .site-announcement__message{font-size:12px !important;line-height:1.35 !important;}
  .site-announcement__close{-webkit-flex-basis:25px !important;flex-basis:25px !important;width:25px !important;height:25px !important;margin-left:6px !important;font-size:16px !important;line-height:21px !important;}
}


/* =========================================================
   V205 - mededeling compacter, rustiger en beter scanbaar.
   Alleen visuele laag; beheer, opslag en sluitlogica blijven ongewijzigd.
   ========================================================= */
.site-announcement{
  margin:7px 0 3px !important;
  padding:0 10px !important;
}
.site-announcement__inner{
  position:relative !important;
  display:grid !important;
  grid-template-columns:34px minmax(190px,240px) minmax(0,1fr) 30px !important;
  gap:12px !important;
  align-items:center !important;
  min-height:58px !important;
  padding:8px 9px 8px 10px !important;
  overflow:hidden !important;
  border:1px solid rgba(79,154,255,.25) !important;
  border-left:4px solid #4f9aff !important;
  border-radius:14px !important;
  background:
    linear-gradient(90deg,rgba(17,52,88,.96) 0%,rgba(10,31,55,.97) 50%,rgba(7,24,43,.98) 100%) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.045),0 7px 22px rgba(0,0,0,.12) !important;
}
.site-announcement__inner::after{
  content:"" !important;
  position:absolute !important;
  left:0 !important;
  right:0 !important;
  top:0 !important;
  height:1px !important;
  background:linear-gradient(90deg,rgba(109,177,255,.42),rgba(109,177,255,.08),transparent) !important;
  pointer-events:none !important;
}
.site-announcement__icon{
  grid-column:1 !important;
  width:32px !important;
  height:32px !important;
  min-width:32px !important;
  margin:0 !important;
  border-radius:9px !important;
  background:rgba(78,150,246,.14) !important;
  border:1px solid rgba(103,174,255,.25) !important;
  color:#b9d8ff !important;
  font-size:15px !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035) !important;
}
.site-announcement__copy{
  grid-column:2 / 4 !important;
  display:grid !important;
  grid-template-columns:minmax(190px,240px) minmax(0,1fr) !important;
  gap:14px !important;
  align-items:center !important;
  width:100% !important;
  min-width:0 !important;
}
.site-announcement__heading{
  display:flex !important;
  align-items:center !important;
  flex-wrap:wrap !important;
  gap:7px !important;
  min-width:0 !important;
  margin:0 !important;
  padding-right:14px !important;
  border-right:1px solid rgba(137,187,244,.15) !important;
}
.site-announcement__heading strong{
  margin:0 !important;
  color:#f7fbff !important;
  font-size:13.5px !important;
  line-height:1.25 !important;
  font-weight:900 !important;
  white-space:normal !important;
}
.site-announcement__type{
  min-height:20px !important;
  padding:3px 7px !important;
  font-size:.54rem !important;
  line-height:1 !important;
  letter-spacing:.075em !important;
  background:rgba(77,151,246,.12) !important;
  border-color:rgba(104,175,255,.28) !important;
  color:#b7d7ff !important;
}
.site-announcement__message{
  min-width:0 !important;
  margin:0 !important;
  color:#d7e5f6 !important;
  font-size:12.5px !important;
  line-height:1.38 !important;
  font-weight:500 !important;
  overflow-wrap:anywhere !important;
}
.site-announcement__close{
  grid-column:4 !important;
  width:30px !important;
  height:30px !important;
  margin:0 !important;
  border-radius:9px !important;
  background:rgba(255,255,255,.035) !important;
  border:1px solid rgba(255,255,255,.11) !important;
  color:#cbd9ea !important;
  font:700 18px/26px Arial,sans-serif !important;
  transition:background .16s ease,border-color .16s ease,color .16s ease !important;
}
.site-announcement__close:hover,.site-announcement__close:focus{
  background:rgba(255,255,255,.09) !important;
  border-color:rgba(255,255,255,.22) !important;
  color:#fff !important;
}
.site-announcement--warning .site-announcement__inner{
  border-color:rgba(240,184,62,.29) !important;
  border-left-color:#f0b83e !important;
  background:linear-gradient(90deg,rgba(62,47,16,.97),rgba(36,30,16,.98)) !important;
}
.site-announcement--warning .site-announcement__inner::after{background:linear-gradient(90deg,rgba(240,184,62,.40),rgba(240,184,62,.07),transparent) !important;}
.site-announcement--warning .site-announcement__icon{background:rgba(240,184,62,.12) !important;border-color:rgba(240,184,62,.26) !important;}
.site-announcement--warning .site-announcement__type{color:#ffe39b !important;border-color:rgba(240,184,62,.29) !important;background:rgba(240,184,62,.09) !important;}
.site-announcement--maintenance .site-announcement__inner{
  border-color:rgba(236,103,119,.29) !important;
  border-left-color:#ec6777 !important;
  background:linear-gradient(90deg,rgba(62,27,36,.97),rgba(36,21,28,.98)) !important;
}
.site-announcement--maintenance .site-announcement__inner::after{background:linear-gradient(90deg,rgba(236,103,119,.40),rgba(236,103,119,.07),transparent) !important;}
.site-announcement--maintenance .site-announcement__icon{background:rgba(236,103,119,.11) !important;border-color:rgba(236,103,119,.25) !important;}
.site-announcement--maintenance .site-announcement__type{color:#ffc1ca !important;border-color:rgba(236,103,119,.28) !important;background:rgba(236,103,119,.08) !important;}

@media(max-width:1100px){
  .site-announcement__inner{grid-template-columns:32px minmax(0,1fr) 28px !important;gap:10px !important;min-height:62px !important;}
  .site-announcement__copy{grid-column:2 !important;grid-template-columns:1fr !important;gap:4px !important;}
  .site-announcement__heading{padding:0 !important;border-right:0 !important;}
  .site-announcement__close{grid-column:3 !important;width:28px !important;height:28px !important;}
}
@media(max-width:700px){
  .site-announcement{padding:0 7px !important;margin-top:5px !important;}
  .site-announcement__inner{grid-template-columns:30px minmax(0,1fr) 27px !important;gap:8px !important;min-height:0 !important;padding:9px 8px 9px 9px !important;border-radius:12px !important;align-items:start !important;}
  .site-announcement__icon{width:29px !important;height:29px !important;min-width:29px !important;font-size:13px !important;}
  .site-announcement__copy{gap:4px !important;padding:0 !important;}
  .site-announcement__heading{gap:6px !important;margin:0 !important;}
  .site-announcement__heading strong{font-size:12.8px !important;}
  .site-announcement__type{min-height:18px !important;padding:2px 6px !important;font-size:.49rem !important;}
  .site-announcement__message{font-size:12px !important;line-height:1.38 !important;}
  .site-announcement__close{width:27px !important;height:27px !important;font-size:16px !important;line-height:23px !important;}
}