/**
 * Оформление блоков EZ Horoscope под разделы рецепта.
 *
 * Образец — материал с рецептом (nn-recipe, public/recipe.css): колонка
 * значков слева, номер раздела перед заголовком, золотой заголовок
 * прописными, тонкая золотая линия между разделами, золотые маркеры
 * и выделения, врезка на подложке с золотой рамкой. Плагин рисует
 * свои карточки, цветные полосы и фиолетовые плашки — здесь они
 * приводятся к этому виду. Файлы плагина не правятся: только стили
 * поверх его разметки, внутри колонки материала (.nn-entry__content).
 *
 * Значки — маски из public/icons, залитые золотом темы. У адреса значка
 * есть версия (?v=1): сервер кэширует SVG на месяц. Перерисовали — поднимите.
 *
 * Переменные с запасным значением: модуль тиражируется на сайты без
 * токенов проекта, там блоки должны остаться читаемыми.
 */

/* ---------------------------------------------------------------
 * Сетка: колонка значков, нумерация разделов
 * --------------------------------------------------------------- */

.nn-entry__content .ez-horoscope-block {
	--nn-h-gutter: 64px;
	--nn-h-icon: 44px;
	padding: 0;
	border: 0;
	background: none;
	color: var(--nn-color-text, #cfd8dd);
	counter-reset: nn-h-section;
}

/* Колонка значков — у прогнозов. Калькуляторы (у них обёртка `wp-block`)
 * оформлены врезкой, см. ниже. */
.nn-entry__content .ez-horoscope-block:not(.wp-block) {
	padding-left: var(--nn-h-gutter);
}

/* Карточки и полосы плагина: фон, рамки, отступы, фоновые картинки
 * (на дне — с enneagramzoom.com, на неделе — свои). */
.nn-entry__content .ez-horoscope-block .ez-hero,
.nn-entry__content .ez-horoscope-block .ez-enneagram-section,
.nn-entry__content .ez-horoscope-block .ez-enneagram-content,
.nn-entry__content .ez-horoscope-block .eztype-flexbox-section,
.nn-entry__content .ez-horoscope-block .eztype-flexbox-container,
.nn-entry__content .ez-horoscope-block .eztype-flexbox-item,
.nn-entry__content .ez-horoscope-block .eztype-flexbox-content,
.nn-entry__content .ez-horoscope-block .ez-monthly-horoscope,
.nn-entry__content .ez-horoscope-block .ez-monthly-horoscope section,
.nn-entry__content .ez-horoscope-block .ez-monthly-focus {
	display: block;
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: 0;
	background: none;
	box-shadow: none;
	color: inherit;
	min-height: 0;
}

.nn-entry__content .ez-horoscope-block .eztype-flexbox-background,
.nn-entry__content .ez-horoscope-block .ez-hero-overlay,
.nn-entry__content .ez-horoscope-block .ez-weekly-overlay,
.nn-entry__content .ez-horoscope-block .ez-daily-overlay,
.nn-entry__content .ez-horoscope-block .ez-podcast,
.nn-entry__content .ez-horoscope-block #podcast-section {
	display: none;
}

/* Заголовок раздела — «строка раздела» рецепта. */
.nn-entry__content .ez-horoscope-block .ez-enneagram-section h2,
.nn-entry__content .ez-horoscope-block .eztype-flexbox-heading,
.nn-entry__content .ez-horoscope-block .ez-weekly-section-heading,
.nn-entry__content .ez-horoscope-block .ez-monthly-section-title {
	position: relative;
	clear: both;
	min-height: calc(var(--nn-h-icon) - var(--nn-space-4, 1rem));
	margin: var(--nn-space-5, 1.5rem) 0 var(--nn-space-3, 0.75rem) calc(-1 * var(--nn-h-gutter));
	padding: var(--nn-space-4, 1rem) 0 0 var(--nn-h-gutter);
	border: 0;
	border-top: 1px solid var(--nn-color-gold-dim, rgba(195, 154, 81, 0.45));
	background: none;
	color: var(--nn-color-gold, #c39a51);
	font-family: var(--nn-font-heading, inherit);
	font-size: var(--nn-fs-md, 1.125rem);
	font-weight: var(--nn-fw-bold, 700);
	line-height: var(--nn-lh-h3, 1.4);
	letter-spacing: 0.04em;
	text-align: left;
	text-transform: uppercase;
	counter-increment: nn-h-section;
}

.nn-entry__content .ez-horoscope-block .ez-enneagram-section h2::before,
.nn-entry__content .ez-horoscope-block .eztype-flexbox-heading::before,
.nn-entry__content .ez-horoscope-block .ez-weekly-section-heading::before,
.nn-entry__content .ez-horoscope-block .ez-monthly-section-title::before {
	content: counter(nn-h-section) ". ";
}

.nn-entry__content .ez-horoscope-block .ez-enneagram-section h2::after,
.nn-entry__content .ez-horoscope-block .eztype-flexbox-heading::after,
.nn-entry__content .ez-horoscope-block .ez-weekly-section-heading::after,
.nn-entry__content .ez-horoscope-block .ez-monthly-section-title::after {
	content: "";
	position: absolute;
	top: var(--nn-space-4, 1rem);
	left: 0;
	width: var(--nn-h-icon);
	height: var(--nn-h-icon);
	background: var(--nn-gradient-gold, #c39a51);
	-webkit-mask: var(--nn-h-mask, url("icons/star.svg?v=1")) center / contain no-repeat;
	mask: var(--nn-h-mask, url("icons/star.svg?v=1")) center / contain no-repeat;
}

/* Значки по разделам. */
.nn-entry__content .ez-horoscope-block #advice-section h2 { --nn-h-mask: url("icons/key.svg?v=1"); }
.nn-entry__content .ez-horoscope-block .eztype-flexbox-heading { --nn-h-mask: url("icons/planet.svg?v=1"); }
.nn-entry__content .ez-horoscope-block #conclusion-section h2 { --nn-h-mask: url("icons/moon.svg?v=1"); }
.nn-entry__content .ez-horoscope-block #weekly-week-ahead .ez-weekly-section-heading { --nn-h-mask: url("icons/sun.svg?v=1"); }
.nn-entry__content .ez-horoscope-block [id^="weekly-"]:not(#weekly-week-ahead):not(#weekly-summary) .ez-weekly-section-heading { --nn-h-mask: url("icons/calendar.svg?v=1"); }
.nn-entry__content .ez-horoscope-block .ez-monthly-key-dates .ez-monthly-section-title { --nn-h-mask: url("icons/calendar.svg?v=1"); }
.nn-entry__content .ez-horoscope-block .ez-monthly-practices .ez-monthly-section-title { --nn-h-mask: url("icons/candle.svg?v=1"); }

/* Над первым разделом линию уже провела шапка материала. */
.nn-entry__content .ez-horoscope-block .eztype-flexbox-item:first-child .ez-weekly-section-heading {
	margin-top: 0;
}

/* Подзаголовки внутри раздела — как h3 рецепта. */
.nn-entry__content .ez-horoscope-block h3,
.nn-entry__content .ez-horoscope-block h4,
.nn-entry__content .ez-horoscope-block h5 {
	margin: var(--nn-space-4, 1rem) 0 var(--nn-space-2, 0.5rem);
	padding: 0;
	border: 0;
	background: none;
	color: var(--nn-color-gold-bright, #f3e3b0);
	font-family: var(--nn-font-heading, inherit);
	font-size: var(--nn-fs-base, 1rem);
	font-weight: var(--nn-fw-bold, 700);
	line-height: var(--nn-lh-h3, 1.4);
	text-align: left;
}

/* Текст, списки, выделения. */
.nn-entry__content .ez-horoscope-block p,
.nn-entry__content .ez-horoscope-block ul,
.nn-entry__content .ez-horoscope-block ol {
	margin: 0 0 var(--nn-space-3, 0.75rem);
	color: inherit;
}

.nn-entry__content .ez-horoscope-block ul {
	padding-left: 1.1em;
}

.nn-entry__content .ez-horoscope-block li {
	margin: 2px 0 0;
	padding: 0;
	border: 0;
	background: none;
}

.nn-entry__content .ez-horoscope-block li::before {
	content: none;
}

.nn-entry__content .ez-horoscope-block li::marker {
	color: var(--nn-color-gold, #c39a51);
}

.nn-entry__content .ez-horoscope-block strong,
.nn-entry__content .ez-horoscope-block b {
	color: var(--nn-color-gold-bright, #f3e3b0);
}

/* ---------------------------------------------------------------
 * Картинка знака и дни недели — как фото в шапке рецепта: слева,
 * со скруглением, текст обтекает. У плагина размеры заданы в style.
 * --------------------------------------------------------------- */

.nn-entry__content .ez-hero .ez-daily-inline-image,
.nn-entry__content .ez-horoscope-block .ez-monthly-inline-image {
	float: left;
	width: 240px;
	max-width: 40% !important;
	margin: 4px var(--nn-space-5, 1.5rem) var(--nn-space-3, 0.75rem) 0 !important;
}

/* Неделя: у плагина картинка дня стоит перед заголовком. Сетка ставит
 * заголовок раздела первым, под ним картинка слева и текст — как шаг
 * рецепта с фото. Карточка дня обрезала колонку значков — открываем. */
.nn-entry__content [class*="ez-weekly-layout-"] .eztype-flexbox-item,
.nn-entry__content [class*="ez-weekly-layout-"] .eztype-flexbox-content {
	overflow: visible;
}

.nn-entry__content [class*="ez-weekly-layout-"] .eztype-flexbox-content {
	display: grid;
	grid-template-columns: 140px minmax(0, 1fr);
	column-gap: var(--nn-space-5, 1.5rem);
	align-items: start;
}

.nn-entry__content [class*="ez-weekly-layout-"] #weekly-week-ahead .eztype-flexbox-content {
	grid-template-columns: 240px minmax(0, 1fr);
}

.nn-entry__content [class*="ez-weekly-layout-"] .ez-weekly-section-heading {
	grid-column: 1 / -1;
	grid-row: 1;
}

.nn-entry__content [class*="ez-weekly-layout-"] .ez-weekly-inline-image,
.nn-entry__content [class*="ez-weekly-layout-"] .ez-daily-inline-image {
	grid-column: 1;
	grid-row: 2;
	float: none !important;
	width: auto;
	max-width: none !important;
	margin: 4px 0 var(--nn-space-3, 0.75rem) !important;
}

.nn-entry__content [class*="ez-weekly-layout-"] .eztype-flexbox-content > :not(h2):not(div) {
	grid-column: 2;
}

/* Итог недели без картинки — текст во всю ширину. */
.nn-entry__content [class*="ez-weekly-layout-"] #weekly-summary .eztype-flexbox-content > :not(h2) {
	grid-column: 1 / -1;
}

.nn-entry__content .ez-horoscope-block .ez-daily-inline-image img,
.nn-entry__content .ez-horoscope-block .ez-weekly-inline-image img,
.nn-entry__content .ez-horoscope-block .ez-monthly-inline-image img {
	width: 100% !important;
	max-width: 100% !important;
	margin: 0 !important;
	border-radius: var(--nn-radius-card, 6px) !important;
}

/* Шапка как у рецепта (0.5.0): картинка знака уже в обложке слева от
 * заголовка — в блоке она повторялась бы. Без обложки остаётся. */
.nn-entry:has(.nn-entry__header--split) .ez-hero .ez-daily-inline-image,
.nn-entry:has(.nn-entry__header--split) #weekly-week-ahead .ez-weekly-inline-image,
.nn-entry:has(.nn-entry__header--split) .ez-monthly-inline-image {
	/* У недели и месяца display задан в атрибуте style. */
	display: none !important;
}

.nn-entry:has(.nn-entry__header--split) [class*="ez-weekly-layout-"] #weekly-week-ahead .eztype-flexbox-content > :not(h2) {
	grid-column: 1 / -1;
}

/* Дата прогноза и подпись месяца — как подзаголовок рецепта. */
.nn-entry__content .ez-horoscope-block .ez-hero-text > h3,
.nn-entry__content .ez-horoscope-block .ez-monthly-subtitle {
	margin: 0 0 var(--nn-space-3, 0.75rem);
	color: var(--nn-color-gold-bright, #f3e3b0);
	font-size: var(--nn-fs-md, 1.125rem);
	font-style: italic;
	font-weight: 400;
	text-align: left;
}

.nn-entry__content .ez-horoscope-block .ez-monthly-header {
	margin: 0;
	padding: 0;
	border: 0;
	background: none;
}

/* ---------------------------------------------------------------
 * Месяц
 * --------------------------------------------------------------- */

/* Палитра плагина: где её нет, он берёт свои светлые цвета, а текст
 * наследуется от тёмной темы — на светлом не видно. */
.nn-entry__content .ez-monthly-horoscope-block {
	--wp--preset--color--base-2: var(--nn-color-surface, #242633);
	--wp--preset--color--contrast-3: var(--nn-color-border, #3a3d4d);
	--wp--preset--color--foreground: var(--nn-color-text, #cfd8dd);
	--wp--preset--color--secondary: var(--nn-color-text-muted, #85a1bb);
}

/* Ключевые даты — строки с отбивкой, как ингредиенты рецепта. */
.nn-entry__content .ez-horoscope-block .ez-monthly-dates-list {
	margin: 0 0 var(--nn-space-3, 0.75rem);
	padding: 0;
	list-style: none;
}

.nn-entry__content .ez-horoscope-block .ez-monthly-date-item {
	display: flex;
	gap: var(--nn-space-4, 1rem);
	margin: 0;
	padding: 6px 0;
	border: 0;
	border-bottom: 1px dotted var(--nn-color-gold-dim, rgba(195, 154, 81, 0.45));
}

.nn-entry__content .ez-horoscope-block .ez-monthly-date {
	flex: 0 0 7.5em;
	color: var(--nn-color-gold, #c39a51);
	font-weight: var(--nn-fw-bold, 700);
}

/* Области фокуса — подразделы без цветных карточек. */
.nn-entry__content .ez-horoscope-block .ez-monthly-focus-areas > h2 {
	--nn-h-mask: url("icons/star.svg?v=1");
}

.nn-entry__content .ez-horoscope-block .ez-monthly-focus-title::before {
	content: "✦ ";
	color: var(--nn-color-gold, #c39a51);
}

/* Мантра — врезка рецепта (.nn-note): подложка, золотая рамка. */
.nn-entry__content .ez-horoscope-block .ez-monthly-horoscope .ez-monthly-mantra {
	clear: both;
	margin: var(--nn-space-5, 1.5rem) 0 var(--nn-space-3, 0.75rem);
	padding: var(--nn-space-5, 1.5rem);
	border: 1px solid var(--nn-color-gold-dim, rgba(195, 154, 81, 0.45));
	border-radius: var(--nn-radius-card, 6px);
	background: var(--nn-color-surface, #242633);
	color: var(--nn-color-text, #cfd8dd);
	text-align: center;
}

.nn-entry__content .ez-horoscope-block .ez-monthly-mantra h2,
.nn-entry__content .ez-horoscope-block .ez-monthly-mantra h3 {
	min-height: 0;
	margin: 0 0 var(--nn-space-3, 0.75rem);
	padding: 0;
	border: 0;
	counter-increment: none;
	color: var(--nn-color-gold, #c39a51);
	font-size: var(--nn-fs-md, 1.125rem);
	letter-spacing: 0.04em;
	text-align: center;
	text-transform: uppercase;
}

/* Заголовок мантры — без номера и значка: это врезка, а не раздел. */
.nn-entry__content .ez-horoscope-block .ez-monthly-mantra h2::before,
.nn-entry__content .ez-horoscope-block .ez-monthly-mantra h2::after {
	content: none;
}

/* Практики: у плагина списки без маркеров. */
.nn-entry__content .ez-horoscope-block .ez-monthly-practices ul {
	padding-left: 1.1em;
	list-style: disc;
}

.nn-entry__content .ez-horoscope-block .ez-monthly-practices li {
	display: list-item;
}

.nn-entry__content .ez-horoscope-block .ez-monthly-journaling-list {
	list-style: "? ";
}

.nn-entry__content .ez-horoscope-block .ez-monthly-mantra-text {
	margin: 0 0 var(--nn-space-3, 0.75rem);
	padding: 0;
	border: 0;
	background: none;
	color: var(--nn-color-gold-bright, #f3e3b0);
	font-size: var(--nn-fs-md, 1.125rem);
	font-style: italic;
}

.nn-entry__content .ez-horoscope-block .ez-monthly-closing {
	margin: 0;
	color: var(--nn-color-text-muted, #85a1bb);
	text-align: center;
}

/* ---------------------------------------------------------------
 * Калькуляторы: форма — врезка рецепта (подложка, золотая рамка),
 * поля — как поля темы (.nn-input), кнопка — золотая (.nn-btn--gold).
 * --------------------------------------------------------------- */

.nn-entry__content .ez-horoscope-block .ezhp-form,
.nn-entry__content .ez-moon-phase-widget {
	margin: 0 0 var(--nn-space-5, 1.5rem);
	padding: var(--nn-space-5, 1.5rem);
	border: 1px solid var(--nn-color-gold-dim, rgba(195, 154, 81, 0.45));
	border-radius: var(--nn-radius-card, 6px);
	/* У нумерологии плагин задаёт фон всем div с !important. */
	background: var(--nn-color-surface, #242633) !important;
	box-shadow: none;
	color: var(--nn-color-text, #cfd8dd);
}

.nn-entry__content .ezhp-form label,
.nn-entry__content .ezhp-form .ezhp-person-section h3,
.nn-entry__content .ezhp-form .ezhp-person-section h4 {
	color: var(--nn-color-gold-bright, #f3e3b0);
	font-size: var(--nn-fs-sm, 0.85rem);
	font-weight: var(--nn-fw-bold, 700);
}

.nn-entry__content .ez-horoscope-block .ezhp-form input[type="text"],
.nn-entry__content .ez-horoscope-block .ezhp-form input[type="date"],
.nn-entry__content .ez-horoscope-block .ezhp-form input[type="datetime-local"],
.nn-entry__content .ez-horoscope-block .ezhp-form select,
.nn-entry__content .ez-moon-phase-widget select.ez-moon-zodiac-dropdown {
	min-height: 44px;
	padding: var(--nn-space-2, 0.5rem) var(--nn-space-3, 0.75rem);
	border: 1px solid var(--nn-color-border-strong, #4f5366);
	border-radius: var(--nn-radius-md, 6px);
	background-color: var(--nn-color-field-bg, #1d1f27);
	color: var(--nn-color-field-text, #cfd8dd);
	font-family: var(--nn-font-body, inherit);
	font-size: var(--nn-fs-base, 1rem);
	box-shadow: none;
	transition: border-color var(--nn-transition, 0.3s ease);
}

.nn-entry__content .ezhp-form input:hover,
.nn-entry__content .ezhp-form input:focus,
.nn-entry__content .ezhp-form select:hover,
.nn-entry__content .ezhp-form select:focus,
.nn-entry__content .ez-moon-phase-widget select:hover {
	border-color: var(--nn-color-gold, #c39a51);
	outline: 0;
}

.nn-entry__content .ezhp-form input[type="checkbox"] {
	accent-color: var(--nn-color-gold, #c39a51);
}

.nn-entry__content .ez-horoscope-block .ezhp-form button.ezhp-fetch-button {
	min-height: 44px;
	padding: var(--nn-space-2, 0.5rem) var(--nn-space-5, 1.5rem);
	border: 0;
	border-radius: var(--nn-radius-md, 6px);
	background-color: transparent;
	background-image: var(--nn-gradient-gold, linear-gradient(#c39a51, #c39a51));
	color: var(--nn-color-on-gold, #2a1f0c);
	font-weight: var(--nn-fw-bold, 700);
	cursor: pointer;
	transition: filter var(--nn-transition, 0.3s ease);
}

.nn-entry__content .ez-horoscope-block .ezhp-form button.ezhp-fetch-button:hover,
.nn-entry__content .ez-horoscope-block .ezhp-form button.ezhp-fetch-button:focus-visible {
	opacity: 1;
	background-image: var(--nn-gradient-gold, linear-gradient(#c39a51, #c39a51));
	color: var(--nn-color-on-gold, #2a1f0c);
	filter: brightness(1.12);
}

/* Нумерология задаёт полям и кнопке фон, рамку, цвет и шрифт
 * с !important — отвечаем тем же, иначе форма остаётся плагинной. */
.nn-entry__content .numerology-block .ezhp-form input[type="text"],
.nn-entry__content .numerology-block .ezhp-form input[type="date"] {
	border: 1px solid var(--nn-color-border-strong, #4f5366) !important;
	background: var(--nn-color-field-bg, #1d1f27) !important;
	color: var(--nn-color-field-text, #cfd8dd) !important;
	font: var(--nn-fs-base, 1rem) var(--nn-font-body, inherit) !important;
}

.nn-entry__content .numerology-block .ezhp-form button.ezhp-fetch-button {
	border: 0 !important;
	border-radius: var(--nn-radius-md, 6px) !important;
	background: var(--nn-gradient-gold, #c39a51) !important;
	color: var(--nn-color-on-gold, #2a1f0c) !important;
	font: var(--nn-fw-bold, 700) var(--nn-fs-base, 1rem) var(--nn-font-body, inherit) !important;
}

/* Толкование Таро — те же строки раздела; у расклада своя обёртка. */
.nn-entry__content .ez-tarot-spread .reading-container h2 {
	margin: var(--nn-space-5, 1.5rem) 0 var(--nn-space-3, 0.75rem);
	padding: var(--nn-space-4, 1rem) 0 0;
	border-top: 1px solid var(--nn-color-gold-dim, rgba(195, 154, 81, 0.45));
	color: var(--nn-color-gold, #c39a51);
	font-size: var(--nn-fs-md, 1.125rem);
	letter-spacing: 0.04em;
	text-transform: uppercase;
}

.nn-entry__content .ez-tarot-spread .reading-container h3,
.nn-entry__content .ez-tarot-spread .reading-container strong,
.nn-entry__content .ez-tarot-spread .reading-container b {
	color: var(--nn-color-gold-bright, #f3e3b0);
}

.nn-entry__content .ez-tarot-spread .reading-container li::marker {
	color: var(--nn-color-gold, #c39a51);
}

/* Ответ калькулятора: заголовки — строки раздела рецепта без значка,
 * подзаголовки и выделения — светлым золотом (общие правила выше). */
.nn-entry__content .ez-horoscope-block.wp-block h2,
.nn-entry__content .ez-moon-content-container h2 {
	margin: var(--nn-space-5, 1.5rem) 0 var(--nn-space-3, 0.75rem);
	padding: var(--nn-space-4, 1rem) 0 0;
	border: 0;
	border-top: 1px solid var(--nn-color-gold-dim, rgba(195, 154, 81, 0.45));
	background: none;
	/* Нумерология красит свои h2 в цвет текста с !important. */
	color: var(--nn-color-gold, #c39a51) !important;
	font-size: var(--nn-fs-md, 1.125rem);
	letter-spacing: 0.04em;
	text-align: left;
	text-transform: uppercase;
}

/* ---------------------------------------------------------------
 * Неделя: у дней плагин оставил отступ карточки
 * --------------------------------------------------------------- */

.nn-entry__content [class*="ez-weekly-layout-"] .eztype-flexbox-item {
	padding-inline: 0;
}

/* ---------------------------------------------------------------
 * Таро: веер карт и три ячейки расклада рассчитаны на колонку шире
 * нашей (веер ~1000 точек, ячейки по 265). Веер уменьшаем целиком —
 * карты остаются кликабельными, — а ячейки делим поровну. Обрезка по
 * краю — страховка для промежуточных ширин, без прокрутки вбок.
 * --------------------------------------------------------------- */

.nn-entry__content .ez-tarot-spread .deck-area {
	overflow-x: clip;
}

/* Отступ сверху (140 точек, по id и с !important) плагин держит под
 * полноразмерный веер — над уменьшенным он пустой. */
.nn-entry__content .ez-tarot-spread #deckArea {
	padding-top: 8px !important;
}

.nn-entry__content .ez-tarot-spread .deck-container {
	transform: scale(0.7);
	transform-origin: center bottom;
}

/* Ряд ячеек плагин поднимает под полноразмерный веер (на 150 и 110
 * точек); уменьшенный веер ниже — без поправки края ложатся на ячейки. */
.nn-entry__content .ez-tarot-spread .selected-cards {
	transform: translateY(-62px);
}

@media (min-width: 601px) {

	.nn-entry__content .ez-tarot-spread .selected-slot {
		flex: 1 1 0;
		width: auto !important;
		min-width: 0 !important;
		max-width: none !important;
	}
}

@media (max-width: 600px) {

	.nn-entry__content .ez-tarot-spread .deck-container {
		transform: scale(0.74);
	}

	.nn-entry__content .ez-tarot-spread .selected-cards {
		transform: translateY(-84px);
	}
}

/* ---------------------------------------------------------------
 * Телефон: колонка значков уже, картинки — во всю ширину
 * --------------------------------------------------------------- */

@media (max-width: 599px) {

	.nn-entry__content .ez-horoscope-block {
		--nn-h-gutter: 44px;
		--nn-h-icon: 32px;
	}

	.nn-entry__content .ez-hero .ez-daily-inline-image,
	.nn-entry__content .ez-horoscope-block .ez-monthly-inline-image {
		width: 140px;
		margin-right: var(--nn-space-4, 1rem) !important;
	}

	/* Неделя: одна колонка — заголовок, картинка полосой, текст. */
	.nn-entry__content [class*="ez-weekly-layout-"] .eztype-flexbox-content,
	.nn-entry__content [class*="ez-weekly-layout-"] #weekly-week-ahead .eztype-flexbox-content {
		grid-template-columns: minmax(0, 1fr);
	}

	.nn-entry__content [class*="ez-weekly-layout-"] .eztype-flexbox-content > :not(h2):not(div) {
		grid-column: 1;
	}

	.nn-entry__content [class*="ez-weekly-layout-"] .eztype-flexbox-content > div {
		grid-row: 2;
	}

	.nn-entry__content [class*="ez-weekly-layout-"] .ez-weekly-inline-image img,
	.nn-entry__content [class*="ez-weekly-layout-"] .ez-daily-inline-image img {
		height: 120px !important;
		object-fit: cover;
	}

	.nn-entry__content .ez-horoscope-block .ez-monthly-date-item {
		flex-direction: column;
		gap: 2px;
	}

	/* Ширина колонки даты в столбик стала бы её высотой. */
	.nn-entry__content .ez-horoscope-block .ez-monthly-date {
		flex: none;
		margin: 0;
	}

	.nn-entry__content .ez-horoscope-block .ez-monthly-mantra {
		padding: var(--nn-space-4, 1rem);
	}
}

@media print {

	.nn-entry__content .ez-horoscope-block {
		padding-left: 0;
	}

	.nn-entry__content .ez-horoscope-block h2::after {
		display: none;
	}
}
