:root, .ipsApp {
  --primary: #e50914;
  --primary-hover: #ff3344;
  --pf30-accent: #e50914;
  --theme-brand_primary: 229, 9, 20;
  --theme-important_button: 229, 9, 20;
  --theme-link: 255, 86, 101;
}

.coolButton.orange,
#homeLauncher .options .coolButton.orange,
.btn-primary,
.vb_popup_actions .vb_popup_btn {
  background: #e50914 !important;
  border-color: #e50914 !important;
  color: #fff !important;
}
.coolButton.orange:hover,
#homeLauncher .options .coolButton.orange:hover,
.btn-primary:hover,
.vb_popup_actions .vb_popup_btn:hover {
  background: #ff3344 !important;
  border-color: #ff3344 !important;
  color: #fff !important;
}
.coolButton.orange svg,
#homeLauncher .options .coolButton.orange svg {
  fill: #fff !important;
  color: #fff !important;
}
#yt__acme_header .ipsNavBar_active > a,
.header-nav .nav-link.active {
  background: rgba(229, 9, 20, .16) !important;
  color: #ff5665 !important;
}
.etabs li.tab.active,
.etabs li.tab.active a,
#vbTabSlider .etabs .tab.active,
#vbTabSliderCategory .etabs .tab.active {
  border-color: #e50914 !important;
}
.site-logo:focus-visible, a:focus-visible, button:focus-visible {
  outline-color: #ff5665;
}
.meta-info .nota, .rating, .rating-badge {
  color: #ff5665 !important;
}

/* Rounded outline play, without the filled icon inherited from the archive. */
#homeLauncher .options .coolButton.orange .pc-play-outline,
#homeLauncher .options .coolButton.orange .pc-play-outline path {
  fill: none !important;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
}
@media (max-width: 600px) {
  #homeLauncher .options {
    flex-wrap: nowrap !important;
    gap: 8px !important;
  }
  #homeLauncher .options .coolButton,
  #homeLauncher .options .coolButton:hover,
  #homeLauncher .options .coolButton:focus,
  #homeLauncher .options .coolButton:active {
    flex: 1 1 0 !important;
    min-width: 0 !important;
    max-width: 190px !important;
    margin: 0 !important;
    padding: 0 8px !important;
    gap: 6px !important;
    justify-content: center !important;
    font-size: clamp(10px, 3vw, 13px) !important;
    letter-spacing: 0 !important;
    white-space: nowrap !important;
  }
  #homeLauncher .options .coolButton svg {
    position: static !important;
    flex: 0 0 18px !important;
  }
}
/* Page controls only: the advertising notice keeps its original colors. */
#extraFields .cat {
  color: #ff5665 !important;
  background-color: rgba(229, 9, 20, .16) !important;
}
.vbEpisodes__accent,
#view .tabs .item.active,
#view .servers-list .server.active {
  background: #e50914 !important;
}
#view .tabs .item:hover,
#view .servers-list .server:hover {
  background: #b70710 !important;
}
#extraFields h2.one, #extraFields .extra.one,
#extraFields .extra.one .meta-info, #extraFields .extra.one > span,
.topbar .controles a,
.vbNav-prev, .vbNav-next, .vbNav-list {
  color: #ff5665 !important;
}
.vbEpisodeCard.is-last-watched {
  background: rgba(229, 9, 20, .06) !important;
  border-color: rgba(229, 9, 20, .45) !important;
  box-shadow: 0 0 0 1px rgba(229, 9, 20, .25) !important;
}
.vbEpisodeCard.is-last-watched:hover,
.vbEpisodeCard__edit:hover,
.site-episode:hover, .site-episode.active {
  background: rgba(229, 9, 20, .12) !important;
  border-color: #e50914 !important;
}
.vbEpisodeCard__edit:hover { color: #ff5665 !important; }
.vbSeasonSelect__option.is-active, .vbAudioSelect__option.is-active,
.vbSeasonSelect__option:hover, .vbAudioSelect__option:hover,
#elMobileDrawer .ipsDrawer_list > li > a:hover,
#elMobileDrawer .ipsDrawer_list > li > a:active {
  color: #ff5665 !important;
  background: rgba(229, 9, 20, .12) !important;
}
#vbRelatedSlider .vbSection-title-symbol { background-color: #e50914 !important; }
@media (max-width: 767px) {
  .vbEpisodeCard:not(:has(.vbEpisodeCard__edit)) .vbEpisodeCard__link::after {
    content: "" !important;
    width: 20px;
    height: 20px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ff5665' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m9 5 7 7-7 7'/%3E%3C/svg%3E") center / contain no-repeat;
  }
}