/* =================================================================
   Internal pages — shared styling taken from Events.psd.
   Loaded after each page's own stylesheet.
   PSD values: yellow #FDCE16, button yellow #FFCC33, text #000/#161616,
   headings Raleway, body copy Open Sans, 24px-radius pill buttons,
   35px thin-ring slider arrows (#1b1b1b at 50%).
   ================================================================= */

/* ---------- Pill buttons (PLAY / INFO / LIKE) ---------- */
.movies-pill,
.shows-pill {
  border-radius: 24px;
  font-family: "Raleway", sans-serif;
  font-weight: 700;
}

.movies-pill-play,
.movies-pill-info,
.shows-pill-play,
.shows-pill-info {
  background: #ffcc33;
  color: #272727;
}

.movies-pill-like,
.shows-pill-like {
  background: #000;
  color: #fff;
}

/* ---------- Body copy ---------- */
.awards-desc,
.ptown-hero-copy p {
  font-family: "Open Sans", sans-serif;
}

.awards-desc {
  color: #161616;
}

/* ---------- Slider arrows (desktop, where they sit beside the content) ---------- */
@media (min-width: 1101px) {
  .showcase-page-hero .hero-arrow,
  .movies-hero-stage .hero-arrow,
  .movies-hero-wrap .movies-hero-arrow,
  .shows-hero-wrap .shows-hero-arrow,
  .ptown-hero-arrow,
  .awards-arrow,
  .award-detail-arrow {
    width: 35px !important;
    height: 35px !important;
    padding: 0 !important;
    border: 2px solid rgba(27, 27, 27, 0.5) !important;
    border-radius: 50% !important;
    background: transparent !important;
    box-shadow: none !important;
    color: rgba(27, 27, 27, 0.5) !important;
    font-size: 0 !important;
    line-height: 1 !important;
  }

  .showcase-page-hero .hero-arrow::before,
  .movies-hero-stage .hero-arrow::before,
  .movies-hero-wrap .movies-hero-arrow::before,
  .shows-hero-wrap .shows-hero-arrow::before,
  .ptown-hero-arrow::before,
  .awards-arrow::before,
  .award-detail-arrow::before {
    content: "\2190";
    font-family: "Open Sans", sans-serif;
    font-size: 20px;
    line-height: 1;
  }

  .hero-arrow.next::before,
  [data-role$="next"]::before,
  .award-detail-arrow[aria-label^="Next"]::before {
    content: "\2192" !important;
  }
}