/*
|--------------------------------------------------------------------------
| Pajhwok Video News + Shorts Dark / Light Client Fix
|--------------------------------------------------------------------------
| This file must be loaded after:
| - pajhwok-video-news/assets/css/pajhwok-video-news.css
| - pajhwok-shorts/assets/css/pajhwok-shorts.css
|--------------------------------------------------------------------------
*/

/*
|--------------------------------------------------------------------------
| Strong dark root variables
|--------------------------------------------------------------------------
*/

html[data-theme='dark'],
html.pjw-theme-dark,
body.pjw-theme-dark {
  --pjw-bg: #181818;
  --pjw-body-bg: #181818;
  --pjw-surface: #1d1d1d;
  --pjw-surface-soft: #20242b;
  --pjw-surface-muted: #252a33;
  --pjw-card-bg: #20242b;
  --pjw-card-bg-hover: #252a33;
  --pjw-heading: #f3f6fb;
  --pjw-text: #d7dce5;
  --pjw-muted: #a5adba;
  --pjw-border: #343a46;
  --pjw-border-strong: #4b5565;
  --pjw-primary: #8bb8ff;
  --pjw-primary-dark: #dce9ff;
  --pjw-accent: #4da3d9;
  --pjw-gold: #d5a044;
  --pjw-link: #9fc7ff;
  --pjw-link-hover: #c6dcff;
  --pjw-shadow-sm: 0 10px 24px rgba(0, 0, 0, 0.26);
  --pjw-shadow: 0 16px 38px rgba(0, 0, 0, 0.34);
  --pjw-focus-ring: rgba(77, 163, 217, 0.34);
}

/*
|--------------------------------------------------------------------------
| Homepage wrappers
|--------------------------------------------------------------------------
*/

html[data-theme='dark'] body,
html.pjw-theme-dark body,
body.pjw-theme-dark {
  background: #181818 !important;
  color: #d7dce5 !important;
}

html[data-theme='dark'] .homepage-v2,
html.pjw-theme-dark .homepage-v2,
body.pjw-theme-dark .homepage-v2,
html[data-theme='dark'] .pajhwok-home-page,
html.pjw-theme-dark .pajhwok-home-page,
body.pjw-theme-dark .pajhwok-home-page,
html[data-theme='dark'] main.site-main,
html.pjw-theme-dark main.site-main,
body.pjw-theme-dark main.site-main {
  background: #181818 !important;
  color: #d7dce5 !important;
}

/*
|--------------------------------------------------------------------------
| Pajhwok Video News - section variables
|--------------------------------------------------------------------------
*/

html[data-theme='dark'] .pjw-video-news-section,
html.pjw-theme-dark .pjw-video-news-section,
body.pjw-theme-dark .pjw-video-news-section,
html[data-theme='dark'] .pjw-video-news-archive,
html.pjw-theme-dark .pjw-video-news-archive,
body.pjw-theme-dark .pjw-video-news-archive,
html[data-theme='dark'] .pjw-video-news-archive-list-wrap,
html.pjw-theme-dark .pjw-video-news-archive-list-wrap,
body.pjw-theme-dark .pjw-video-news-archive-list-wrap {
  --pjw-video-news-brand: #8bb8ff;
  --pjw-video-news-brand-dark: #f3f6fb;
  --pjw-video-news-accent: #4da3d9;
  --pjw-video-news-gold: #d5a044;
  --pjw-video-news-white: #ffffff;
  --pjw-video-news-text: #d7dce5;
  --pjw-video-news-heading: #f3f6fb;
  --pjw-video-news-muted: #a5adba;
  --pjw-video-news-border: #343a46;
  --pjw-video-news-border-strong: #4b5565;
  --pjw-video-news-soft: #20242b;
  --pjw-video-news-bg: #181818;
  --pjw-video-news-card-bg: #20242b;
  --pjw-video-news-card-hover: #252a33;
  --pjw-video-news-surface-muted: #252a33;
  --pjw-video-news-shadow-sm: 0 10px 24px rgba(0, 0, 0, 0.26);
  --pjw-video-news-shadow: 0 16px 38px rgba(0, 0, 0, 0.34);

  background: #181818 !important;
  color: #d7dce5 !important;
}

/*
|--------------------------------------------------------------------------
| Pajhwok Video News - homepage
|--------------------------------------------------------------------------
*/

html[data-theme='dark'] .pjw-video-news-section,
html.pjw-theme-dark .pjw-video-news-section,
body.pjw-theme-dark .pjw-video-news-section {
  background: #181818 !important;
  color: #d7dce5 !important;
}

html[data-theme='dark'] .pjw-video-news-container,
html.pjw-theme-dark .pjw-video-news-container,
body.pjw-theme-dark .pjw-video-news-container {
  background: transparent !important;
  color: inherit !important;
}

html[data-theme='dark'] .pjw-video-news-header,
html.pjw-theme-dark .pjw-video-news-header,
body.pjw-theme-dark .pjw-video-news-header {
  border-bottom-color: #8bb8ff !important;
}

html[data-theme='dark'] .pjw-video-news-eyebrow,
html.pjw-theme-dark .pjw-video-news-eyebrow,
body.pjw-theme-dark .pjw-video-news-eyebrow {
  color: #4da3d9 !important;
}

html[data-theme='dark'] .pjw-video-news-eyebrow::before,
html.pjw-theme-dark .pjw-video-news-eyebrow::before,
body.pjw-theme-dark .pjw-video-news-eyebrow::before {
  background: #4da3d9 !important;
}

html[data-theme='dark'] .pjw-video-news-section-title,
html.pjw-theme-dark .pjw-video-news-section-title,
body.pjw-theme-dark .pjw-video-news-section-title,
html[data-theme='dark'] .pjw-video-news-title,
html.pjw-theme-dark .pjw-video-news-title,
body.pjw-theme-dark .pjw-video-news-title {
  color: #f3f6fb !important;
}

html[data-theme='dark'] .pjw-video-news-section-subtitle,
html.pjw-theme-dark .pjw-video-news-section-subtitle,
body.pjw-theme-dark .pjw-video-news-section-subtitle,
html[data-theme='dark'] .pjw-video-news-meta,
html.pjw-theme-dark .pjw-video-news-meta,
body.pjw-theme-dark .pjw-video-news-meta,
html[data-theme='dark'] .pjw-video-news-description,
html.pjw-theme-dark .pjw-video-news-description,
body.pjw-theme-dark .pjw-video-news-description {
  color: #a5adba !important;
}

html[data-theme='dark'] .pjw-video-news-featured-card,
html.pjw-theme-dark .pjw-video-news-featured-card,
body.pjw-theme-dark .pjw-video-news-featured-card {
  background: #20242b !important;
  border-color: #343a46 !important;
  color: #d7dce5 !important;
  box-shadow: none !important;
}

html[data-theme='dark'] .pjw-video-news-featured-card:hover,
html.pjw-theme-dark .pjw-video-news-featured-card:hover,
body.pjw-theme-dark .pjw-video-news-featured-card:hover,
html[data-theme='dark'] .pjw-video-news-featured-card:focus-within,
html.pjw-theme-dark .pjw-video-news-featured-card:focus-within,
body.pjw-theme-dark .pjw-video-news-featured-card:focus-within {
  border-color: #4b5565 !important;
  box-shadow: 0 16px 38px rgba(0, 0, 0, 0.34) !important;
}

html[data-theme='dark'] .pjw-video-news-featured-content,
html.pjw-theme-dark .pjw-video-news-featured-content,
body.pjw-theme-dark .pjw-video-news-featured-content {
  background: linear-gradient(180deg, #20242b 0%, #1d2027 100%) !important;
  color: #d7dce5 !important;
}

html[data-theme='dark'] .pjw-video-news-featured-media,
html.pjw-theme-dark .pjw-video-news-featured-media,
body.pjw-theme-dark .pjw-video-news-featured-media,
html[data-theme='dark'] .pjw-video-news-player,
html.pjw-theme-dark .pjw-video-news-player,
body.pjw-theme-dark .pjw-video-news-player,
html[data-theme='dark'] .pjw-video-news-player iframe,
html.pjw-theme-dark .pjw-video-news-player iframe,
body.pjw-theme-dark .pjw-video-news-player iframe {
  background: #000000 !important;
}

html[data-theme='dark'] .pjw-video-news-latest-label,
html.pjw-theme-dark .pjw-video-news-latest-label,
body.pjw-theme-dark .pjw-video-news-latest-label {
  background: rgba(139, 184, 255, 0.14) !important;
  color: #9fc7ff !important;
}

html[data-theme='dark'] .pjw-video-news-meta-dot,
html.pjw-theme-dark .pjw-video-news-meta-dot,
body.pjw-theme-dark .pjw-video-news-meta-dot {
  background: #4b5565 !important;
}

html[data-theme='dark'] .pjw-video-news-archive-link,
html.pjw-theme-dark .pjw-video-news-archive-link,
body.pjw-theme-dark .pjw-video-news-archive-link,
html[data-theme='dark'] .pjw-video-news-read-more,
html.pjw-theme-dark .pjw-video-news-read-more,
body.pjw-theme-dark .pjw-video-news-read-more {
  background: #20242b !important;
  color: #9fc7ff !important;
  border-color: #8bb8ff !important;
}

html[data-theme='dark'] .pjw-video-news-archive-link:hover,
html.pjw-theme-dark .pjw-video-news-archive-link:hover,
body.pjw-theme-dark .pjw-video-news-archive-link:hover,
html[data-theme='dark'] .pjw-video-news-archive-link:focus,
html.pjw-theme-dark .pjw-video-news-archive-link:focus,
body.pjw-theme-dark .pjw-video-news-archive-link:focus,
html[data-theme='dark'] .pjw-video-news-read-more:hover,
html.pjw-theme-dark .pjw-video-news-read-more:hover,
body.pjw-theme-dark .pjw-video-news-read-more:hover,
html[data-theme='dark'] .pjw-video-news-read-more:focus,
html.pjw-theme-dark .pjw-video-news-read-more:focus,
body.pjw-theme-dark .pjw-video-news-read-more:focus {
  background: #8bb8ff !important;
  color: #07111f !important;
  border-color: #8bb8ff !important;
}

/*
|--------------------------------------------------------------------------
| Pajhwok Video News - archive
|--------------------------------------------------------------------------
*/

html[data-theme='dark'] .pjw-video-news-archive,
html.pjw-theme-dark .pjw-video-news-archive,
body.pjw-theme-dark .pjw-video-news-archive {
  background: #181818 !important;
  color: #d7dce5 !important;
}

html[data-theme='dark'] .pjw-video-news-archive-hero,
html.pjw-theme-dark .pjw-video-news-archive-hero,
body.pjw-theme-dark .pjw-video-news-archive-hero {
  background: linear-gradient(180deg, #181818 0%, #20242b 100%) !important;
}

html[data-theme='dark'] .pjw-video-news-archive-hero__inner,
html.pjw-theme-dark .pjw-video-news-archive-hero__inner,
body.pjw-theme-dark .pjw-video-news-archive-hero__inner {
  border-bottom-color: #8bb8ff !important;
}

html[data-theme='dark'] .pjw-video-news-archive-title,
html.pjw-theme-dark .pjw-video-news-archive-title,
body.pjw-theme-dark .pjw-video-news-archive-title {
  color: #f3f6fb !important;
}

html[data-theme='dark'] .pjw-video-news-archive-subtitle,
html.pjw-theme-dark .pjw-video-news-archive-subtitle,
body.pjw-theme-dark .pjw-video-news-archive-subtitle {
  color: #a5adba !important;
}

html[data-theme='dark'] .pjw-video-news-archive-body,
html.pjw-theme-dark .pjw-video-news-archive-body,
body.pjw-theme-dark .pjw-video-news-archive-body {
  background: #181818 !important;
}

html[data-theme='dark'] .pjw-video-news-archive-card,
html.pjw-theme-dark .pjw-video-news-archive-card,
body.pjw-theme-dark .pjw-video-news-archive-card {
  background: #20242b !important;
  border-color: #343a46 !important;
  color: #d7dce5 !important;
}

html[data-theme='dark'] .pjw-video-news-archive-card:hover,
html.pjw-theme-dark .pjw-video-news-archive-card:hover,
body.pjw-theme-dark .pjw-video-news-archive-card:hover,
html[data-theme='dark'] .pjw-video-news-archive-card:focus-within,
html.pjw-theme-dark .pjw-video-news-archive-card:focus-within,
body.pjw-theme-dark .pjw-video-news-archive-card:focus-within {
  border-color: #4b5565 !important;
  box-shadow: 0 16px 38px rgba(0, 0, 0, 0.34) !important;
}

html[data-theme='dark'] .pjw-video-news-archive-card__content,
html.pjw-theme-dark .pjw-video-news-archive-card__content,
body.pjw-theme-dark .pjw-video-news-archive-card__content {
  background: #20242b !important;
  color: #d7dce5 !important;
}

html[data-theme='dark'] .pjw-video-news-archive-card__media,
html.pjw-theme-dark .pjw-video-news-archive-card__media,
body.pjw-theme-dark .pjw-video-news-archive-card__media {
  background: #000000 !important;
}

html[data-theme='dark'] .pjw-video-news-archive-card__title,
html.pjw-theme-dark .pjw-video-news-archive-card__title,
body.pjw-theme-dark .pjw-video-news-archive-card__title {
  color: #f3f6fb !important;
}

html[data-theme='dark'] .pjw-video-news-archive-card__details,
html.pjw-theme-dark .pjw-video-news-archive-card__details,
body.pjw-theme-dark .pjw-video-news-archive-card__details,
html[data-theme='dark'] .pjw-video-news-archive-card__details p,
html.pjw-theme-dark .pjw-video-news-archive-card__details p,
body.pjw-theme-dark .pjw-video-news-archive-card__details p {
  color: #a5adba !important;
}

html[data-theme='dark'] .pjw-video-news-empty,
html.pjw-theme-dark .pjw-video-news-empty,
body.pjw-theme-dark .pjw-video-news-empty {
  background: #20242b !important;
  border-color: #343a46 !important;
  color: #d7dce5 !important;
}

html[data-theme='dark'] .pjw-video-news-empty h2,
html.pjw-theme-dark .pjw-video-news-empty h2,
body.pjw-theme-dark .pjw-video-news-empty h2 {
  color: #f3f6fb !important;
}

html[data-theme='dark'] .pjw-video-news-empty p,
html.pjw-theme-dark .pjw-video-news-empty p,
body.pjw-theme-dark .pjw-video-news-empty p {
  color: #a5adba !important;
}

html[data-theme='dark'] .pjw-video-news-admin-front-notice,
html.pjw-theme-dark .pjw-video-news-admin-front-notice,
body.pjw-theme-dark .pjw-video-news-admin-front-notice {
  border-color: rgba(213, 160, 68, 0.38) !important;
  background: rgba(213, 160, 68, 0.12) !important;
  color: #f1d38a !important;
}

/*
|--------------------------------------------------------------------------
| Pajhwok Shorts - section variables
|--------------------------------------------------------------------------
*/

html[data-theme='dark'] .pjw-shorts-section,
html.pjw-theme-dark .pjw-shorts-section,
body.pjw-theme-dark .pjw-shorts-section,
html[data-theme='dark'] .pjw-shorts-archive,
html.pjw-theme-dark .pjw-shorts-archive,
body.pjw-theme-dark .pjw-shorts-archive {
  --pjw-shorts-brand: #8bb8ff;
  --pjw-shorts-brand-dark: #f3f6fb;
  --pjw-shorts-accent: #4da3d9;
  --pjw-shorts-gold: #d5a044;
  --pjw-shorts-white: #ffffff;
  --pjw-shorts-text: #d7dce5;
  --pjw-shorts-heading: #f3f6fb;
  --pjw-shorts-muted: #a5adba;
  --pjw-shorts-border: #343a46;
  --pjw-shorts-border-strong: #4b5565;
  --pjw-shorts-soft: #20242b;
  --pjw-shorts-bg: #181818;
  --pjw-shorts-card-bg: #20242b;
  --pjw-shorts-card-hover: #252a33;
  --pjw-shorts-surface-muted: #252a33;
  --pjw-shorts-shadow-sm: 0 10px 24px rgba(0, 0, 0, 0.26);
  --pjw-shorts-shadow: 0 16px 38px rgba(0, 0, 0, 0.34);

  background: #181818 !important;
  color: #d7dce5 !important;
}

/*
|--------------------------------------------------------------------------
| Pajhwok Shorts - homepage slider
|--------------------------------------------------------------------------
*/

html[data-theme='dark'] .pjw-shorts-section,
html.pjw-theme-dark .pjw-shorts-section,
body.pjw-theme-dark .pjw-shorts-section {
  background: #181818 !important;
  color: #d7dce5 !important;
}

html[data-theme='dark'] .pjw-shorts-container,
html.pjw-theme-dark .pjw-shorts-container,
body.pjw-theme-dark .pjw-shorts-container,
html[data-theme='dark'] .pjw-shorts-shell,
html.pjw-theme-dark .pjw-shorts-shell,
body.pjw-theme-dark .pjw-shorts-shell {
  background: transparent !important;
  color: inherit !important;
}

html[data-theme='dark'] .pjw-shorts-header,
html.pjw-theme-dark .pjw-shorts-header,
body.pjw-theme-dark .pjw-shorts-header {
  border-bottom-color: #8bb8ff !important;
}

html[data-theme='dark'] .pjw-shorts-eyebrow,
html.pjw-theme-dark .pjw-shorts-eyebrow,
body.pjw-theme-dark .pjw-shorts-eyebrow {
  color: #4da3d9 !important;
}

html[data-theme='dark'] .pjw-shorts-eyebrow::before,
html.pjw-theme-dark .pjw-shorts-eyebrow::before,
body.pjw-theme-dark .pjw-shorts-eyebrow::before {
  background: #4da3d9 !important;
}

html[data-theme='dark'] .pjw-shorts-title,
html.pjw-theme-dark .pjw-shorts-title,
body.pjw-theme-dark .pjw-shorts-title {
  color: #f3f6fb !important;
}

html[data-theme='dark'] .pjw-shorts-subtitle,
html.pjw-theme-dark .pjw-shorts-subtitle,
body.pjw-theme-dark .pjw-shorts-subtitle {
  color: #a5adba !important;
}

html[data-theme='dark'] .pjw-shorts-archive-link,
html.pjw-theme-dark .pjw-shorts-archive-link,
body.pjw-theme-dark .pjw-shorts-archive-link {
  background: #20242b !important;
  color: #9fc7ff !important;
  border-color: #8bb8ff !important;
}

html[data-theme='dark'] .pjw-shorts-archive-link:hover,
html.pjw-theme-dark .pjw-shorts-archive-link:hover,
body.pjw-theme-dark .pjw-shorts-archive-link:hover,
html[data-theme='dark'] .pjw-shorts-archive-link:focus,
html.pjw-theme-dark .pjw-shorts-archive-link:focus,
body.pjw-theme-dark .pjw-shorts-archive-link:focus {
  background: #8bb8ff !important;
  color: #07111f !important;
  border-color: #8bb8ff !important;
}

html[data-theme='dark'] .pjw-shorts-track,
html.pjw-theme-dark .pjw-shorts-track,
body.pjw-theme-dark .pjw-shorts-track {
  background: transparent !important;
}

html[data-theme='dark'] .pjw-shorts-card,
html.pjw-theme-dark .pjw-shorts-card,
body.pjw-theme-dark .pjw-shorts-card {
  background: #050505 !important;
  color: #ffffff !important;
}

html[data-theme='dark'] .pjw-shorts-media,
html.pjw-theme-dark .pjw-shorts-media,
body.pjw-theme-dark .pjw-shorts-media,
html[data-theme='dark'] .pjw-shorts-preview,
html.pjw-theme-dark .pjw-shorts-preview,
body.pjw-theme-dark .pjw-shorts-preview {
  background: #000000 !important;
}

html[data-theme='dark'] .pjw-shorts-media img,
html.pjw-theme-dark .pjw-shorts-media img,
body.pjw-theme-dark .pjw-shorts-media img {
  opacity: 0.94 !important;
}

html[data-theme='dark'] .pjw-shorts-card:hover .pjw-shorts-media img,
html.pjw-theme-dark .pjw-shorts-card:hover .pjw-shorts-media img,
body.pjw-theme-dark .pjw-shorts-card:hover .pjw-shorts-media img,
html[data-theme='dark'] .pjw-shorts-card:focus-visible .pjw-shorts-media img,
html.pjw-theme-dark .pjw-shorts-card:focus-visible .pjw-shorts-media img,
body.pjw-theme-dark .pjw-shorts-card:focus-visible .pjw-shorts-media img {
  opacity: 1 !important;
}

html[data-theme='dark'] .pjw-shorts-gradient,
html.pjw-theme-dark .pjw-shorts-gradient,
body.pjw-theme-dark .pjw-shorts-gradient {
  background: linear-gradient(
    180deg,
    rgba(0, 0, 0, 0.12) 0%,
    rgba(0, 0, 0, 0.04) 25%,
    rgba(0, 0, 0, 0.46) 66%,
    rgba(0, 0, 0, 0.94) 100%
  ) !important;
}

html[data-theme='dark'] .pjw-shorts-play,
html.pjw-theme-dark .pjw-shorts-play,
body.pjw-theme-dark .pjw-shorts-play {
  background: rgba(243, 246, 251, 0.94) !important;
  color: #0b2f63 !important;
  box-shadow: 0 10px 26px rgba(0, 0, 0, 0.34) !important;
}

html[data-theme='dark'] .pjw-shorts-card-title,
html.pjw-theme-dark .pjw-shorts-card-title,
body.pjw-theme-dark .pjw-shorts-card-title {
  color: #ffffff !important;
}

html[data-theme='dark'] .pjw-shorts-meta,
html.pjw-theme-dark .pjw-shorts-meta,
body.pjw-theme-dark .pjw-shorts-meta {
  color: rgba(255, 255, 255, 0.88) !important;
}

html[data-theme='dark'] .pjw-shorts-language,
html.pjw-theme-dark .pjw-shorts-language,
body.pjw-theme-dark .pjw-shorts-language {
  background: rgba(255, 255, 255, 0.18) !important;
}

html[data-theme='dark'] .pjw-shorts-nav,
html.pjw-theme-dark .pjw-shorts-nav,
body.pjw-theme-dark .pjw-shorts-nav {
  background: rgba(43, 48, 58, 0.94) !important;
  color: #f3f6fb !important;
  border-color: rgba(255, 255, 255, 0.18) !important;
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.34) !important;
}

html[data-theme='dark'] .pjw-shorts-nav:hover,
html.pjw-theme-dark .pjw-shorts-nav:hover,
body.pjw-theme-dark .pjw-shorts-nav:hover,
html[data-theme='dark'] .pjw-shorts-nav:focus-visible,
html.pjw-theme-dark .pjw-shorts-nav:focus-visible,
body.pjw-theme-dark .pjw-shorts-nav:focus-visible {
  background: #4da3d9 !important;
  color: #07111f !important;
}

/*
|--------------------------------------------------------------------------
| Pajhwok Shorts - modal
|--------------------------------------------------------------------------
*/

html[data-theme='dark'] .pjw-shorts-modal-backdrop,
html.pjw-theme-dark .pjw-shorts-modal-backdrop,
body.pjw-theme-dark .pjw-shorts-modal-backdrop {
  background: rgba(0, 0, 0, 0.92) !important;
}

html[data-theme='dark'] .pjw-shorts-modal-dialog,
html.pjw-theme-dark .pjw-shorts-modal-dialog,
body.pjw-theme-dark .pjw-shorts-modal-dialog,
html[data-theme='dark'] .pjw-shorts-modal-player,
html.pjw-theme-dark .pjw-shorts-modal-player,
body.pjw-theme-dark .pjw-shorts-modal-player,
html[data-theme='dark'] .pjw-shorts-modal-player iframe,
html.pjw-theme-dark .pjw-shorts-modal-player iframe,
body.pjw-theme-dark .pjw-shorts-modal-player iframe {
  background: #000000 !important;
}

html[data-theme='dark'] .pjw-shorts-modal-close,
html.pjw-theme-dark .pjw-shorts-modal-close,
body.pjw-theme-dark .pjw-shorts-modal-close,
html[data-theme='dark'] .pjw-shorts-modal-nav,
html.pjw-theme-dark .pjw-shorts-modal-nav,
body.pjw-theme-dark .pjw-shorts-modal-nav {
  background: rgba(43, 48, 58, 0.94) !important;
  color: #f3f6fb !important;
}

html[data-theme='dark'] .pjw-shorts-modal-close:hover,
html.pjw-theme-dark .pjw-shorts-modal-close:hover,
body.pjw-theme-dark .pjw-shorts-modal-close:hover,
html[data-theme='dark'] .pjw-shorts-modal-close:focus-visible,
html.pjw-theme-dark .pjw-shorts-modal-close:focus-visible,
body.pjw-theme-dark .pjw-shorts-modal-close:focus-visible,
html[data-theme='dark'] .pjw-shorts-modal-nav:hover,
html.pjw-theme-dark .pjw-shorts-modal-nav:hover,
body.pjw-theme-dark .pjw-shorts-modal-nav:hover,
html[data-theme='dark'] .pjw-shorts-modal-nav:focus-visible,
html.pjw-theme-dark .pjw-shorts-modal-nav:focus-visible,
body.pjw-theme-dark .pjw-shorts-modal-nav:focus-visible {
  background: #4da3d9 !important;
  color: #07111f !important;
}

/*
|--------------------------------------------------------------------------
| Pajhwok Shorts - archive
|--------------------------------------------------------------------------
*/

html[data-theme='dark'] .pjw-shorts-archive,
html.pjw-theme-dark .pjw-shorts-archive,
body.pjw-theme-dark .pjw-shorts-archive {
  background: #181818 !important;
  color: #d7dce5 !important;
}

html[data-theme='dark'] .pjw-shorts-archive-hero,
html.pjw-theme-dark .pjw-shorts-archive-hero,
body.pjw-theme-dark .pjw-shorts-archive-hero {
  background: linear-gradient(180deg, #181818 0%, #20242b 100%) !important;
}

html[data-theme='dark'] .pjw-shorts-archive-hero__inner,
html.pjw-theme-dark .pjw-shorts-archive-hero__inner,
body.pjw-theme-dark .pjw-shorts-archive-hero__inner {
  border-bottom-color: #8bb8ff !important;
}

html[data-theme='dark'] .pjw-shorts-archive-title,
html.pjw-theme-dark .pjw-shorts-archive-title,
body.pjw-theme-dark .pjw-shorts-archive-title {
  color: #f3f6fb !important;
}

html[data-theme='dark'] .pjw-shorts-archive-subtitle,
html.pjw-theme-dark .pjw-shorts-archive-subtitle,
body.pjw-theme-dark .pjw-shorts-archive-subtitle {
  color: #a5adba !important;
}

html[data-theme='dark'] .pjw-shorts-archive-body,
html.pjw-theme-dark .pjw-shorts-archive-body,
body.pjw-theme-dark .pjw-shorts-archive-body {
  background: #181818 !important;
}

html[data-theme='dark'] .pjw-shorts-empty,
html.pjw-theme-dark .pjw-shorts-empty,
body.pjw-theme-dark .pjw-shorts-empty {
  background: #20242b !important;
  border-color: #343a46 !important;
  color: #d7dce5 !important;
}

html[data-theme='dark'] .pjw-shorts-empty h2,
html.pjw-theme-dark .pjw-shorts-empty h2,
body.pjw-theme-dark .pjw-shorts-empty h2 {
  color: #f3f6fb !important;
}

html[data-theme='dark'] .pjw-shorts-empty p,
html.pjw-theme-dark .pjw-shorts-empty p,
body.pjw-theme-dark .pjw-shorts-empty p {
  color: #a5adba !important;
}

/*
|--------------------------------------------------------------------------
| Safety overrides for hard-coded white blocks inside these two features
|--------------------------------------------------------------------------
*/

html[data-theme='dark'] .pjw-video-news-section [style*='background:#fff'],
html[data-theme='dark'] .pjw-video-news-section [style*='background: #fff'],
html[data-theme='dark']
  .pjw-video-news-section
  [style*='background-color:#fff'],
html[data-theme='dark']
  .pjw-video-news-section
  [style*='background-color: #fff'],
html[data-theme='dark'] .pjw-shorts-section [style*='background:#fff'],
html[data-theme='dark'] .pjw-shorts-section [style*='background: #fff'],
html[data-theme='dark'] .pjw-shorts-section [style*='background-color:#fff'],
html[data-theme='dark'] .pjw-shorts-section [style*='background-color: #fff'],
html.pjw-theme-dark .pjw-video-news-section [style*='background:#fff'],
html.pjw-theme-dark .pjw-video-news-section [style*='background: #fff'],
html.pjw-theme-dark .pjw-video-news-section [style*='background-color:#fff'],
html.pjw-theme-dark .pjw-video-news-section [style*='background-color: #fff'],
html.pjw-theme-dark .pjw-shorts-section [style*='background:#fff'],
html.pjw-theme-dark .pjw-shorts-section [style*='background: #fff'],
html.pjw-theme-dark .pjw-shorts-section [style*='background-color:#fff'],
html.pjw-theme-dark .pjw-shorts-section [style*='background-color: #fff'],
body.pjw-theme-dark .pjw-video-news-section [style*='background:#fff'],
body.pjw-theme-dark .pjw-video-news-section [style*='background: #fff'],
body.pjw-theme-dark .pjw-video-news-section [style*='background-color:#fff'],
body.pjw-theme-dark .pjw-video-news-section [style*='background-color: #fff'],
body.pjw-theme-dark .pjw-shorts-section [style*='background:#fff'],
body.pjw-theme-dark .pjw-shorts-section [style*='background: #fff'],
body.pjw-theme-dark .pjw-shorts-section [style*='background-color:#fff'],
body.pjw-theme-dark .pjw-shorts-section [style*='background-color: #fff'] {
  background: #20242b !important;
  color: #d7dce5 !important;
}

/*
|--------------------------------------------------------------------------
| Light mode safety
|--------------------------------------------------------------------------
*/

html[data-theme='light'] .pjw-video-news-section,
body:not(.pjw-theme-dark) .pjw-video-news-section,
html[data-theme='light'] .pjw-shorts-section,
body:not(.pjw-theme-dark) .pjw-shorts-section {
  background: #ffffff;
}