/**
 * Saints Today — стили.
 *
 * Принцип: плагин НЕ задаёт шрифты, цвета, размеры шрифта или межстрочный
 * интервал — всё это наследуется от темы. Плагин задаёт ТОЛЬКО раскладку
 * (float картинки и обтекание) и отображаемый размер картинки.
 *
 * КАК ЭТО РАБОТАЕТ: шорткод выводит картинку, дату, заголовок и параграфы
 * плоско — как прямых потомков `.entry-content`, без обёрточных div-ов.
 * Поэтому селекторы темы вида `.entry-content > p` и `.entry-content > h3`
 * применяются к ним автоматически. Плагину не нужно знать, какой шрифт или
 * кегль у темы — карточка всегда выглядит как обычный текст поста.
 *
 * Важно: НЕ добавляйте сюда `font`/`font-family`/`color`/`font-size` (даже
 * `inherit`) — это перебивает селекторы темы и ломает наследование.
 */

/* Картинка. float (а не flex): тогда длинный текст, дойдя до низа картинки,
 * продолжается на всю ширину (обтекание), а не остаётся зажатым в колонке. */
.saints-today-image {
	float: left;
	width: 300px;
	max-width: 50%;
	margin: 0 1.5em 0.3em 0;
}

.saints-today-image img {
	width: 100%;
	height: auto;
	display: block;
}

/* Сброс float в конце карточки: если текст короче картинки, следующий за
 * карточкой контент поста не должен налезать на изображение. */
.saints-today-clear {
	clear: both;
}

/* Дата: мелкая приглушённая подпись над именем (специфика карточки). */
.saints-today-date {
	opacity: 0.7;
	margin: 0 0 0.3em;
}

/* Имя святого (h3). Шрифт/размер/цвет — полностью от темы. `clear: none`
 * страховочно сбрасывает обтекание, которое некоторые темы навязывают
 * заголовкам внутри .entry-content (`clear: both`), иначе h3 прыгал бы под
 * картинку. Сам шрифт мы НЕ трогаем. */
.saints-today-name {
	margin: 0 0 0.6em 0;
	clear: none;
}

/* Заглушка «не найдено» */
.saints-today-empty {
	opacity: 0.6;
	font-style: italic;
}

/* На узких экранах — стопкой: картинка по центру, текст под ней. */
@media ( max-width: 540px ) {
	.saints-today-image {
		float: none;
		width: 240px;
		max-width: 70%;
		margin: 0 auto 1em;
	}
}