/* ==========================================================================
   DARKMODE CORE
   ========================================================================== */

/* 1. ГЛАВНОЕ ПРАВИЛО: Инвертируем всё на странице. */
:root.darkmode {
  filter: invert(1) hue-rotate(.5turn);
}

/* 2. ИСПРАВЛЕНИЕ: "Дважды инвертируем" изображения и видео. */
:root.darkmode :is(img, iframe, video, .adsbygoogle) {
  filter: invert(1) hue-rotate(.5turn);
}

:root.darkmode img:not(:hover) {
  opacity: .7;
  transition: opacity .25s ease-in-out;
}


/* ==========================================================================
   RED STICKY TOPIC HIGHLIGHT INTEGRATION
   ========================================================================== */

/* --- Правила для СВЕТЛОЙ темы --- */
li.row.sticky {
	border-top-color:  red;
	border-bottom-color: red;
	background-color: #F06000;
}

li.row.sticky:hover {
	background-color: #ECD5D8;
}

/* --- ИСПРАВЛЕНИЕ для ТЁМНОЙ темы --- */
.darkmode li.row.sticky {
	/* 1. Нейтрализуем фильтр для этого элемента */
	filter: invert(1) hue-rotate(.5turn);

	/* 2. Задаем те же цвета, что и для светлой темы */
	border-top-color:  red;
	border-bottom-color: red;
	background-color: #F06000;
}

.darkmode li.row.sticky:hover {
	filter: invert(1) hue-rotate(.5turn);
	background-color: #ECD5D8;
}

/* ==========================================================================
   РУЧНЫЕ ИСПРАВЛЕНИЯ, ЕСЛИ ЧТО-ТО ДРУГОЕ ВЫГЛЯДИТ ПЛОХО
   ========================================================================== */

/* Пример:
.darkmode .некрасивый-элемент {
    filter: invert(1) hue-rotate(.5turn);
    background: #нужный_цвет;
}
*/