/* MShowTV V17.6.27 — ALERTS COMPACT REDESIGN
   Makes weather/project notices compact and keeps the two tickers clean. */

/* ---------- Main rotating notice/weather bar ---------- */
#mshowTopNoticeCarouselV1762{
  width:100% !important;
  min-height:0 !important;
  height:auto !important;
  margin:0 !important;
  padding:6px 10px !important;
  background:#0b0810 !important;
  overflow:visible !important;
}

#mshowTopNoticeCarouselV1762 .mshow-top-notice-shell-v1762{
  width:min(1220px,calc(100% - 20px)) !important;
  min-height:54px !important;
  height:auto !important;
  margin:0 auto !important;
  padding:8px 12px !important;
  display:grid !important;
  grid-template-columns:auto minmax(0,1fr) auto !important;
  align-items:center !important;
  gap:12px !important;
  border-radius:16px !important;
  border:1px solid rgba(255,255,255,.10) !important;
  background:linear-gradient(105deg,#17111d 0%,#24203a 52%,#143f5f 100%) !important;
  box-shadow:0 8px 24px rgba(0,0,0,.20) !important;
  overflow:hidden !important;
}

#mshowTopNoticeCarouselV1762 .mshow-top-notice-label-v1762{
  display:inline-flex !important;
  align-items:center !important;
  gap:7px !important;
  white-space:nowrap !important;
  padding:7px 10px !important;
  border-radius:999px !important;
  background:rgba(255,255,255,.07) !important;
  font-size:.72rem !important;
  letter-spacing:.04em !important;
}

#mshowTopNoticeCarouselV1762 .mshow-top-notice-dot-v1762{
  width:8px !important;
  height:8px !important;
  flex:0 0 auto !important;
}

#mshowTopNoticeCarouselV1762 .mshow-top-notice-content-v1762{
  min-width:0 !important;
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
  overflow:hidden !important;
}

#mshowTopNoticeCarouselV1762 .mshow-top-notice-content-v1762 strong,
#mshowTopNoticeCarouselV1762 .mshow-top-notice-content-v1762 span{
  margin:0 !important;
  padding:0 !important;
  line-height:1.25 !important;
}

#mshowTopNoticeCarouselV1762 .mshow-top-notice-content-v1762 strong{
  flex:0 1 auto !important;
  font-size:.86rem !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}

#mshowTopNoticeCarouselV1762 .mshow-top-notice-content-v1762 span{
  flex:1 1 auto !important;
  min-width:0 !important;
  color:#d4cbd8 !important;
  font-size:.78rem !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}

#mshowTopNoticeCarouselV1762 .mshow-top-notice-actions-v1762{
  display:flex !important;
  align-items:center !important;
  gap:6px !important;
  white-space:nowrap !important;
}

#mshowTopNoticeCarouselV1762 .mshow-top-notice-actions-v1762 button{
  width:30px !important;
  height:30px !important;
  min-width:30px !important;
  border-radius:50% !important;
  padding:0 !important;
}

#mshowTopNoticeCarouselV1762 .mshow-top-notice-actions-v1762 span{
  font-size:.68rem !important;
  color:#c8bdcc !important;
}

/* ---------- Double ticker ---------- */
.mshow-double-ticker-v17617{
  padding:4px 8px 6px !important;
  gap:4px !important;
  background:#0b0810 !important;
  border-bottom:1px solid rgba(255,255,255,.07) !important;
}

.mshow-ticker-row-v17617{
  min-height:34px !important;
  height:34px !important;
  border-radius:10px !important;
  background:linear-gradient(90deg,#2b113e 0%,#7c216d 52%,#1f506f 100%) !important;
  border:1px solid rgba(255,255,255,.08) !important;
  overflow:hidden !important;
}

.mshow-ticker-track-v17617{
  gap:36px !important;
  height:100% !important;
  align-items:center !important;
}

.mshow-ticker-item-v17617{
  padding:0 10px !important;
  font-size:.75rem !important;
  line-height:1 !important;
  gap:8px !important;
}

.mshow-ticker-dot-v17617{
  width:7px !important;
  height:7px !important;
}

/* Start fully off-screen instead of showing a chopped phrase. */
.mshow-ticker-row-v17617[data-direction="rtl"] .mshow-ticker-track-v17617{
  animation:mshowTickerCleanLeftV17627 var(--ticker-speed,30s) linear infinite !important;
}

.mshow-ticker-row-v17617[data-direction="ltr"] .mshow-ticker-track-v17617{
  animation:mshowTickerCleanRightV17627 var(--ticker-speed,30s) linear infinite !important;
}

@keyframes mshowTickerCleanLeftV17627{
  0%{transform:translateX(100vw)}
  100%{transform:translateX(-100%)}
}

@keyframes mshowTickerCleanRightV17627{
  0%{transform:translateX(-100%)}
  100%{transform:translateX(100vw)}
}

/* ---------- Desktop relationship to header ---------- */
.public-topbar-v1762{
  margin-top:0 !important;
}

/* ---------- Mobile ---------- */
@media(max-width:760px){
  #mshowTopNoticeCarouselV1762{
    padding:5px 7px !important;
  }

  #mshowTopNoticeCarouselV1762 .mshow-top-notice-shell-v1762{
    width:100% !important;
    min-height:52px !important;
    padding:7px 9px !important;
    grid-template-columns:auto minmax(0,1fr) !important;
    gap:8px !important;
    border-radius:14px !important;
  }

  #mshowTopNoticeCarouselV1762 .mshow-top-notice-label-v1762{
    padding:6px 8px !important;
    font-size:.66rem !important;
  }

  #mshowTopNoticeCarouselV1762 .mshow-top-notice-content-v1762{
    display:block !important;
  }

  #mshowTopNoticeCarouselV1762 .mshow-top-notice-content-v1762 strong{
    display:block !important;
    font-size:.78rem !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
  }

  #mshowTopNoticeCarouselV1762 .mshow-top-notice-content-v1762 span{
    display:block !important;
    margin-top:2px !important;
    font-size:.69rem !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
  }

  #mshowTopNoticeCarouselV1762 .mshow-top-notice-actions-v1762{
    grid-column:1/-1 !important;
    justify-content:flex-end !important;
    margin-top:-2px !important;
  }

  #mshowTopNoticeCarouselV1762 .mshow-top-notice-actions-v1762 button{
    width:27px !important;
    height:27px !important;
    min-width:27px !important;
  }

  .mshow-double-ticker-v17617{
    padding:3px 6px 5px !important;
  }

  .mshow-ticker-row-v17617{
    min-height:30px !important;
    height:30px !important;
    border-radius:9px !important;
  }

  .mshow-ticker-item-v17617{
    font-size:.68rem !important;
    padding:0 8px !important;
  }
}

/* Accessibility */
@media(prefers-reduced-motion:reduce){
  .mshow-ticker-track-v17617{
    animation:none !important;
    transform:none !important;
  }
}