body:where(.dark),
body:where(.dark) .page-header,
body:where(.dark) .canvas-bottom { background: #313642; }

body:where(.dark) site-title-text a { color: #fff; }

/* Название сайта в тёмной теме */
body:where(.dark) .site-title-text .site-name-text {
  color: rgba(255,255,255,0.95);
  font-weight: 600;
  letter-spacing: -0.02em;
  text-shadow: 0 1px 2px rgba(0,0,0,0.2);
  transition: color 0.2s ease;
}
body:where(.dark) site-title-text a:hover .site-name-text,
body:where(.dark) .site-title-text a:focus .site-name-text {
  color: #fff;
}

body:where(.dark) .site-title-text .site-description { color: rgba(255,255,255,0.65); }
body:where(.dark) .site-description { color: #9ba4b3; }

body:where(.dark) a { color: #fff; }
body:where(.dark) .canvas-inner { background: #212632; }
body:where(.dark) .page-card,
body:where(.dark) .widget,
body:where(.dark) .pagination ul li a { background: #313642; box-shadow: none; }
body:where(.dark) .page-card:after,
body:where(.dark) .widget:after { background: #3b404d; }

body:where(.dark) .page-card-highlights,
body:where(.dark) .page-card-post-nav { background: #fff; }

body:where(.dark) .page-sidebar { box-shadow: inset -1px 0 0 rgba(255,255,255,0.1); }
body:where(.dark) .page-sidebar .social-links .social-tooltip,
body:where(.dark) .sharrre-header .sharrre .box { background: #313642; color: #fff; }
body:where(.dark) .page-sidebar .social-links .social-tooltip:hover { color: #fff; }
body:where(.dark) .page-sidebar .social-links .social-tooltip:hover:after { background: #fff; color: #212632; }
body:where(.dark) .page-sidebar .social-links .social-tooltip:hover:before { border-color: transparent #fff; }

body:where(.dark) .stickywrap .stickywrap-heading,
body:where(.dark) .widget > h3, 
body:where(.dark) .widget .wp-block-heading { color: #fff; }

body:where(.dark) .blog-card-thumb { background-color: #212632; }
body:where(.dark) .featured-card-thumb,
body:where(.dark) .header-single-thumb { background-color: #313642; }

body:where(.dark) .header-single:before { background: #fff; }

@media only screen and (max-width: 1340px) {
	body:where(.dark) .header-single-title { color: #212632; text-shadow: none; }
body:where(.dark) .header-single-category a,
body:where(.dark) .header-single-content,
body:where(.dark) .header-single-meta a { color: #9ba4b3; }
body:where(.dark) .header-single-meta .feautred-card-date { color: rgba(255,255,255,0.9); }
body:where(.dark) .header-single-meta .meta-label { opacity: 0.7; }
}

body:where(.dark) .blog-card-thumb i { color: #3b404d; }

body:where(.dark) .page-card-highlights .stickywrap-heading { color: #212632; }
body:where(.dark) .highlights-card { color: #9ba4b3; border-top: 1px solid #fff; }
body:where(.dark) .highlights-card:hover { background: #fff; color: #313642; }
body:where(.dark) .highlights-card-title { color: #212632; }
body:where(.dark) .highlights-card-thumb { background: #fff; }

body:where(.dark) .themeform.searchform div input:not([type="submit"]):not([type="checkbox"]) { background: #313642; color: #9ba4b3; outline: 1px solid rgba(255,255,255,0.1); }
body:where(.dark) .themeform.searchform div:after { color: #9ba4b3; }
body:where(.dark) .themeform.searchform div textarea:focus, 
body:where(.dark) .themeform.searchform div input:not([type="submit"]):focus { outline: 1px solid rgba(255,255,255,0.2); color: #9ba4b3; }

body:where(.dark) .page-card-post-nav .stickywrap-heading { color: #212632; }
body:where(.dark) .post-nav li a { background: #fff; color: #212632; }
body:where(.dark) .post-nav li a:hover { background: #fff; }
body:where(.dark) .post-nav li a strong { color: #9ba4b3; }

body:where(.dark) .entry { color: #d0d6df; }
body:where(.dark) .entry-header .entry-date-published { color: rgba(255,255,255,0.5); }

/* Author bio removed */

body:where(.dark) .post-tags a { background: #3b404d; box-shadow: inset 0 1px 0 rgba(255,255,255,0.06); }
body:where(.dark) .post-tags a:hover { background: #fff; color: #212632; }

body:where(.dark) .wp-pagenavi a,
body:where(.dark) .wp-pagenavi span { color: #9ba4b3; }
body:where(.dark) .wp-pagenavi a { background: #313642; box-shadow: inset 0 1px 0 rgba(255,255,255,0.08); color: #fff; }
body:where(.dark) .wp-pagenavi a:hover,
body:where(.dark) .wp-pagenavi a:active,
body:where(.dark) .wp-pagenavi span.current { background: #fff; color: #212632; }

body:where(.dark) .entry .wp-caption { background: rgba(255,255,255,0.06); }
body:where(.dark) .entry hr { background: rgba(255,255,255,0.12); }
body:where(.dark) .entry dt { color: #fff; }
body:where(.dark) .entry pre { border: 1px solid rgba(255,255,255,0.12); }
body:where(.dark) .entry code { background: rgba(255,255,255,0.12); color: rgba(255,255,255,0.9); }
body:where(.dark) .entry ins { background: rgba(255,255,255,0.12); }
body:where(.dark) .entry table td { border-color: rgba(255,255,255,0.08); }
body:where(.dark) .entry .wp-block-button a { background: rgba(255,255,255,0.12); color: #fff; }
body:where(.dark) .entry .wp-block-calendar caption { background: rgba(255,255,255,0.06); color: #fff; }
body:where(.dark) .entry .wp-block-calendar th { background: rgba(255,255,255,0.12); color: #fff; }
body:where(.dark) .entry .wp-block-calendar td { color: rgba(255,255,255,0.5); }

body:where(.dark) .themeform input[type="submit"] { background: #fff; color: #212632; }
body:where(.dark) .themeform input:not([type="submit"]):not([type="checkbox"]), 
body:where(.dark) .themeform textarea { background: #212632; color: #9ba4b3; box-shadow: none; outline: 1px solid rgba(255,255,255,0.06); }
body:where(.dark) .themeform textarea:focus, 
body:where(.dark) .themeform input:not([type="submit"]):focus { outline: 1px solid rgba(255,255,255,0.15); color: #9ba4b3; }

body:where(.dark) h1, 
body:where(.dark) h2,
body:where(.dark) h3,
body:where(.dark) h4, 
body:where(.dark) h5, 
body:where(.dark) h6 { color: #fff; }

body:where(.dark) .faq-card-title a {
  color: #fff;
}
body:where(.dark) .faq-card-title a:hover {
  color: #5ddade;
}
body:where(.dark) .faq-card-meta,
body:where(.dark) .faq-card-category a {
  color: #9ba4b3;
}
body:where(.dark) .faq-card-category a:hover {
  color: #fff;
}
body:where(.dark) .faq-card-thumb {
  background-color: #212632;
}
body:where(.dark) .faq-card-thumb i {
  color: rgba(255, 255, 255, 0.15);
}
body:where(.dark) .faq-card-excerpt {
  color: #d0d6df;
}

body:where(.dark) .social-links li a:hover { color: #fff; }
body:where(.dark) .social-links .social-tooltip:hover:after { background: #fff; color: #212632; }
body:where(.dark) .social-links .social-tooltip:hover:before { border-color: #fff transparent; }

body:where(.dark) .widget > h3,
body:where(.dark) .widget > h3 a,
body:where(.dark) .widget > h3 a:hover,
body:where(.dark) .widget .wp-block-heading,
body:where(.dark) .widget .wp-block-heading a,
body:where(.dark) .widget .wp-block-heading a:hover { color: #fff; }
body:where(.dark) .widget > ul li:before,
body:where(.dark) .widget > ul li a:before,
body:where(.dark) .widget > div > ul li a:before,
body:where(.dark) .widget_calendar caption:before { background: rgba(255,255,255,0.1); color: rgba(255,255,255,0.4); }
body:where(.dark) .widget > ul li a:hover:before { color: rgba(255,255,255,0.7); }
body:where(.dark) .widget_archive ul li,
body:where(.dark) .widget_categories ul li,
body:where(.dark) .widget_links ul li { color: rgba(255,255,255,0.3); }
body:where(.dark) .widget_recent_entries ul li { color: rgba(255,255,255,0.5); }
body:where(.dark) .widget_rss ul li a { color: rgba(255,255,255,0.9); }
body:where(.dark) .widget_rss ul li span.rss-date { color: rgba(255,255,255,0.5); }
body:where(.dark) .widget_rss ul li cite { color: rgba(255,255,255,0.3); }
body:where(.dark) .widget_calendar a { color: #fff; }
body:where(.dark) .widget_calendar a:hover { color: #fff!important; }
body:where(.dark) .widget_calendar caption { background: rgba(255,255,255,0.1); color: #fff; }
body:where(.dark) .widget_calendar caption:before { color: rgba(255,255,255,0.7); }
body:where(.dark) .widget_calendar thead { background: rgba(255,255,255,0.06); box-shadow: inset 0 -1px 0 rgba(255,255,255,0.04); }
body:where(.dark) .widget_calendar th, 
body:where(.dark) .widget_calendar td { border: 1px solid rgba(255,255,255,0.12); }

body:where(.dark) .alx-tabs-nav { background: #3b404d; box-shadow: none; }
body:where(.dark) .alx-tabs-nav li a { color: rgba(255,255,255,0.6); }
body:where(.dark) .alx-tabs-nav li a:hover { color: #fff; }

/* menu styling */
body:where(.dark) .menu-toggle-icon span { background: #fff; }
body:where(.dark) .nav-menu.mobile button:focus,
body:where(.dark) .menu-toggle:focus { background: rgba(255,255,255,0.04); }
body:where(.dark) .nav-menu a { color: #fff; }
body:where(.dark) .nav-menu .svg-icon { fill: #fff; }
/* Desktop menu styles for dark theme - only apply above 1399px */
@media only screen and (min-width: 1400px) {
	body:where(.dark) .nav-menu:not(.mobile) .menu ul { background: #fff; color: #fff; }
	body:where(.dark) .nav-menu:not(.mobile) .menu ul:after { border-bottom-color: #fff; }
	body:where(.dark) .nav-menu:not(.mobile) .menu ul ul:after { border-right-color: #fff; }
	body:where(.dark) .nav-menu-dropdown-left .nav-menu:not(.mobile) .menu ul ul:after { border-left-color: #fff; border-bottom-color: transparent; }
	body:where(.dark) .nav-menu:not(.mobile) a { color: #9ba4b3; }
	body:where(.dark) .nav-menu:not(.mobile) a:hover { color: #fff; }
	body:where(.dark) .nav-menu:not(.mobile) ul ul a:hover { color: #000; }
	body:where(.dark) .nav-menu:not(.mobile) ul ul > li:hover > span { background: rgba(255,255,255,0.1); }
	body:where(.dark) .nav-menu:not(.mobile) ul ul a { color: #212632; }
	body:where(.dark) .nav-menu:not(.mobile) ul ul span { border-bottom: 1px solid #eee; }
	body:where(.dark) .nav-menu:not(.mobile) button { color: #666; }
	body:where(.dark) .nav-menu:not(.mobile) button.active { background: rgba(255,255,255,0.1); color: rgba(255,255,255,0.5); }
	body:where(.dark) .nav-menu:not(.mobile) button .svg-icon { fill: rgba(255,255,255,0.3); }
	body:where(.dark) .nav-menu:not(.mobile) ul ul button { color: #eee; }
	body:where(.dark) .nav-menu:not(.mobile) ul ul button.active { background: #eee; color: rgba(0,0,0,0.5); }
	body:where(.dark) .nav-menu:not(.mobile) ul ul button .svg-icon { fill: rgba(0,0,0,0.5); }
	body:where(.dark) .nav-menu:not(.mobile) li.current_page_item > span > a, 
	body:where(.dark) .nav-menu:not(.mobile) li.current-menu-item > span > a, 
	body:where(.dark) .nav-menu:not(.mobile) li.current-menu-ancestor > span > a, 
	body:where(.dark) .nav-menu:not(.mobile) li.current-post-parent > span > a { color: #fff; }
	body:where(.dark) .nav-menu:not(.mobile) ul ul li.current_page_item > span > a, 
	body:where(.dark) .nav-menu:not(.mobile) ul ul li.current-menu-item > span > a, 
	body:where(.dark) .nav-menu:not(.mobile) ul ul li.current-menu-ancestor > span > a, 
	body:where(.dark) .nav-menu:not(.mobile) ul ul li.current-post-parent > span > a { color: #999; }
}

/* Mobile menu styles for dark theme - only apply up to 1399px */
@media only screen and (max-width: 1399px) {
	body:where(.dark) .nav-menu.mobile { border-bottom: none; }
	body:where(.dark) .nav-menu.mobile button.active .svg-icon { fill: #fff; }
	body:where(.dark) .nav-menu.mobile ul ul { background: rgba(255,255,255,0.04); }
	body:where(.dark) .nav-menu.mobile ul li .menu-item-wrapper,
	body:where(.dark) .nav-menu.mobile ul ul li .menu-item-wrapper { border-bottom: none; }
	body:where(.dark) .nav-menu.mobile ul li a { color: #fff; }
	body:where(.dark) .nav-menu.mobile ul button,
	body:where(.dark) .nav-menu.mobile ul ul button { border-left: none; }
	body:where(.dark) .nav-menu.mobile > div > ul { border-top: none; }
	body:where(.dark) .nav-menu.mobile > .menu-toggle { box-shadow: 0 0 0 1px rgba(255,255,255,0.08); }
}

/* Menu overlay dark theme */
body:where(.dark) #menu-overlay {
  background: rgba(0, 0, 0, 0.75);
  backdrop-filter: blur(6px);
}
body:where(.dark) #menu-overlay .menu-overlay-content {
  background: #313642;
  box-shadow: -2px 0 16px rgba(0, 0, 0, 0.5);
}
body:where(.dark) #menu-overlay .main-menu .menu li {
  border-bottom: 1px solid rgba(255,255,255,0.08);
}
body:where(.dark) #menu-overlay .main-menu .menu a {
  color: rgba(255,255,255,0.9);
}
body:where(.dark) #menu-overlay .main-menu .menu a:hover {
  background: rgba(255,255,255,0.06);
  color: #fff;
}
body:where(.dark) #menu-overlay .main-menu .menu-item-wrapper.has-arrow .menu-item-toggle {
  color: rgba(255,255,255,0.7);
}
body:where(.dark) #menu-overlay .main-menu .menu-item-wrapper.has-arrow .menu-item-toggle:hover,
body:where(.dark) #menu-overlay .main-menu .menu-item-wrapper.has-arrow .menu-item-toggle[aria-expanded="true"] {
  background: rgba(255,255,255,0.06);
}
body:where(.dark) #menu-overlay .main-menu .menu-item-wrapper.has-arrow .menu-arrow {
  color: rgba(255,255,255,0.7);
}
body:where(.dark) #menu-overlay .menu-close-btn {
  background: transparent;
}
body:where(.dark) #menu-overlay .menu-close-btn:hover {
  background: rgba(255,255,255,0.06);
}
body:where(.dark) #menu-overlay .menu-close-btn:focus {
  outline-color: rgba(255,255,255,0.8);
}
body:where(.dark) #menu-overlay .menu-close-btn svg {
  color: #fff;
}

/* Меню шапки в тёмной теме */
body:where(.dark) #header-nav.header__menu .header__menu-list > li > .menu-item-wrapper > a {
  color: rgba(255,255,255,0.9);
}
body:where(.dark) #header-nav.header__menu .header__menu-list > li > .menu-item-wrapper:hover,
body:where(.dark) #header-nav.header__menu .header__menu-list > li > .menu-item-wrapper:focus-within {
  background: rgba(255,255,255,0.08);
}
/* Стрелки в меню шапки (тёмная тема) */
body:where(.dark) #header-nav.header__menu .menu-item-toggle {
  color: rgba(255,255,255,0.7);
  background: transparent;
  transition: background 0.2s ease, color 0.2s ease;
}
body:where(.dark) #header-nav.header__menu .menu-item-toggle:hover {
  background: rgba(255,255,255,0.08);
  color: rgba(255,255,255,0.9);
}
body:where(.dark) #header-nav.header__menu .menu-item-toggle:focus {
  outline: 2px solid rgba(255,255,255,0.5);
  outline-offset: 2px;
}
body:where(.dark) #header-nav.header__menu .menu-arrow {
  color: rgba(255,255,255,0.7);
  stroke: currentColor;
}
body:where(.dark) #header-nav.header__menu .menu-item-wrapper:hover .menu-arrow,
body:where(.dark) #header-nav.header__menu .menu-item-toggle:hover .menu-arrow {
  color: rgba(255,255,255,0.9);
}
/* Стрелки во вложенных подменю */
body:where(.dark) #header-nav.header__menu .sub-menu .menu-item-toggle {
  color: rgba(255,255,255,0.6);
}
body:where(.dark) #header-nav.header__menu .sub-menu .menu-item-toggle:hover {
  background: rgba(255,255,255,0.06);
  color: rgba(255,255,255,0.85);
}
body:where(.dark) #header-nav.header__menu .sub-menu .menu-arrow {
  color: rgba(255,255,255,0.6);
}
body:where(.dark) #header-nav.header__menu .sub-menu .menu-item-toggle:hover .menu-arrow {
  color: rgba(255,255,255,0.85);
}

body:where(.dark) #header-nav.header__menu .sub-menu {
  background: #313642;
  border-color: rgba(255,255,255,0.08);
  box-shadow: 0 4px 16px rgba(0,0,0,0.4);
}
body:where(.dark) #header-nav.header__menu .sub-menu a {
  color: rgba(255,255,255,0.9);
}
body:where(.dark) #header-nav.header__menu .sub-menu a:hover {
  background: rgba(255,255,255,0.06);
}

@media only screen and (max-width: 719px) {
	body:where(.dark) .page-sidebar { border-bottom: 1px solid rgba(255,255,255,0.06); }
}

/* FAQ Section Dark Theme */
body:where(.dark) .faq-section {
  background: #313642;
  box-shadow: none;
}
body:where(.dark) .faq-section:after {
  background: #3b404d;
}
body:where(.dark) .faq-section-title h2 {
  color: #fff;
}

/* Колонка FAQ в блоке новостей (тёмная тема) */
body:where(.dark) .front-faq-column.page-card {
  background: #313642;
  box-shadow: none;
}
body:where(.dark) .front-faq-column.page-card:after {
  background: #3b404d;
}
body:where(.dark) .front-faq-column-title {
  color: #fff;
}
body:where(.dark) .front-faq-column-item {
  border-bottom-color: rgba(255, 255, 255, 0.1);
}
body:where(.dark) .front-faq-column-link {
  color: rgba(255, 255, 255, 0.95);
}
body:where(.dark) .front-faq-column-link:hover {
  color: #0e979b;
}
body:where(.dark) .front-faq-column-date {
  color: rgba(255, 255, 255, 0.5);
}
body:where(.dark) .faq-item {
  border-color: rgba(255,255,255,0.1);
}
body:where(.dark) .faq-item:hover {
  border-color: rgba(0, 136, 204, 0.5);
  box-shadow: 0 2px 8px rgba(0, 136, 204, 0.15);
}
body:where(.dark) .faq-question {
  background: transparent;
}
body:where(.dark) .faq-question:hover {
  background-color: rgba(255,255,255,0.04);
}
body:where(.dark) .faq-question:focus {
  outline-color: rgba(0, 136, 204, 0.6);
}
body:where(.dark) .faq-question-text {
  color: #fff;
}
body:where(.dark) .faq-icon {
  color: #0088cc;
}
body:where(.dark) .faq-answer-content {
  color: #d0d6df;
}
body:where(.dark) .faq-answer-content p {
  color: #d0d6df;
}
body:where(.dark) .faq-answer-content ul,
body:where(.dark) .faq-answer-content ol {
  color: #d0d6df;
}
body:where(.dark) .faq-answer-content li {
  color: #d0d6df;
}
body:where(.dark) .faq-answer-content a {
  color: #fff;
}
body:where(.dark) .faq-answer-content a:hover {
  color: #0088cc;
}
body:where(.dark) .faq-answer-content code {
  background: rgba(255,255,255,0.12);
  color: rgba(255,255,255,0.9);
}
body:where(.dark) .faq-answer-content pre {
  border: 1px solid rgba(255,255,255,0.12);
  background: rgba(255,255,255,0.06);
}
body:where(.dark) .faq-answer-content blockquote {
  border-left-color: rgba(255,255,255,0.2);
  color: rgba(255,255,255,0.8);
}
body:where(.dark) .faq-answer-content table {
  border-color: rgba(255,255,255,0.08);
}
body:where(.dark) .faq-answer-content table th {
  background: rgba(255,255,255,0.06);
  color: #fff;
}
body:where(.dark) .faq-answer-content table td {
  border-color: rgba(255,255,255,0.08);
}

/* Categories block dark theme */
body:where(.dark) .page-card-categories {
  background: #313642;
}
body:where(.dark) .page-card-categories .stickywrap-heading {
  color: #fff;
}
body:where(.dark) .category-item {
  border-top: 1px solid rgba(255, 255, 255, 0.06);
}
body:where(.dark) .category-item:first-child {
  border-top: none;
}
body:where(.dark) .category-item a {
  color: rgba(255, 255, 255, 0.6);
}
body:where(.dark) .category-item a:hover,
body:where(.dark) .category-item a.active {
  background: rgba(255, 255, 255, 0.06);
  color: rgba(255, 255, 255, 0.95);
}

/* Section structure block dark theme */
body:where(.dark) .page-card-structure {
  background: #313642;
}
body:where(.dark) .page-card-structure .stickywrap-heading {
  color: #fff;
}
body:where(.dark) .page-card-structure .section-heading-link {
  color: #fff;
}
body:where(.dark) .page-card-structure .section-heading-link:hover {
  color: rgba(255, 255, 255, 0.7);
}
body:where(.dark) .page-item {
  border-top: 1px solid rgba(255, 255, 255, 0.06);
}
body:where(.dark) .page-item > .page-item-wrapper > a {
  color: #fff;
}
body:where(.dark) .page-item > .page-item-wrapper > a:hover {
  background: rgba(255, 255, 255, 0.06);
  color: rgba(255, 255, 255, 0.6);
}
body:where(.dark) .page-item > .page-item-wrapper > a.current {
  background: rgba(255, 255, 255, 0.12);
  color: #fff;
}
body:where(.dark) .page-item-wrapper .menu-item-toggle:hover {
  background: rgba(255, 255, 255, 0.06);
}
body:where(.dark) .page-item-wrapper .menu-item-toggle[aria-expanded="true"] {
  background: rgba(255, 255, 255, 0.06);
}
body:where(.dark) .page-item-wrapper .menu-arrow {
  color: rgba(255, 255, 255, 0.3);
}
body:where(.dark) .page-item.current-ancestor > .page-item-wrapper > .menu-item-toggle .menu-arrow {
  color: rgba(255, 255, 255, 0.6);
}
body:where(.dark) .page-item.current-ancestor > .page-item-wrapper > .menu-item-toggle[aria-expanded="true"] .menu-arrow {
  color: rgba(255, 255, 255, 0.8);
}
body:where(.dark) .page-structure-list.sub-menu {
  background: rgba(255, 255, 255, 0.04);
}
body:where(.dark) .page-structure-list.sub-menu .page-item {
  /* border-bottom: 1px solid rgba(255, 255, 255, 0.08); */
}

/* Latest News block dark theme */
body:where(.dark) .page-card-latest-posts {
  background: #313642;
}
body:where(.dark) .page-card-latest-posts .stickywrap-heading {
  color: #fff;
}
body:where(.dark) .latest-post-item {
  border-top: 1px solid rgba(255, 255, 255, 0.06);
}
body:where(.dark) .latest-post-link {
  color: rgba(255, 255, 255, 0.3);
}
body:where(.dark) .latest-post-link:hover {
  background: rgba(255, 255, 255, 0.06);
  color: rgba(255, 255, 255, 0.6);
}
body:where(.dark) .latest-post-thumb {
  background: rgba(255, 255, 255, 0.08);
}
body:where(.dark) .latest-post-placeholder {
  color: rgba(255, 255, 255, 0.2);
}
body:where(.dark) .latest-post-title {
  color: #fff;
}
body:where(.dark) .latest-post-date {
  color: rgba(255, 255, 255, 0.3);
}

/* Breadcrumbs dark theme */
body:where(.dark) .breadcrumb-item a {
  color: rgba(255, 255, 255, 0.6);
}
body:where(.dark) .breadcrumb-item a:hover {
  color: #fff;
}
body:where(.dark) .breadcrumb-item span {
  color: rgba(255, 255, 255, 0.8);
}
body:where(.dark) .breadcrumb-item.current span {
  color: #fff;
}
body:where(.dark) .breadcrumb-separator {
  color: rgba(255, 255, 255, 0.3);
}

/* Video Stories Section Dark Theme */
body:where(.dark) .video-stories-section {
  background: #313642;
  box-shadow: none;
}
body:where(.dark) .video-stories-section:after {
  background: #3b404d;
}
body:where(.dark) .video-stories-section-title h2 {
  color: #fff;
}
body:where(.dark) .video-story-wrapper {
  background: rgba(255, 255, 255, 0.04);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}
body:where(.dark) .video-story-wrapper:hover {
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.3);
}
body:where(.dark) .video-story-title a {
  color: #fff;
}
body:where(.dark) .video-story-title a:hover {
  color: #0088cc;
}
body:where(.dark) .video-story-date {
  color: rgba(255, 255, 255, 0.5);
}
body:where(.dark) .video-stories-carousel .slick-arrow {
  background: #313642;
  border-color: rgba(255, 255, 255, 0.1);
  color: #fff;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}
body:where(.dark) .video-stories-carousel .slick-arrow:hover {
  background: #0088cc;
  border-color: #0088cc;
  color: #fff;
  box-shadow: 0 4px 12px rgba(0, 136, 204, 0.3);
}
body:where(.dark) .video-stories-carousel .slick-dots li button {
  background: rgba(255, 255, 255, 0.2);
}
body:where(.dark) .video-stories-carousel .slick-dots li button:hover,
body:where(.dark) .video-stories-carousel .slick-dots li.slick-active button {
  background: #0088cc;
}