@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');

/* ==========================================================================
   Adlook theme for MediaCMS — v1 (базовая, рабочая версия)
   
   Палитра:
     #DD5235 — Adlook Red
     #2D2926 — Adlook Dark
     #FFFFFF — White
   ========================================================================== */

:root {
  --brand-red: #DD5235;
  --brand-red-hover: #C8442A;
  --brand-red-light: #FFE7E0;
  --brand-dark: #2D2926;
  --brand-dark-soft: #3A3633;
  --brand-gray: #6B6B6B;
  --brand-beige: #F5F4F2;

  --color-link: var(--brand-red);
  --color-link-hover: var(--brand-red-hover);
  --color-button: var(--brand-red);
  --color-button-hover: var(--brand-red-hover);
  --color-button-text: #FFFFFF;
  --color-headers-text: var(--brand-dark);
  --color-text: var(--brand-dark);
  --color-text-secondary: var(--brand-gray);
  --color-page-background: #FFFFFF;
  --color-content-background: #FFFFFF;
  --color-input-focus-border: var(--brand-red);
}

.dark-theme,
[data-theme="dark"] {
  --color-link: #FF6B4F;
  --color-link-hover: #FF8366;
  --color-button: var(--brand-red);
  --color-button-hover: #FF6B4F;
  --color-text: #F0EDE9;
  --color-headers-text: #FFFFFF;
  --color-page-background: var(--brand-dark);
  --color-content-background: #3A3633;
}

body,
input,
button,
textarea,
select {
  font-family: 'Manrope', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Manrope', sans-serif !important;
  font-weight: 800 !important;
  letter-spacing: -0.02em;
}

/* Кнопки */
.button,
.btn,
button.primary,
.upload-media-button,
button[type="submit"]:not(.secondary) {
  background-color: var(--brand-red) !important;
  color: #FFFFFF !important;
  border: none !important;
  border-radius: 8px !important;
  font-weight: 700 !important;
  text-transform: none;
  letter-spacing: 0.01em;
  padding: 10px 20px !important;
  transition: all 0.18s ease !important;
}

.button:hover,
.btn:hover,
button.primary:hover {
  background-color: var(--brand-red-hover) !important;
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(221, 82, 53, 0.25);
}

/* Карточки видео */
.media-list-row .item,
.video-thumb,
.media-thumb {
  border-radius: 12px !important;
  overflow: hidden;
  transition: transform 0.18s ease, box-shadow 0.18s ease;
}

.media-list-row .item:hover,
.video-thumb:hover,
.media-thumb:hover {
  transform: translateY(-3px);
  box-shadow: 0 12px 32px rgba(45, 41, 38, 0.12);
}

/* Бейдж длительности */
.media-duration,
.item-duration {
  background-color: var(--brand-dark) !important;
  color: #FFFFFF !important;
  border-radius: 4px !important;
  font-weight: 600;
  font-size: 12px;
  padding: 2px 6px;
}

/* Ссылки общие */
a:not(.button):not(.btn) {
  color: var(--brand-red);
  text-decoration: none;
}

a:not(.button):not(.btn):hover {
  color: var(--brand-red-hover);
  text-decoration: underline;
}

/* Плеер */
.video-js .vjs-big-play-button {
  background-color: var(--brand-red) !important;
  border-color: var(--brand-red) !important;
  border-radius: 50% !important;
  width: 80px !important;
  height: 80px !important;
  line-height: 80px !important;
}

.video-js .vjs-play-progress,
.video-js .vjs-volume-level {
  background-color: var(--brand-red) !important;
}

.video-js .vjs-control:hover {
  color: var(--brand-red) !important;
}

/* Теги */
.tag,
.media-tag,
a.tag-item {
  background-color: var(--brand-beige) !important;
  color: var(--brand-dark) !important;
  border-radius: 6px !important;
  padding: 4px 10px !important;
  font-size: 13px;
  font-weight: 600;
  border: none !important;
}

.tag:hover,
.media-tag:hover,
a.tag-item:hover {
  background-color: var(--brand-red) !important;
  color: #FFFFFF !important;
}

/* Формы */
input[type="text"],
input[type="email"],
input[type="password"],
input[type="search"],
textarea,
select {
  border-radius: 8px !important;
  border: 1.5px solid #E7E4E0 !important;
  font-family: 'Manrope', sans-serif !important;
  padding: 10px 14px !important;
}

input:focus,
textarea:focus,
select:focus {
  outline: none !important;
  border-color: var(--brand-red) !important;
  box-shadow: 0 0 0 3px rgba(221, 82, 53, 0.12) !important;
}

.page-header, .header, header.header-inner, header { background-color: #FFFFFF !important; border-bottom: 1px solid #EFEDEA !important; }
.header-search input, .search-field input, header input[type=search] { background: #F5F4F2 !important; border: 1.5px solid #E7E4E0 !important; color: #2D2926 !important; }
body, a, .item-title, .video-title, [class*=item-title], [class*=MediaItemTitle], .left-sidebar a, .sidebar a, .sidebar-link, .nav-item, h1, h2, h3, h4, h5, h6 { color: #F0EDE9 !important; }
.theme-switcher, .theme-toggle, [class*=theme-switcher], [class*=ThemeSwitcher], [class*=DarkMode] { display: none !important; }
.header a[href*=login], .header a[href*=signin], .header a[href*=signup], .header a[href*=register], header a[href*=login], header a[href*=accounts] { display: inline-block !important; padding: 10px 20px !important; border-radius: 999px !important; font-weight: 700 !important; text-transform: none !important; margin-left: 8px !important; transition: all .15s ease !important; }
.header a[href*=login], header a[href*=login] { color: #DD5235 !important; background: transparent !important; border: 2px solid #DD5235 !important; }
.header a[href*=login]:hover, header a[href*=login]:hover { background: #DD5235 !important; color: #FFFFFF !important; }
.header a[href*=signup], .header a[href*=register], header a[href*=signup], header a[href*=register] { color: #FFFFFF !important; background: #DD5235 !important; border: 2px solid #DD5235 !important; }
.header a[href*=signup]:hover, .header a[href*=register]:hover, header a[href*=signup]:hover { background: #C8442A !important; border-color: #C8442A !important; }
.add-comment-button, button.add-comment-button, .comments-form button, .comment-form button, button[type=submit].add-comment-button { background-color: #DD5235 !important; background: #DD5235 !important; color: #FFFFFF !important; border: none !important; border-radius: 8px !important; font-weight: 700 !important; }
.add-comment-button:hover, button.add-comment-button:hover, .comments-form button:hover { background-color: #C8442A !important; background: #C8442A !important; }

/* Force dark page bg — iOS Safari otherwise falls back to light (no dark-theme class on body) */
:root {
  --color-link: #FF6B4F;
  --color-link-hover: #FF8366;
  --color-text: #F0EDE9;
  --color-headers-text: #FFFFFF;
  --color-page-background: var(--brand-dark);
  --color-content-background: #3A3633;
}

body {
  background-color: var(--brand-dark) !important;
}

/* Aggressive overrides for video-card titles on iOS Safari (visited links + leftover light-theme skeleton/highlights).
   Limit transparent-bg to text wrappers; never touch .item-thumb (it carries the inline background-image preview). */
.item-main, .item-content-link, .item-content > .item-main,
.item-main h3, .item-main h3 a, .item-main h3 a span,
.item-content-link h3, .item-content-link h3 a, .item-content-link h3 a span,
.item-author, .item-author a, .item-author span,
.item-views, .item-date, .item-meta {
  background: transparent !important;
  background-color: transparent !important;
}

.item-content h3, .item-content h3 *, .item-content-link h3, .item-content-link h3 *,
.item-main h3, .item-main h3 *,
.item-main h3 a, .item-main h3 a *,
.item-content-link h3 a, .item-content-link h3 a *,
.item-main a, .item-main a span,
.item-content h3 a:visited, .item-content-link h3 a:visited,
.item-main h3 a:visited, .item-main a:visited,
.item-link:visited, .item-link:visited * {
  color: rgba(255, 255, 255, 0.92) !important;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.92) !important;
}

.item-author, .item-author *,
.item-views, .item-date, .item-meta, .item-meta *,
.item-author a:visited, .item-author a:visited * {
  color: rgba(255, 255, 255, 0.6) !important;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.6) !important;
}

/* Kill any leftover light-theme skeleton/title-bg pseudo-elements */
.item-content h3 span::before, .item-content h3 span::after,
.item-main h3 span::before, .item-main h3 span::after,
.item-content-link h3 span::before, .item-content-link h3 span::after {
  content: none !important;
  background: transparent !important;
  display: none !important;
}

/* ==========================================================================
   Miniplayer (floating roll on scroll) — like YouTube/Rutube
   ========================================================================== */
.miniplayer-placeholder { width: 100%; }

.player-container.miniplayer-active {
  position: fixed !important;
  bottom: 16px;
  right: 16px;
  width: 360px;
  max-width: calc(100vw - 32px);
  aspect-ratio: 16 / 9;
  height: auto !important;
  z-index: 9999;
  border-radius: 12px !important;
  overflow: hidden;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.35), 0 2px 6px rgba(0, 0, 0, 0.2);
  background: #000;
  animation: adlook-miniplayer-in 180ms ease-out;
}

@keyframes adlook-miniplayer-in {
  from { transform: translateY(20px) scale(0.95); opacity: 0; }
  to   { transform: translateY(0)    scale(1);    opacity: 1; }
}

.player-container.miniplayer-active .video-js,
.player-container.miniplayer-active video {
  width: 100% !important;
  height: 100% !important;
}

.miniplayer-close {
  display: none;
  position: absolute;
  top: 6px;
  right: 6px;
  z-index: 10000;
  width: 28px;
  height: 28px;
  padding: 0;
  border: none;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.7);
  color: #FFFFFF;
  font-size: 22px;
  line-height: 1;
  cursor: pointer;
  transition: background 0.15s ease;
}

.miniplayer-close:hover { background: rgba(221, 82, 53, 0.9); }

.player-container.miniplayer-active .miniplayer-close {
  display: flex;
  align-items: center;
  justify-content: center;
}

@media (max-width: 768px) {
  .player-container.miniplayer-active {
    width: calc(100vw - 16px);
    bottom: 8px;
    right: 8px;
  }
}

/* Hide auth buttons on mobile — MediaCMS' built-in 479px rule doesn't always win on iOS Safari */
@media (max-width: 768px) {
  .page-header .sign-in-wrap,
  .page-header .register-wrap,
  header .sign-in-wrap,
  header .register-wrap,
  .page-header a.sign-in,
  .page-header a.register-link,
  header a.sign-in,
  header a.register-link {
    display: none !important;
  }
}

/* ==========================================================================
   MediaCMS dark-theme CSS variables, lifted to :root
   so they apply even if the body class gets removed by React.
   Source: body.dark_theme blocks in static/css/_commons.css.
   ========================================================================== */
:root {
  --body-text-color: rgba(255, 255, 255, 0.88);
  --body-bg-color: #121212;
  --hr-color: #2a2a2a;
  --dotted-outline-color: rgba(255, 255, 255, 0.4);
  --input-color: hsla(0, 0%, 100%, 0.88);
  --input-bg-color: hsla(0, 0%, 0%, 0.55);
  --input-border-color: hsl(0, 0%, 19%);
  --header-bg-color: #272727;
  --header-circle-button-color: #fff;
  --header-popup-menu-color: #fff;
  --header-popup-menu-icon-color: rgb(144, 144, 144);
  --sidebar-bg-color: #1c1c1c;
  --sidebar-nav-border-color: rgba(255, 255, 255, 0.1);
  --sidebar-nav-item-text-color: #fff;
  --sidebar-nav-item-icon-color: rgb(144, 144, 144);
  --sidebar-bottom-link-color: rgba(255, 255, 255, 0.88);
  --spinner-loader-color: rgba(255, 255, 255, 0.74);
  --nav-menu-active-item-bg-color: rgba(255, 255, 255, 0.1);
  --nav-menu-item-hover-bg-color: rgba(255, 255, 255, 0.1);
  --in-popup-nav-menu-item-hover-bg-color: rgba(255, 255, 255, 0.1);
  --search-field-input-text-color: rgba(255, 255, 255, 0.88);
  --search-field-input-bg-color: #121212;
  --search-field-input-border-color: #303030;
  --search-field-submit-text-color: rgba(255, 255, 255, 0.5);
  --search-field-submit-bg-color: rgba(255, 255, 255, 0.08);
  --search-field-submit-border-color: #2e2e2e;
  --search-field-submit-hover-bg-color: rgba(255, 255, 255, 0.08);
  --search-field-submit-hover-border-color: #2e2e2e;
  --search-results-item-content-link-title-text-color: rgba(255, 255, 255, 0.88);
  --logged-in-user-thumb-bg-color: rgba(255, 255, 255, 0.14);
  --popup-bg-color: #242424;
  --popup-hr-bg-color: rgba(255, 255, 255, 0.08);
  --popup-top-text-color: #fff;
  --popup-top-bg-color: rgba(136, 136, 136, 0.4);
  --popup-msg-title-text-color: rgba(255, 255, 255, 0.88);
  --popup-msg-main-text-color: rgba(255, 255, 255, 0.5);
  --comments-textarea-wrapper-border-color: #898989;
  --comments-textarea-wrapper-after-bg-color: #fff;
  --comments-textarea-text-color: #fff;
  --comments-textarea-text-placeholder-color: #898989;
  --comments-list-inner-border-color: rgba(255, 255, 255, 0.08);
  --comment-author-text-color: rgba(255, 255, 255, 0.88);
  --comment-date-text-color: #888;
  --comment-date-hover-text-color: #fff;
  --comment-text-color: rgba(255, 255, 255, 0.88);
  --comment-text-mentions-background-color-highlight:#006622;
  --comment-actions-material-icon-text-color: rgba(255, 255, 255, 0.74);
  --comment-actions-likes-num-text-color: rgba(255, 255, 255, 0.5);
  --comment-actions-reply-button-text-color: rgba(255, 255, 255, 0.5);
  --comment-actions-reply-button-hover-text-color: rgba(255, 255, 255, 0.74);
  --comment-actions-cancel-removal-button-text-color: rgba(255, 255, 255, 0.5);
  --comment-actions-cancel-removal-button-hover-text-color: rgba(255, 255, 255, 0.74);
  --item-bg-color: #121212;
  --item-title-text-color: rgba(255, 255, 255, 0.88);
  --item-thumb-bg-color: var(--sidebar-bg-color);
  --item-meta-text-color: #888;
  --item-meta-link-text-color: var(--item-text-color);
  --item-meta-link-hover-text-color: rgba(255, 255, 255, 0.74);
  --profile-page-item-content-title-bg-color: #121212;
  --playlist-item-main-view-full-link-text-color: rgb(170, 170, 170);
  --playlist-item-main-view-full-link-hover-text-color: #fff;
  --item-list-load-more-text-color: #888;
  --item-list-load-more-hover-text-color: rgba(255, 255, 255, 0.74);
  --media-list-row-border-color: rgba(255, 255, 255, 0.08);
  --media-list-header-title-link-text-color: rgba(255, 255, 255, 0.5);
  --playlist-form-title-focused-bg-color: rgba(255, 255, 255, 0.88);
  --playlist-privacy-border-color: #888;
  --playlist-form-cancel-button-text-color: rgba(255, 255, 255, 0.5);
  --playlist-form-cancel-button-hover-text-color: rgba(255, 255, 255, 0.74);
  --playlist-form-field-text-color: #fff;
  --playlist-form-field-border-color: #888;
  --playlist-save-popup-text-color: rgba(255, 255, 255, 0.88);
  --playlist-save-popup-border-color: rgba(255, 255, 255, 0.1);
  --playlist-save-popup-create-icon-text-color: #909090;
  --playlist-save-popup-create-focus-bg-color: rgba(255, 255, 255, 0.14);
  --playlist-view-header-bg-color: #252525;
  --playlist-view-header-toggle-text-color: #fff;
  --playlist-view-header-toggle-bg-color: #252525;
  --playlist-view-title-link-text-color: rgba(255, 255, 255, 0.88);
  --playlist-view-meta-text-color: rgb(238, 238, 238);
  --playlist-view-meta-link-color: #fff;
  --playlist-view-meta-link-hover-text-color: #fff;
  --playlist-view-status-text-color: rgba(255, 255, 255, 0.6);
  --playlist-view-status-bg-color: rgba(255, 255, 255, 0.1);
  --playlist-view-status-icon-text-color: rgba(255, 255, 255, 0.6);
  --playlist-view-actions-bg-color: #252525;
  --playlist-view-media-bg-color: var(--sidebar-bg-color);
  --playlist-view-media-order-number-color: rgb(136, 136, 136);
  --playlist-view-item-title-text-color: #fff;
  --playlist-view-item-author-text-color: #fff;
  --playlist-view-item-author-bg-color: var(--sidebar-bg-color);
  --profile-page-bg-color: var(--body-bg-color);
  --profile-page-header-bg-color: #1a1a1a;
  --profile-page-info-videos-number-text-color: #888;
  --profile-page-nav-link-text-color: #888;
  --profile-page-nav-link-hover-text-color: rgba(255, 255, 255, 0.88);
  --profile-page-nav-link-active-text-color: rgba(255, 255, 255, 0.88);
  --profile-page-nav-link-active-after-bg-color: #888;
  --add-media-page-tmplt-dialog-bg-color: #242424;
  --add-media-page-tmplt-uploader-bg-color: #242424;
  --add-media-page-tmplt-dropzone-bg-color: rgba(28, 28, 28, 0.5);
  --add-media-page-tmplt-drag-drop-inner-text-color: rgba(255, 255, 255, 0.5);
  --add-media-page-tmplt-upload-item-spiner-text-color: rgba(255, 255, 255, 0.4);
  --add-media-page-tmplt-upload-item-actions-text-color: rgba(255, 255, 255, 0.5);
  --add-media-page-qq-gallery-upload-button-text-color: rgba(255, 255, 255, 0.528);
  --add-media-page-qq-gallery-upload-button-icon-text-color: rgba(255, 255, 255, 0.528);
  --add-media-page-qq-gallery-upload-button-hover-text-color: rgba(255, 255, 255, 0.88);
  --add-media-page-qq-gallery-upload-button-hover-icon-text-color: rgba(255, 255, 255, 0.88);
  --add-media-page-qq-gallery-upload-button-focus-text-color: rgba(255, 255, 255, 0.704);
  --playlist-page-bg-color: #1a1a1a;
  --playlist-page-details-text-color: rgb(170, 170, 170);
  --playlist-page-thumb-bg-color: #272727;
  --playlist-page-title-link-text-color: #fff;
  --playlist-page-actions-circle-icon-text-color: #1a1a1a;
  --playlist-page-actions-circle-icon-bg-color: inherit;
  --playlist-page-actions-nav-item-button-text-color: rgba(255, 255, 255, 0.88);
  --playlist-page-actions-popup-message-bottom-cancel-button-text-color: rgba(255, 255, 255, 0.5);
  --playlist-page-actions-popup-message-bottom-cancel-button-hover-text-color: rgba(255, 255, 255, 0.74);
  --playlist-page-actions-popup-message-bottom-cancel-button-icon-hover-text-color: rgba(255, 255, 255, 0.74);
  --playlist-page-status-text-color: rgba(255, 255, 255, 0.6);
  --playlist-page-status-bg-color: rgba(255, 255, 255, 0.1);
  --playlist-page-status-icon-text-color: rgba(255, 255, 255, 0.4);
  --playlist-page-author-border-top-color: rgba(255, 255, 255, 0.1);
  --playlist-page-author-name-link-color: rgba(255, 255, 255, 0.88);
  --playlist-page-author-edit-playlist-icon-button-text-color: rgb(170, 170, 170);
  --playlist-page-author-edit-playlist-icon-button-bg-color: #252525;
  --playlist-page-author-edit-playlist-icon-button-active-text-color: rgba(255, 255, 255, 0.88);
  --playlist-page-author-edit-playlist-form-wrap-text-color: rgba(255, 255, 255, 0.88);
  --playlist-page-author-edit-playlist-form-wrap-bg-color: #242424;
  --playlist-page-author-edit-playlist-form-wrap-border-color: rgba(255, 255, 255, 0.1);
  --playlist-page-author-edit-playlist-form-wrap-title-circle-icon-hover-text-color: rgba(255, 255, 255, 0.88);
  --playlist-page-author-edit-playlist-author-thumb-text-color: #fff;
  --playlist-page-author-edit-playlist-author-thumb-bg-color: #272727;
  --playlist-page-details-bg-color: #252525;
  --playlist-page-video-list-bg-color: #1c1c1c;
  --playlist-page-video-list-item-title-bg-color: #1c1c1c;
  --playlist-page-video-list-item-hover-bg-color: #333;
  --playlist-page-video-list-item-title-hover-bg-color: #333;
  --playlist-page-video-list-item-after-bg-color: rgba(255, 255, 255, 0.1);
  --playlist-page-video-list-item-order-text-color: rgb(170, 170, 170);
  --playlist-page-video-list-item-options-icon-hover-color: rgba(255, 255, 255, 0.88);
  --playlist-page-video-list-item-options-popup-cancel-removal-button-text-color: rgba(255, 255, 255, 0.5);
  --playlist-page-video-list-item-options-popup-cancel-removal-button-hover-text-color: rgba(255, 255, 255, 0.74);
  --playlist-page-video-list-item-options-popup-cancel-removal-button-hover-icon-text-color: rgba(255, 255, 255, 0.74);
  --media-author-actions-popup-bottom-cancel-removal-button-text-color: rgba(255, 255, 255, 0.5);
  --media-author-actions-popup-bottom-cancel-removal-button-hover-text-color: rgba(255, 255, 255, 0.74);
  --media-author-actions-popup-bottom-cancel-removal-button-hover-icon-text-color: rgba(255, 255, 255, 0.74);
  --profile-banner-wrap-popup-bottom-cancel-removal-button-text-color: rgba(255, 255, 255, 0.5);
  --profile-banner-wrap-popup-bottom-cancel-removal-button-hover-text-color: rgba(255, 255, 255, 0.74);
  --profile-banner-wrap-popup-bottom-cancel-removal-button-hover-icon-text-color: rgba(255, 255, 255, 0.74);
  --media-title-banner-border-color: rgba(255, 255, 255, 0.08);
  --media-title-labels-area-text-color: rgba(255, 255, 255, 0.6);
  --media-title-labels-area-bg-color: rgba(255, 255, 255, 0.08);
  --media-title-views-text-color: rgb(136, 136, 136);
  --media-actions-not-popup-circle-icon-focus-bg-color: rgba(255, 255, 255, 0.07);
  --media-actions-not-popup-circle-icon-active-bg-color: rgba(255, 255, 255, 0.14);
  --media-actions-like-before-border-color: rgba(255, 255, 255, 0.5);
  --media-actions-share-title-text-color: rgba(255, 255, 255, 0.88);
  --media-actions-share-options-nav-button-text-color: rgba(255, 255, 255, 0.5);
  --media-actions-share-options-link-text-color: rgba(255, 255, 255, 0.88);
  --media-actions-share-copy-field-border-color: rgb(41, 41, 41);
  --media-actions-share-copy-field-bg-color: rgb(28, 28, 28);
  --media-actions-share-copy-field-input-text-color: rgba(255, 255, 255, 0.88);
  --media-actions-more-options-popup-bg-color: #242424;
  --media-actions-more-options-popup-nav-link-text-color: rgba(255, 255, 255, 0.88);
  --media-actions-share-fullscreen-popup-main-bg-color: #242424;
  --report-form-title-text-color: rgba(255, 255, 255, 0.88);
  --report-form-field-label-text-color: rgba(255, 255, 255, 0.88);
  --report-form-field-input-text-color: rgba(255, 255, 255, 0.88);
  --report-form-field-input-border-color: rgb(41, 41, 41);
  --report-form-field-input-bg-color: rgb(28, 28, 28);
  --report-form-help-text-color: rgb(136, 136, 136);
  --form-actions-bottom-border-top-color: rgba(255, 255, 255, 0.08);
  --media-author-banner-name-text-color: rgba(255, 255, 255, 0.88);
  --media-author-banner-date-text-color: rgba(255, 255, 255, 0.6);
  --media-content-banner-border-color: rgba(255, 255, 255, 0.08);
  --share-embed-inner-on-right-border-color: rgba(255, 255, 255, 0.08);
  --share-embed-inner-on-right-ttl-text-color: rgba(255, 255, 255, 0.88);
  --share-embed-inner-on-right-icon-text-color: rgba(255, 255, 255, 0.5);
  --share-embed-inner-textarea-text-color: rgba(255, 255, 255, 0.55);
  --share-embed-inner-textarea-border-color: rgb(41, 41, 41);
  --share-embed-inner-textarea-bg-color: rgb(28, 28, 28);
  --share-embed-inner-embed-wrap-iconn-text-color: rgba(255, 255, 255, 0.5);
  --media-status-info-item-text-color: rgba(255, 255, 255, 0.88);
  --viewer-sidebar-auto-play-border-bottom-color: rgba(255, 255, 255, 0.1);
  --viewer-sidebar-auto-play-next-label-text-color: #fff;
  --viewer-sidebar-auto-play-option-text-color: #aaa;
  --user-action-form-inner-bg-color: #242424;
  --user-action-form-inner-title-border-bottom-color: var(--sidebar-nav-border-color);
  --user-action-form-inner-input-border-color: #303030;
  --user-action-form-inner-input-text-color: rgba(255, 255, 255, 0.88);
  --user-action-form-inner-input-bg-color: #121212;
}

/* Override MediaCMS green theme color → Adlook red, и убрать дубль "Рекомендуемое" в сайдбаре */
:root, body {
  --default-theme-color: #DD5235 !important;
  --default-brand-color: #DD5235 !important;
  --links-color: #DD5235 !important;
  --success-color: #DD5235 !important;
}

/* Скрыть второй "Рекомендуемое" (Recommended) в сайдбаре, оставить Featured */
.nav-item-recommended { display: none !important; }