/* ==========================================================================
   ТЕМА: тёмно-синяя (как в приложении «Погода»)
   Палитра: фон #080c31 → #1b2c57, карточки #0c1540, текст #fff,
   подписи #8e98c0, ссылки #8cb4ff, акцент (солнце) #ffcc2e
   ========================================================================== */
.wc-wrap {
	--wc-bg-top: #080c31;
	--wc-bg-bottom: #1b2c57;
	--wc-card: #0c1540;
	--wc-card-2: #121b48;
	--wc-line: #222c5e;
	--wc-text: #ffffff;
	--wc-muted: #8e98c0;
	--wc-link: #8cb4ff;
	--wc-accent: #ffcc2e;
	background: linear-gradient(180deg, var(--wc-bg-top) 0%, var(--wc-bg-bottom) 100%);
	box-shadow: 0 0 0 100vmax var(--wc-bg-top);
	clip-path: inset(0 -100vmax);
	color: var(--wc-text);
	color-scheme: dark;
}
.wc-wrap :where(h1,h2,h3,h4,h5,h6,p,li,td,th,label,dt,dd,strong,b,em,small,span,div) { color: inherit; }
.wc-wrap a { color: var(--wc-link); }
.wc-wrap input, .wc-wrap select, .wc-wrap textarea, .wc-wrap button { color: var(--wc-text); }
.wc-wrap input::placeholder { color: var(--wc-muted); opacity: 1; }
.wc-wrap table, .wc-wrap th, .wc-wrap td { border-color: var(--wc-line); }
.wc-wrap hr { border-color: var(--wc-line); }

/* ==========================================================================
   Погода в странах мира — стили (цветовая схема и размер шрифта как у оригинала)
   ========================================================================== */

.wc-wrap {
	max-width: 1200px;
	margin: 0 auto;
	padding: 24px 16px 60px;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
	font-size: 14px;
	color: #ffffff;
	position: relative;
}

.wc-title {
	font-size: 28px;
	font-weight: 700;
	color: #ffffff;
	margin: 0 0 20px;
}

.wc-subtitle {
	font-size: 32px;
	font-weight: 700;
	line-height: 1.2;
	color: #ffffff;
	margin: 0 0 18px;
}

/* Поле поиска — как у оригинала: серая рамка, скруглённые углы, иконка лупы */
.wc-search-box {
	position: relative;
	max-width: 420px;
	margin-bottom: 20px;
}

.wc-search-icon {
	position: absolute;
	left: 12px;
	top: 50%;
	transform: translateY(-50%);
	font-size: 14px;
	opacity: 0.5;
	pointer-events: none;
}

.wc-search-input {
	width: 100%;
	box-sizing: border-box;
	padding: 10px 14px 10px 34px;
	font-size: 14px;
	border: 1px solid #222c5e;
	border-radius: 4px;
	background: #0c1540;
	outline: none;
	transition: border-color .15s ease;
}

.wc-search-input:focus {
	border-color: #ffcc2e;
	background: #0c1540;
}

/* Сетка стран — 4 колонки, как просили */
.wc-countries-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 4px 24px;
}

.wc-country-item {
	padding: 6px 0;
	border-bottom: 1px solid #222c5e;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.wc-country-link {
	color: #8cb4ff;
	text-decoration: none;
	font-size: 14px;
	line-height: 1.6;
	cursor: pointer;
	display: flex;
	align-items: center;
	gap: 8px;
}

/* Флаг перед названием страны/города */
.wc-flag {
	flex: 0 0 auto;
	width: 20px;
	height: 14px;
	border-radius: 2px;
	background-size: cover;
	box-shadow: 0 0 0 1px rgba(0,0,0,0.06);
}

.wc-country-link:hover {
	color: #ffcc2e;
	text-decoration: underline;
}

/* Скрытие элементов при поиске/фильтрации */
.wc-country-item.wc-hidden,
.wc-place.wc-hidden {
	display: none;
}

/* Панель с результатом погоды после клика на страну/город */
.wc-weather-panel {
	background: #0c1540;
	border: 1px solid #222c5e;
	border-radius: 8px;
	box-shadow: 0 2px 10px rgba(0,0,0,0.08);
	padding: 20px 24px;
	margin-bottom: 24px;
	position: relative;
}

.wc-weather-close {
	position: absolute;
	top: 10px;
	right: 14px;
	background: none;
	border: none;
	font-size: 22px;
	line-height: 1;
	color: #8e98c0;
	cursor: pointer;
}

.wc-weather-close:hover {
	color: #ffffff;
}

.wc-weather-city {
	font-size: 20px;
	font-weight: 700;
	color: #ffffff;
	margin-bottom: 4px;
}

.wc-weather-country {
	font-size: 13px;
	color: #8e98c0;
	margin-bottom: 14px;
}

.wc-weather-main {
	display: flex;
	align-items: center;
	gap: 16px;
}

.wc-weather-icon {
	font-size: 46px;
	line-height: 1;
}

.wc-weather-temp {
	font-size: 34px;
	font-weight: 700;
	color: #ffcc2e;
}

.wc-weather-desc {
	font-size: 14px;
	color: #d6dbf5;
}

.wc-weather-wind {
	font-size: 13px;
	color: #8e98c0;
	margin-top: 8px;
}

.wc-weather-loading,
.wc-weather-error {
	font-size: 14px;
	color: #8e98c0;
}

.wc-weather-error {
	color: #ff7b72;
}

/* ==========================================================================
   Прогноз погоды в популярных местах: вкладки + карточка + список
   ========================================================================== */

.wc-places {
	margin-top: 48px;
}

/* Кнопки-вкладки: Россия / Море / Горы */
.wc-tabs {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	margin: 0 0 16px;
}

.wc-tab {
	appearance: none;
	-webkit-appearance: none;
	margin: 0;
	padding: 6px 9px;
	font: inherit;
	font-size: 13px;
	line-height: 1.3;
	color: #ffffff;
	background: #0c1540;
	border: 1px solid #2f3b73;
	border-radius: 3px;
	cursor: pointer;
	transition: background .15s ease, border-color .15s ease, color .15s ease;
}

.wc-tab:hover {
	border-color: #ffcc2e;
	color: #ffcc2e;
}

.wc-tab.is-active,
.wc-tab.is-active:hover {
	background: #ffcc2e;
	border-color: #ffcc2e;
	color: #0a1030;
	cursor: default;
}

.wc-tab:focus-visible {
	outline: 2px solid #1a73e8;
	outline-offset: 2px;
}

/* Белая карточка со строкой поиска и сеткой */
.wc-places-card {
	background: #0c1540;
	border: 1px solid #222c5e;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
}

.wc-places-search {
	position: relative;
	border-bottom: 1px solid #222c5e;
}

.wc-places-search-icon {
	position: absolute;
	left: 14px;
	top: 50%;
	transform: translateY(-50%);
	color: #8e98c0;
	pointer-events: none;
}

.wc-places-search-input {
	display: block;
	width: 100%;
	box-sizing: border-box;
	margin: 0;
	padding: 14px 16px 14px 40px;
	font: inherit;
	font-size: 12px;
	color: #ffffff;
	background: transparent;
	border: 0;
	border-radius: 0;
	box-shadow: none;
	outline: none;
}

.wc-places-search-input::placeholder {
	color: #8e98c0;
}

.wc-places-search:focus-within {
	box-shadow: inset 0 -2px 0 #ffcc2e;
}

.wc-places-body {
	padding: 14px 16px 18px;
}

.wc-places-grid {
	/* Многоколоночная раскладка: города идут СВЕРХУ ВНИЗ по каждой колонке
	   (как на оригинале), а не слева направо по строкам. */
	display: block;
	-webkit-column-count: 4;
	column-count: 4;
	-webkit-column-gap: 26px;
	column-gap: 26px;
}

.wc-places-grid[hidden],
.wc-places-empty[hidden] {
	display: none;
}

/* Одна строка: Название ........ [иконка] +13° */
.wc-place {
	display: flex;
	align-items: center;
	min-height: 29px;
	padding: 1px 0;
	min-width: 0;
	/* строка не должна разрываться между колонками */
	-webkit-column-break-inside: avoid;
	page-break-inside: avoid;
	break-inside: avoid;
}

.wc-place-link {
	flex: 0 1 auto;
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 12px;
	color: #8cb4ff;
	text-decoration: none;
}

.wc-place-link:hover {
	color: #ffcc2e;
	text-decoration: underline;
}

/* Пунктирная линия-«выноска» между названием и температурой */
.wc-place-dots {
	flex: 1 1 12px;
	min-width: 10px;
	height: 1px;
	margin: 0 6px;
	border-bottom: 1px dotted #2f3b73;
	align-self: center;
}

.wc-place-icon {
	flex: 0 0 26px;
	width: 26px;
	height: 26px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

.wc-place-temp {
	flex: 0 0 34px;
	margin-left: 4px;
	font-size: 12px;
	font-weight: 500;
	color: #ffffff;
	text-align: left;
	white-space: nowrap;
}

/* Пока погода грузится — лёгкая «заглушка» вместо иконки */
.wc-places-grid.is-loading:not(.is-ready) .wc-place-icon::before {
	content: "";
	width: 18px;
	height: 18px;
	border-radius: 50%;
	background: #121b48;
}

.wc-places-empty {
	padding: 24px 0;
	text-align: center;
	color: #8e98c0;
}

.wc-svg-icon {
	display: block;
}

/* Панель погоды внутри карточки популярных мест */
.wc-places-panel {
	margin: 14px 16px 0;
	box-shadow: none;
	background: #0c1540;
}

/* Адаптив — колонки сокращаются на узких экранах */
@media (max-width: 900px) {
	.wc-countries-grid {
		grid-template-columns: repeat(2, 1fr);
	}
	.wc-places-grid {
		column-count: 2;
	}
}

@media (max-width: 520px) {
	.wc-countries-grid {
		grid-template-columns: 1fr;
	}
	.wc-places-grid {
		column-count: 1;
	}
	.wc-title {
		font-size: 22px;
	}
	.wc-subtitle {
		font-size: 24px;
	}
}


/* ==========================================================================
   Защита от стилей темы: layout принудительно (тема не должна ломать сетку)
   ========================================================================== */

.wc-wrap .wc-places-grid {
	display: block !important;
	-webkit-column-count: 4;
	column-count: 4 !important;
	-webkit-column-gap: 26px;
	column-gap: 26px !important;
	margin: 0 !important;
	padding: 0 !important;
}

.wc-wrap .wc-place {
	display: flex !important;
	flex-direction: row !important;
	align-items: center !important;
	margin: 0 !important;
	border: 0 !important;
	break-inside: avoid;
}

.wc-wrap .wc-place-link {
	flex: 0 1 auto !important;
	padding: 0 !important;
	margin: 0 !important;
	border: 0 !important;
	background: none !important;
}

.wc-wrap .wc-place-dots  { flex: 1 1 12px !important; margin: 0 6px !important; }
.wc-wrap .wc-place-icon  { flex: 0 0 26px !important; }
.wc-wrap .wc-place-temp  { flex: 0 0 36px !important; }

.wc-wrap .wc-place-icon svg {
	display: block;
	width: 26px;
	height: 26px;
	max-width: none;
}

.wc-wrap .wc-tab {
	width: auto !important;
	text-transform: none !important;
	letter-spacing: normal !important;
}

@media (max-width: 900px) {
	.wc-wrap .wc-places-grid {
		-webkit-column-count: 2;
		column-count: 2 !important;
	}
	.wc-wrap .wc-countries-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}
}

@media (max-width: 520px) {
	.wc-wrap .wc-places-grid {
		-webkit-column-count: 1;
		column-count: 1 !important;
	}
	.wc-wrap .wc-countries-grid {
		grid-template-columns: minmax(0, 1fr) !important;
	}
}


/* ==========================================================================
   v1.9.23 — ТЕМА: светло-голубое небо + отдельные тёмно-синие блоки
   * фон всей страницы одинаковый: светлое небо
   * каждый раздел (карточка) — отдельный тёмно-синий блок
   * боковое меню (sidebar) — отдельный тёмно-синий блок
   ========================================================================== */
body .wc-wrap {
	--wc-sky-top: #bfe3ff;
	--wc-sky-bottom: #eaf6ff;
	--wc-ink: #0b1f4a;
	--wc-ink-link: #0b4fb3;
	--wc-block: #0c1540;
	--wc-block-line: #222c5e;
	background: linear-gradient(180deg, var(--wc-sky-top) 0%, var(--wc-sky-bottom) 100%) !important;
	box-shadow: 0 0 0 100vmax var(--wc-sky-top) !important;
	color: var(--wc-ink);
	color-scheme: light;
}

/* Текст ВНЕ блоков — тёмный, чтобы читался на светлом небе */
body .wc-wrap .wc-title,
body .wc-wrap .wc-subtitle,
body .wc-wrap .wc-subtitle-sm,
body .wc-wrap .wc-tp-h,
body .wc-wrap .wc-tp-sub,
body .wc-wrap .wc-tp-note,
body .wc-wrap .wc-lead,
body .wc-wrap .wc-back,
body .wc-wrap .wc-crumb-sep,
body .wc-wrap .wc-notice {
	color: var(--wc-ink) !important;
}
body .wc-wrap .wc-back a,
body .wc-wrap .wc-tp-note a,
body .wc-wrap .wc-lead a { color: var(--wc-ink-link) !important; }

/* Каждый раздел — отдельный тёмно-синий блок со светлым текстом внутри */
body .wc-wrap .wc-places-card,
body .wc-wrap .wc-panel,
body .wc-wrap .wc-now,
body .wc-wrap .wc-advisory,
body .wc-wrap .wc-faq,
body .wc-wrap .wc-mini,
body .wc-wrap .wc-weather-panel,
body .wc-wrap .wc-search-input {
	background: var(--wc-block) !important;
	border: 1px solid var(--wc-block-line) !important;
	border-radius: 12px;
	box-shadow: 0 6px 18px rgba(8, 12, 49, 0.28);
	color: #ffffff;
	overflow: hidden;
}
body .wc-wrap .wc-places-card a,
body .wc-wrap .wc-panel a,
body .wc-wrap .wc-now a,
body .wc-wrap .wc-advisory a,
body .wc-wrap .wc-faq a { color: #8cb4ff; }

/* Между блоками — небольшой отступ, чтобы они выглядели раздельно */
body .wc-wrap .wc-places-card,
body .wc-wrap .wc-panel,
body .wc-wrap .wc-now,
body .wc-wrap .wc-advisory,
body .wc-wrap .wc-faq { margin-bottom: 18px; }
body .wc-wrap .wc-panels .wc-panel,
body .wc-wrap .wc-mini-grid .wc-mini { margin-bottom: 0; }

/* Боковое меню — отдельный тёмно-синий блок (только sidebar) */
body .wc-wrap .wc-side {
	background: linear-gradient(180deg, #080c31 0%, #1b2c57 100%) !important;
	border: 1px solid var(--wc-block-line);
	border-radius: 12px;
	padding: 10px;
	box-shadow: 0 6px 18px rgba(8, 12, 49, 0.28);
}
body .wc-wrap .wc-side-link { color: #8cb4ff !important; border-radius: 6px; }
body .wc-wrap .wc-side-link:hover { background: #121b48 !important; color: #ffffff !important; }
body .wc-wrap .wc-side-link.is-active { background: #ffcc2e !important; color: #0a1030 !important; }

/* Поле поиска и вкладки — тоже тёмно-синие, как в приложении */
body .wc-wrap .wc-search-input { border-radius: 8px; overflow: visible; box-shadow: none; }
body .wc-wrap .wc-tab:not(.is-active) { background: var(--wc-block); color: #ffffff; }
body .wc-wrap .wc-country-item { border-bottom-color: rgba(11, 31, 74, 0.25); }
body .wc-wrap .wc-country-link { color: var(--wc-ink-link); }
body .wc-wrap .wc-country-link:hover { color: #0b1f4a; }


/* ==========================================================================
   v1.9.24 — как в приложении «Погода»: тёмные карточки, хорошо отделённые
   друг от друга на светлом небе
   ========================================================================== */
body .wc-wrap {
	--wc-block: #0b1445;
	--wc-block-2: #131d57;
	--wc-block-line: #26316b;
}

/* Карточка-раздел: тёмный градиент, крупное скругление, тень, зазор между блоками */
body .wc-wrap .wc-places-card,
body .wc-wrap .wc-panel,
body .wc-wrap .wc-now,
body .wc-wrap .wc-advisory,
body .wc-wrap .wc-faq,
body .wc-wrap .wc-mini,
body .wc-wrap .wc-weather-panel {
	background: linear-gradient(180deg, #0d1850 0%, #0a1240 100%) !important;
	border: 1px solid var(--wc-block-line) !important;
	border-radius: 16px !important;
	box-shadow: 0 8px 22px rgba(8, 12, 49, 0.35) !important;
	color: #ffffff;
	overflow: hidden;
}
body .wc-wrap .wc-places-card,
body .wc-wrap .wc-panel,
body .wc-wrap .wc-now,
body .wc-wrap .wc-advisory,
body .wc-wrap .wc-faq { margin-bottom: 20px !important; }

/* Вложенная карточка внутри карточки — без второй тени */
body .wc-wrap .wc-places-card .wc-places-card,
body .wc-wrap .wc-panel .wc-places-card,
body .wc-wrap .wc-places-panel {
	background: var(--wc-block-2) !important;
	box-shadow: none !important;
	margin-bottom: 0 !important;
}

/* Заголовок строки-шапки внутри блока и разделители — светлее фона блока */
body .wc-wrap .wc-advisory-head,
body .wc-wrap .wc-table-day td { background: var(--wc-block-2) !important; }

/* Текст внутри тёмных блоков — белый/светло-синий (даже если тема WP перекрашивает) */
body .wc-wrap .wc-places-card,
body .wc-wrap .wc-panel,
body .wc-wrap .wc-now,
body .wc-wrap .wc-advisory,
body .wc-wrap .wc-faq,
body .wc-wrap .wc-mini { color: #ffffff; }
body .wc-wrap .wc-places-card :where(td, th, li, p, span, b, strong, div, summary, small) { color: inherit; }

/* Светлые вставки (напр. «популярность») внутри блока — тоже тёмные */
body .wc-wrap .wc-pop-box { background: var(--wc-block-2) !important; color: #ffffff; }

/* Заголовки/ссылки, которые лежат ВНЕ блоков на светлом небе */
body .wc-wrap .wc-sn-lead,
body .wc-wrap .wc-hd-lead,
body .wc-wrap .wc-mp-years { color: var(--wc-ink) !important; }
body .wc-wrap .wc-mp-years a { color: var(--wc-ink-link) !important; }
body .wc-wrap .wc-mp-years a.is-cur { color: var(--wc-ink) !important; text-decoration: underline; }
body .wc-wrap .wc-crumb { background: var(--wc-block); color: #8cb4ff; }
body .wc-wrap .wc-crumb.is-current { background: var(--wc-block-2); color: #ffffff; }

/* Кнопки/вкладки вне блоков — тёмные «пилюли» как в приложении */
body .wc-wrap .wc-hd-btn,
body .wc-wrap .wc-tab:not(.is-active),
body .wc-wrap .wc-chip { background: var(--wc-block) !important; border-color: var(--wc-block-line) !important; color: #ffffff !important; border-radius: 8px; }
body .wc-wrap .wc-hd-btn:hover,
body .wc-wrap .wc-tab:not(.is-active):hover { border-color: #ffcc2e !important; color: #ffcc2e !important; }
body .wc-wrap .wc-hd-btn-primary,
body .wc-wrap .wc-tab.is-active { background: #ffcc2e !important; color: #0a1030 !important; border-color: #ffcc2e !important; }

/* Sidebar — отдельный тёмный блок, только он */
body .wc-wrap .wc-side {
	background: linear-gradient(180deg, #080c31 0%, #1b2c57 100%) !important;
	border-radius: 16px !important;
	padding: 12px !important;
}


/* ==========================================================================
   v1.9.25 — ТОЧНО как на скриншотах приложения «Погода»:
   фон страницы = ночное небо (синий градиент), секции = более тёмные карточки
   ========================================================================== */
body .wc-wrap {
	--wc-sky-top: #101a50;
	--wc-sky-bottom: #17256a;
	--wc-ink: #ffffff;
	--wc-ink-link: #8cb4ff;
	--wc-block: #0a1240;
	--wc-block-2: #111b57;
	--wc-block-line: #1b2658;
	background: linear-gradient(180deg, #101a50 0%, #17256a 55%, #131f5c 100%) !important;
	box-shadow: 0 0 0 100vmax #131f5c !important;
	color: #ffffff;
	color-scheme: dark;
}

/* Секции — тёмнее фона, мягкие углы, без белой обводки (как в приложении) */
body .wc-wrap .wc-places-card,
body .wc-wrap .wc-panel,
body .wc-wrap .wc-now,
body .wc-wrap .wc-advisory,
body .wc-wrap .wc-faq,
body .wc-wrap .wc-mini,
body .wc-wrap .wc-weather-panel {
	background: #0a1240 !important;
	border: 1px solid #1b2658 !important;
	border-radius: 18px !important;
	box-shadow: 0 4px 14px rgba(3, 6, 28, 0.35) !important;
}

/* Sidebar — такой же тёмный блок, отдельный от фона */
body .wc-wrap .wc-side {
	background: #0a1240 !important;
	border: 1px solid #1b2658 !important;
	border-radius: 18px !important;
	box-shadow: 0 4px 14px rgba(3, 6, 28, 0.35) !important;
}

/* Список стран на фоне неба */
body .wc-wrap .wc-country-item { border-bottom-color: #26316b; }
body .wc-wrap .wc-country-link { color: #8cb4ff; }
body .wc-wrap .wc-country-link:hover { color: #ffcc2e; }
body .wc-wrap .wc-mp-years a.is-cur { color: #ffcc2e !important; text-decoration: none; }
body .wc-wrap .wc-search-input { background: #0a1240 !important; border-color: #1b2658 !important; color: #ffffff; }


/* ==========================================================================
   v1.9.26 — один сплошной цвет на всей странице (#131f5c), белые заголовки,
   шапка сайта тоже в этом цвете. Карточки остаются темнее (#0a1240).
   ========================================================================== */
html:has(.wc-wrap),
body:has(.wc-wrap),
body:has(.wc-wrap) #page,
body:has(.wc-wrap) .site,
body:has(.wc-wrap) #content,
body:has(.wc-wrap) .site-content,
body:has(.wc-wrap) .wp-site-blocks,
body:has(.wc-wrap) main,
body:has(.wc-wrap) footer,
body:has(.wc-wrap) .site-footer {
	background: #131f5c !important;
	background-image: none !important;
}

/* Шапка сайта (название сайта сверху) — тот же цвет, текст белый */
body:has(.wc-wrap) header,
body:has(.wc-wrap) .site-header,
body:has(.wc-wrap) #masthead,
body:has(.wc-wrap) .wp-block-template-part {
	background: #131f5c !important;
	background-image: none !important;
	border: 0 !important;
	box-shadow: none !important;
}
body:has(.wc-wrap) header :where(h1, h2, p, a, span),
body:has(.wc-wrap) .site-title,
body:has(.wc-wrap) .site-title a,
body:has(.wc-wrap) .site-description,
body:has(.wc-wrap) .wp-block-site-title,
body:has(.wc-wrap) .wp-block-site-title a,
body:has(.wc-wrap) .wp-block-site-tagline,
body:has(.wc-wrap) .custom-logo-link,
body:has(.wc-wrap) footer :where(p, a, span) {
	color: #ffffff !important;
}

/* Страница плагина: один сплошной фон, без «коробки» другого оттенка */
body .wc-wrap {
	background: #131f5c !important;
	box-shadow: 0 0 0 100vmax #131f5c !important;
}

/* Заголовки — белые */
body .wc-wrap :where(h1, h2, h3, h4, h5, h6),
body .wc-wrap .wc-title,
body .wc-wrap .wc-subtitle,
body .wc-wrap .wc-subtitle-sm,
body .wc-wrap .wc-tp-h,
body .wc-wrap .wc-sn-h,
body .wc-wrap .wc-mn-h {
	color: #ffffff !important;
}


/* v1.9.27 — названия стран белым */
body .wc-wrap .wc-country-link,
body .wc-wrap .wc-country-link:visited { color: #ffffff !important; }
body .wc-wrap .wc-country-link:hover { color: #ffcc2e !important; }


/* ==========================================================================
   v1.9.28 — ВЕСЬ текст плагина белый (ссылки, подписи, таблицы, FAQ, меню).
   Исключения: текст на жёлтых кнопках/вкладках (тёмный, чтобы читался),
   жёлтые акценты температуры и предупреждения (красный/оранжевый).
   ========================================================================== */
body .wc-wrap,
body .wc-wrap :where(a, a:visited, p, span, div, li, ul, ol, td, th, label, dt, dd,
	b, strong, em, i, small, summary, h1, h2, h3, h4, h5, h6, input, select, textarea, button) {
	color: #ffffff !important;
}
body .wc-wrap input::placeholder,
body .wc-wrap textarea::placeholder { color: #ffffff !important; opacity: .75; }

/* Наведение — жёлтый (как раньше) */
body .wc-wrap a:hover,
body .wc-wrap .wc-hd-btn:hover,
body .wc-wrap .wc-tab:not(.is-active):hover,
body .wc-wrap .wc-side-link:not(.is-active):hover { color: #ffcc2e !important; }

/* Тёмный текст на жёлтом фоне */
body .wc-wrap .wc-tab.is-active,
body .wc-wrap .wc-tab.is-active:hover,
body .wc-wrap .wc-side-link.is-active,
body .wc-wrap .wc-side-link.is-active:hover,
body .wc-wrap .wc-hd-btn-primary,
body .wc-wrap .wc-hd-btn-primary:hover,
body .wc-wrap .wc-hd-cta,
body .wc-wrap .wc-hd-cta:hover,
body .wc-wrap .wc-sn-form button,
body .wc-wrap .wc-now2-mapbtn,
body .wc-wrap .wc-mn-tab.is-active,
body .wc-wrap .wc-chart-tab.is-active { color: #0a1030 !important; }

/* Жёлтые акценты и предупреждения оставляем */
body .wc-wrap .wc-weather-temp,
body .wc-wrap .wc-now-temp { color: #ffcc2e !important; }
body .wc-wrap .wc-weather-error,
body .wc-wrap .wc-hour.is-uv-bad .wc-hour-uv { color: #ff7b72 !important; }
body .wc-wrap .wc-hour.is-uv-warn .wc-hour-uv { color: #e08a00 !important; }

/* Ссылки в хлебных крошках и странах — тоже белые */
body .wc-wrap .wc-crumb,
body .wc-wrap .wc-crumb.is-current,
body .wc-wrap .wc-country-link,
body .wc-wrap .wc-place-link,
body .wc-wrap .wc-mp-years a { color: #ffffff !important; }
body .wc-wrap .wc-country-link:hover,
body .wc-wrap .wc-place-link:hover,
body .wc-wrap .wc-crumb:hover,
body .wc-wrap .wc-mp-years a:hover,
body .wc-wrap .wc-mp-years a.is-cur { color: #ffcc2e !important; }


/* ==========================================================================
   v1.9.29 — список стран в тёмной карточке (как список городов),
   заголовки выходных дней (Суббота / Воскресенье) — оранжевые, как на pogoda.jsprav.ru
   ========================================================================== */
body .wc-wrap .wc-countries-grid {
	background: linear-gradient(180deg, #0d1850 0%, #0a1240 100%) !important;
	border: 1px solid #1b2658 !important;
	border-radius: 18px !important;
	box-shadow: 0 4px 14px rgba(3, 6, 28, 0.35) !important;
	padding: 14px 24px 18px !important;
	margin-bottom: 20px !important;
	box-sizing: border-box;
}

body .wc-wrap h3.wc-tp-dh.is-we,
body .wc-wrap .wc-tp-dh.is-we {
	color: #ff6a00 !important;
	border-left-color: #ff6a00 !important;
}


/* ==========================================================================
   v1.9.30 — календарь «Прогноз на месяц»: вместо белых клеток (норма и дни
   вне месяца) — мягкий голубовато-синий фон, чтобы цифры и иконки читались.
   Пункты бокового меню — всегда светло-синие (в т.ч. «Прогноз на месяц»).
   ========================================================================== */
body .wc-wrap .wc-mp-cell.is-norm,
body .wc-wrap .wc-mp-cell.is-pad,
body .wc-wrap .wc-mp-cell.is-norm.is-pad {
	background: #1d2f7a !important;
	opacity: 1 !important;
}
body .wc-wrap .wc-mp-cell.is-pad { background: #16256b !important; }
body .wc-wrap .wc-mp-cell.is-pad > * { opacity: .6; }
body .wc-wrap .wc-mp-cell.is-norm .wc-mp-b svg { opacity: .85 !important; }
body .wc-wrap .wc-mp-cell.is-norm .wc-mp-t b { color: #ffffff !important; }
body .wc-wrap .wc-mp-cell.is-norm .wc-mp-t span,
body .wc-wrap .wc-mp-cell.is-norm .wc-mp-norm { color: #c3d3ff !important; }
body .wc-wrap .wc-mp-cell.is-norm .wc-mp-n { color: #ffffff !important; }
body .wc-wrap .wc-mp-cell.is-norm.is-we .wc-mp-n { color: #ff9b94 !important; }
body .wc-wrap .wc-mp-cell.has-pop.is-norm:hover { background: #26398f !important; }

body .wc-wrap .wc-side-link:not(.is-active),
body .wc-wrap .wc-side-link:not(.is-active):visited,
body .wc-wrap .wc-side-link:not(.is-active):focus,
body .wc-wrap .wc-side-link:not(.is-active):active { color: #8cb4ff !important; }
body .wc-wrap .wc-side-link:not(.is-active):hover { color: #ffcc2e !important; }


/* ==========================================================================
   v1.9.31 — по клику на час в ленте «Сейчас / 00:00 / 01:00…» открывается
   окошко с подробностями (осадки, ветер, давление, влажность и т.д.)
   ========================================================================== */
body .wc-wrap .wc-hours-detail .wc-hour { cursor: pointer; transition: background .15s; }
body .wc-wrap .wc-hours-detail .wc-hour:hover { background: #16226a; }
body .wc-wrap .wc-hours-detail .wc-hour.is-open { background: #1d2f7a; box-shadow: inset 0 0 0 2px #ffcc2e; }
body .wc-wrap .wc-hours-detail .wc-hour:focus-visible { outline: 2px solid #ffcc2e; outline-offset: -2px; }

body .wc-wrap .wc-hour-popup[hidden] { display: none !important; }
body .wc-wrap .wc-hour-popup { border-top: 1px solid #ffcc2e; background: #111b57; }
body .wc-wrap .wc-hp-box { position: relative; padding: 14px 44px 16px 18px; animation: wcPopIn .18s ease-out; }
body .wc-wrap .wc-hp-head { font-size: 14px; margin-bottom: 10px; }
body .wc-wrap .wc-hp-main { display: flex; align-items: center; gap: 14px; margin-bottom: 12px; }
body .wc-wrap .wc-hp-temp { font-size: 34px; font-weight: 800; line-height: 1; }
body .wc-wrap .wc-hp-desc { font-size: 13px; line-height: 1.4; }
body .wc-wrap .wc-hp-desc small { font-size: 12px; opacity: .85; }
body .wc-wrap .wc-hp-list { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px 18px; }
body .wc-wrap .wc-hp-list li { display: flex; flex-direction: column; font-size: 12px; line-height: 1.3; }
body .wc-wrap .wc-hp-list li span { opacity: .75; }
body .wc-wrap .wc-hp-list li b { font-size: 14px; }
body .wc-wrap .wc-hp-x { position: absolute; top: 6px; right: 10px; border: 0; background: none; font-size: 26px; line-height: 1; cursor: pointer; padding: 2px 6px; }
body .wc-wrap .wc-hp-x:hover { color: #ffcc2e !important; }
@media (max-width: 600px) { body .wc-wrap .wc-hp-list { grid-template-columns: repeat(2, minmax(0, 1fr)); } }

/* v1.9.33 — современный скроллбар почасовой ленты + белая кнопка «дальше» */
body .wc-wrap .wc-hours { padding-bottom: 12px; scroll-behavior: smooth; }
body .wc-wrap .wc-hours::-webkit-scrollbar { height: 6px; }
body .wc-wrap .wc-hours::-webkit-scrollbar-track { background: rgba(255,255,255,.10); border-radius: 999px; margin: 0 14px; }
body .wc-wrap .wc-hours::-webkit-scrollbar-thumb { background: #ffffff; border-radius: 999px; box-shadow: 0 0 6px rgba(255,255,255,.35); }
body .wc-wrap .wc-hours::-webkit-scrollbar-thumb:hover { background: #ffcc2e; }
body .wc-wrap .wc-hours::-webkit-scrollbar-button { display: none; width: 0; height: 0; }
@supports not selector(::-webkit-scrollbar) {
	body .wc-wrap .wc-hours { scrollbar-width: thin; scrollbar-color: #ffffff rgba(255,255,255,.12); }
}
body .wc-wrap .wc-hours-next {
	background: #ffffff !important;
	color: #0c1540 !important;
	box-shadow: 0 2px 10px rgba(0,0,0,.4);
	transition: background .15s, transform .15s, box-shadow .15s;
}
body .wc-wrap .wc-hours-next:hover {
	background: #ffcc2e !important;
	transform: translateY(-50%) scale(1.08);
	box-shadow: 0 3px 14px rgba(0,0,0,.5);
}
body .wc-wrap .wc-hours-next:focus-visible { outline: 2px solid #ffcc2e; outline-offset: 2px; }

/* v1.9.34 — кнопка «дальше» привязана к ленте часов, а не ко всему блоку:
   при открытии окошка с подробностями она больше не съезжает вниз */
body .wc-wrap .wc-hours-row { position: relative; }
body .wc-wrap .wc-hours-row .wc-hours-next { top: 50%; bottom: auto; }

/* v1.9.37 — заголовки таблиц (Time, Temperature, Feels like...) — жёлтые на всех страницах */
body .wc-wrap .wc-table thead th,
body .wc-wrap .wc-table th {
	color: #ffcc2e !important;
	font-weight: 700;
}

/* v1.9.37 — первая колонка таблиц (Night / Morning / Day / Evening, время) — жёлтая */
body .wc-wrap .wc-table tbody tr:not(.wc-table-day) td:first-child,
body .wc-wrap .wc-table tbody tr:not(.wc-table-day) td:first-child * {
	color: #ffcc2e !important;
}

/* v1.9.37 — боковое меню: текст белый (активный пункт остаётся жёлтым с тёмным текстом) */
body .wc-wrap .wc-side-link:not(.is-active),
body .wc-wrap .wc-side-link:not(.is-active):visited,
body .wc-wrap .wc-side-link:not(.is-active):focus,
body .wc-wrap .wc-side-link:not(.is-active):active { color: #ffffff !important; }
body .wc-wrap .wc-side-link:not(.is-active):hover { color: #ffcc2e !important; }

/* v1.9.38 — «Как одеться»: крупные цветные иконки */
body .wc-wrap .wc-dr-item svg { width: 46px !important; height: 46px !important; }
body .wc-wrap .wc-dr-item { min-width: 78px !important; }

/* v1.9.46 — иконки в боковом меню: один цвет у всех (поменять: --wc-side-icon) */
body .wc-wrap .wc-side-link { display: flex !important; align-items: center; gap: 10px; }
body .wc-wrap .wc-side-link .wc-si { display: inline-flex; flex: 0 0 auto; width: 20px; height: 20px; color: var(--wc-side-icon, #ffcc2e) !important; }
body .wc-wrap .wc-side-link .wc-si svg { display: block; width: 20px; height: 20px; }
body .wc-wrap .wc-side-link.is-active .wc-si { color: #0a1030 !important; }

/* v1.9.48 — активный пункт бокового меню («На неделю»): текст и иконка всегда чёрные (и при наведении) */
body .wc-wrap .wc-side-link.is-active,
body .wc-wrap .wc-side-link.is-active:visited,
body .wc-wrap .wc-side-link.is-active:focus,
body .wc-wrap .wc-side-link.is-active:hover,
body .wc-wrap .wc-side-link.is-active *,
body .wc-wrap .wc-side-link.is-active:hover *,
body .wc-wrap .wc-side-link.is-active .wc-si,
body .wc-wrap .wc-side-link.is-active .wc-si svg { color: #000000 !important; }


/* ==========================================================================
   v1.9.50 — АДАПТИВ: планшеты и телефоны
   ========================================================================== */
body .wc-bnav { display: none; }
body .wc-wrap img, body .wc-wrap svg { max-width: 100%; }
body .wc-wrap .wc-main, body .wc-wrap .wc-city-layout > * { min-width: 0; }
body .wc-wrap .wc-table-scroll { overflow-x: auto; -webkit-overflow-scrolling: touch; }

/* ---------- планшеты и уже (до 900px) ---------- */
@media (max-width: 900px) {
	body .wc-wrap { padding: 16px 14px 40px; }
	body .wc-wrap .wc-city-layout { grid-template-columns: minmax(0, 1fr) !important; gap: 14px; }

	/* боковое меню → одна прокручиваемая строка «таблеток» */
	body .wc-wrap .wc-side {
		position: static !important;
		flex-direction: row !important;
		flex-wrap: nowrap !important;
		gap: 6px;
		margin: 0 0 6px !important;
		padding: 8px !important;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
		scroll-snap-type: x proximity;
		scrollbar-width: none;
	}
	body .wc-wrap .wc-side::-webkit-scrollbar { display: none; }
	body .wc-wrap .wc-side-link {
		flex: 0 0 auto;
		white-space: nowrap;
		padding: 8px 12px !important;
		border-radius: 18px !important;
		scroll-snap-align: start;
	}
	body .wc-wrap .wc-side-link .wc-sl { white-space: nowrap; }

	/* 7 дней — горизонтальная лента вместо 4/2 колонок */
	body .wc-wrap .wc-tp-days {
		display: flex !important;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
		scroll-snap-type: x proximity;
		scrollbar-width: thin;
	}
	body .wc-wrap .wc-tp-day { flex: 0 0 112px; scroll-snap-align: start; }

	/* почасовая лента: 4 часа на экране */
	body .wc-wrap .wc-hours-detail .wc-hour { flex: 0 0 25% !important; }
	body .wc-wrap .wc-hours { -webkit-overflow-scrolling: touch; }

	body .wc-wrap .wc-subtitle { font-size: 26px; }
	body .wc-wrap .wc-hd-title { font-size: 24px; }
}

/* ---------- телефоны (до 700px) ---------- */
@media (max-width: 700px) {
	body .wc-wrap { padding: 10px 10px 84px; }  /* место под нижнюю панель */
	body .wc-wrap .wc-subtitle,
	body .wc-wrap .wc-hd-title,
	body .wc-wrap .wc-tp-h { font-size: 22px !important; line-height: 1.25; margin-bottom: 12px; }
	body .wc-wrap .wc-crumbs { gap: 6px; font-size: 11px; overflow-x: auto; flex-wrap: nowrap; white-space: nowrap; scrollbar-width: none; }
	body .wc-wrap .wc-crumbs::-webkit-scrollbar { display: none; }

	/* блок «Погода сейчас» — в столбик */
	body .wc-wrap .wc-now2 { flex-direction: column !important; }
	body .wc-wrap .wc-now2-map { width: 100% !important; flex: 0 0 auto !important; min-height: 170px; }
	body .wc-wrap .wc-now2-big { font-size: 44px; }
	body .wc-wrap .wc-now2-chips { flex-wrap: wrap; gap: 8px 14px; }
	body .wc-wrap .wc-now { padding: 16px !important; gap: 14px !important; }
	body .wc-wrap .wc-now-temp { font-size: 40px; }

	/* карточки и блоки в одну колонку */
	body .wc-wrap .wc-parts,
	body .wc-wrap .wc-tp-grid,
	body .wc-wrap .wc-mini-grid,
	body .wc-wrap .wc-panels,
	body .wc-wrap .wc-dress-cols { grid-template-columns: minmax(0, 1fr) !important; }
	body .wc-wrap .wc-tp-card { border-right: 0 !important; }

	/* кнопки «На 5 дней», «Как одеваться» — крупные, удобно нажимать */
	body .wc-wrap .wc-hd-btns, body .wc-wrap .wc-city-tabs { display: flex; flex-wrap: wrap; gap: 8px; }
	body .wc-wrap .wc-hd-btn, body .wc-wrap .wc-tab { min-height: 40px; display: inline-flex !important; align-items: center; padding: 8px 14px; }

	/* таблицы: меньше отступы, прокрутка по горизонтали */
	body .wc-wrap .wc-table th, body .wc-wrap .wc-table td { padding: 7px 8px; font-size: 12px; }
	body .wc-wrap .wc-hd-table td:first-child { padding-left: 10px !important; font-size: 14px !important; }
	body .wc-wrap .wc-hd-table td { font-size: 13px; padding: 6px 6px; }

	body .wc-wrap .wc-places-panel { margin: 10px 8px 0; }
	body .wc-wrap .wc-kp-lbl { flex-basis: 110px; }
	body .wc-wrap .wc-kp-time { flex-basis: 70px; }
	body .wc-wrap .wc-scale-row span { flex-basis: 90px; }

	/* нижняя навигация, как в мобильном образце */
	body .wc-bnav {
		display: flex;
		position: fixed;
		left: 0; right: 0; bottom: 0;
		z-index: 9990;
		background: #0c1540;
		border-top: 1px solid #2f3b73;
		box-shadow: 0 -2px 10px rgba(0, 0, 0, .35);
		padding-bottom: env(safe-area-inset-bottom, 0px);
	}
	body .wc-bnav-i {
		flex: 1 1 0;
		display: flex;
		flex-direction: column;
		align-items: center;
		gap: 3px;
		padding: 8px 4px 7px;
		font-size: 10.5px;
		line-height: 1.15;
		text-align: center;
		text-decoration: none;
		color: #8e98c0 !important;
	}
	body .wc-bnav-i svg { display: block; }
	body .wc-bnav-i.is-active, body .wc-bnav-i:hover { color: #ffcc2e !important; }
}

/* ---------- маленькие телефоны (до 400px) ---------- */
@media (max-width: 400px) {
	body .wc-wrap .wc-hours-detail .wc-hour { flex: 0 0 33.333% !important; }
	body .wc-wrap .wc-tp-day { flex-basis: 98px; }
	body .wc-wrap .wc-subtitle, body .wc-wrap .wc-hd-title { font-size: 20px !important; }
}


/* ==========================================================================
   v1.9.51 — ИСПРАВЛЕНИЕ: горизонтальное переполнение (overflow) на телефонах
   ========================================================================== */
@media (max-width: 900px) {
	html:has(.wc-wrap), body:has(.wc-wrap) { max-width: 100%; overflow-x: hidden; }
	body .wc-wrap { max-width: 100%; overflow-x: clip; }
}
body .wc-wrap, body .wc-wrap *, body .wc-wrap *::before, body .wc-wrap *::after { box-sizing: border-box; }

/* длинные слова/названия переносятся, а не растягивают страницу */
body .wc-wrap :where(h1, h2, h3, h4, p, li, a, summary, label, dd, dt) { overflow-wrap: anywhere; }
body .wc-wrap :where(table) { overflow-wrap: normal; }

/* дети сеток и flex-контейнеров могут сжиматься */
body .wc-wrap :where([class*="-grid"], [class*="-layout"], [class*="-cols"], .wc-panels, .wc-parts, .wc-days, .wc-tp-days) > * { min-width: 0; }
body .wc-wrap :where(.wc-places-card, .wc-panel, .wc-now, .wc-now2, .wc-advisory, .wc-faq) { max-width: 100%; }

/* длинный заголовок сайта/темы в шапке не должен растягивать экран */
.wp-block-site-title, .wp-block-site-title a, .site-title, .site-title a, .site-branding { overflow-wrap: anywhere; word-break: break-word; max-width: 100%; }

@media (max-width: 700px) {
	body .wc-wrap .wc-now-details { min-width: 0 !important; width: 100%; margin-left: 0 !important; }
	body .wc-wrap .wc-now { flex-direction: column; align-items: flex-start; }
	body .wc-wrap .wc-sn-kv { flex: 1 1 100% !important; border-left: 0 !important; }
	body .wc-wrap .wc-kpd-h { flex: 1 1 100% !important; }
	body .wc-wrap .wc-kp-row { flex-wrap: wrap; }
	body .wc-wrap .wc-kp-lbl, body .wc-wrap .wc-kp-time { flex: 1 1 auto !important; }
	body .wc-wrap .wc-scale-row { flex-wrap: wrap; }
	body .wc-wrap .wc-scale-row span { flex: 1 1 auto !important; }
	body .wc-wrap .wc-dr-item { min-width: 64px !important; }
	body .wc-wrap .wc-places-search, body .wc-wrap .wc-search-box, body .wc-wrap input[type="search"], body .wc-wrap input[type="text"] { max-width: 100%; width: 100%; }
	body .wc-wrap .wc-hd-links { grid-template-columns: minmax(0, 1fr) !important; }
	body .wc-wrap .wc-mp-cell { min-width: 0; overflow: hidden; }
	body .wc-wrap pre, body .wc-wrap code { white-space: pre-wrap; word-break: break-word; }
}


/* ==========================================================================
   v1.9.52 — нижняя панель: все 3 кнопки всегда видны, страница не «уезжает» вбок
   ========================================================================== */
@media (max-width: 700px) {
	body .wc-bnav { display: flex !important; width: 100%; max-width: 100vw; left: 0; right: 0; bottom: 0; }
	body .wc-bnav-i { flex: 1 1 33.333% !important; min-width: 0 !important; padding: 8px 2px 7px; }
	body .wc-bnav-i span { white-space: normal; overflow-wrap: anywhere; font-size: 10px; }
	body .wc-wrap { padding-bottom: 92px; }
}
@media (min-width: 701px) { body .wc-bnav { display: none !important; } }

/* v1.9.53 — нижняя панель на телефоне: текст и иконки всегда белые */
body .wc-bnav .wc-bnav-i,
body .wc-bnav .wc-bnav-i:link,
body .wc-bnav .wc-bnav-i:visited,
body .wc-bnav .wc-bnav-i:hover,
body .wc-bnav .wc-bnav-i:focus,
body .wc-bnav .wc-bnav-i:active,
body .wc-bnav .wc-bnav-i.is-active,
body .wc-bnav .wc-bnav-i span,
body .wc-bnav .wc-bnav-i svg { color: #ffffff !important; }

/* v1.9.54 — ширина страницы на десктопе: 1200px */
@media (min-width: 901px) {
	body .wc-wrap { max-width: 1200px !important; margin-left: auto !important; margin-right: auto !important; }
}


/* v1.9.55 — боковое меню прилипает при прокрутке (только десктоп) */
@media (min-width: 901px) {
	body .wc-wrap .wc-city-layout { align-items: start !important; }
	body .wc-wrap .wc-side {
		position: -webkit-sticky !important;
		position: sticky !important;
		top: 16px !important;
		align-self: start;
		max-height: calc(100vh - 32px);
		overflow-y: auto;
		scrollbar-width: thin;
	}
	body.admin-bar .wc-wrap .wc-side { top: 48px !important; max-height: calc(100vh - 64px); }
}