:root{
  --mgc-datebox-shadow: 0 8px 18px -8px rgba(13,22,46,.35);
}

/* Base reset so the colour rules below have a clean, consistent canvas
   to paint on regardless of which tab/panel the chip lives in. */
.mgc-slider-notices .mgc-notice-item .mgc-notice-date{
  border:none !important;
  border-radius:9px !important;
  padding:7px 0 6px !important;
  box-shadow: var(--mgc-datebox-shadow);
  transition: transform .25s cubic-bezier(.34,1.56,.64,1), box-shadow .25s ease, filter .25s ease;
}
.mgc-slider-notices .mgc-notice-item .mgc-notice-date strong{
  font-size:17px;
  line-height:1.1;
}

/* A gentle lift + brighten on hover of the whole row, echoing the
   "responds to the user" hover language already used elsewhere on the
   page (cards, chips, buttons). */
.mgc-slider-notices .mgc-notice-item:hover .mgc-notice-date{
  transform: translateY(-2px) scale(1.04);
  filter: brightness(1.06);
}

/* ---------- The 6-colour rotation --------------------------------------
   Cycle by row position so College Notice, Latest Events and Tender
   Notice all get the same lively rhythm. Dark, saturated pairs get
   cream text; the one light gold pair gets deep-indigo text so it
   still reads clearly against the card's own pale gold background. */
.mgc-slider-notices .mgc-notice-item:nth-child(6n+1) .mgc-notice-date{
  background: linear-gradient(155deg, var(--mgc-indigo-light), var(--mgc-indigo-deep));
  color:#fff;
  box-shadow: 0 8px 18px -8px rgba(23,37,73,.55);
}
.mgc-slider-notices .mgc-notice-item:nth-child(6n+1) .mgc-notice-date strong{ color:#fff; }

.mgc-slider-notices .mgc-notice-item:nth-child(6n+2) .mgc-notice-date{
  background: linear-gradient(155deg, var(--mgc-terracotta-light), var(--mgc-terracotta-deep));
  color:#fff;
  box-shadow: 0 8px 18px -8px rgba(125,52,22,.55);
}
.mgc-slider-notices .mgc-notice-item:nth-child(6n+2) .mgc-notice-date strong{ color:#fff; }

.mgc-slider-notices .mgc-notice-item:nth-child(6n+3) .mgc-notice-date{
  background: linear-gradient(155deg, var(--mgc-teal-light), var(--mgc-teal));
  color:#fff;
  box-shadow: 0 8px 18px -8px rgba(20,90,82,.55);
}
.mgc-slider-notices .mgc-notice-item:nth-child(6n+3) .mgc-notice-date strong{ color:#fff; }

.mgc-slider-notices .mgc-notice-item:nth-child(6n+4) .mgc-notice-date{
  background: linear-gradient(155deg, var(--mgc-maroon-light), var(--mgc-maroon-deep));
  color:#fff;
  box-shadow: 0 8px 18px -8px rgba(79,20,32,.55);
}
.mgc-slider-notices .mgc-notice-item:nth-child(6n+4) .mgc-notice-date strong{ color:#fff; }

.mgc-slider-notices .mgc-notice-item:nth-child(6n+5) .mgc-notice-date{
  background: linear-gradient(155deg, var(--mgc-purple), var(--mgc-purple-deep));
  color:#fff;
  box-shadow: 0 8px 18px -8px rgba(68,45,128,.55);
}
.mgc-slider-notices .mgc-notice-item:nth-child(6n+5) .mgc-notice-date strong{ color:#fff; }

.mgc-slider-notices .mgc-notice-item:nth-child(6n+6) .mgc-notice-date{
  background: linear-gradient(155deg, #ffe9a8, var(--mgc-gold-deep));
  color: var(--mgc-indigo-deep);
  box-shadow: 0 8px 18px -8px rgba(169,124,34,.5);
}
.mgc-slider-notices .mgc-notice-item:nth-child(6n+6) .mgc-notice-date strong{ color: var(--mgc-indigo-deep); }

/* ---------- Respect reduced motion + print ------------------------------ */
@media (prefers-reduced-motion: reduce){
  .mgc-slider-notices .mgc-notice-item .mgc-notice-date{ transition:none !important; }
  .mgc-slider-notices .mgc-notice-item:hover .mgc-notice-date{ transform:none !important; filter:none !important; }
}

@media print{
  .mgc-slider-notices .mgc-notice-item .mgc-notice-date{
    background:#fff !important; color:#000 !important; box-shadow:none !important;
  }
  .mgc-slider-notices .mgc-notice-item .mgc-notice-date strong{ color:#000 !important; }
}