/* ==========================================================================
   Компонент: блогът (шаблони „IH · Блог“ и „IH · Статия“) – мокъп v1.14: .ih-cat-nav, .ih-pagination, .ih-post
   Визията е в глобалните класове; тук е само това, което идва от WordPress / Bricks, а не от мокъпа:
   - категориите са линкове (aria-current="page"), не бутони (aria-pressed) – мокъпът филтрира с JS;
   - пагинацията е Bricks Pagination (ul.page-numbers > li > a/span.page-numbers);
   - снимките са Image елементи (img). Текстът на статията (.ih-post) – components/prose.css.
   ========================================================================== */

/* Категориите: отворената (като aria-pressed="true" в мокъпа). */
.ih-cat-nav__item {
	text-decoration: none;
}

.ih-cat-nav__item[aria-current] {
	background: var(--ih-color-ink);
	border-color: var(--ih-color-ink);
	color: var(--ih-color-surface);
}

.ih-cat-nav__item[aria-current] span {
	color: var(--ih-color-surface-raised);
}

/* Пагинацията (Bricks): като .ih-pagination__item в мокъпа. */
.ih-pagination ul.page-numbers {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: var(--ih-space-xs);
	margin: 0;
	padding: 0;
	list-style: none;
}

.ih-pagination .page-numbers:not(ul) {
	display: inline-grid;
	place-items: center;
	min-width: 4.4rem;
	min-height: 4.4rem;
	padding: 0 var(--ih-space-s);
	border-radius: var(--ih-radius-pill);
	background: none;
	color: var(--ih-color-ink);
	font-size: inherit;
	text-decoration: none;
}

.ih-pagination a.page-numbers:hover {
	background: var(--ih-color-surface);
}

.ih-pagination .page-numbers.current {
	background: var(--ih-color-ink);
	color: var(--ih-color-surface);
}

.ih-pagination .page-numbers svg {
	width: 1.4rem;
	height: 1.4rem;
	fill: currentColor;
}

/* Снимки в картите и на статията. */
.ih-post-card__media img,
.ih-feature-post__media img,
.ih-post-media img,
.ih-author__photo img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
