/*
 * Archive — observatorio-cero-theme
 *
 * Styles for the archive template (templates/archive.html).
 * Includes: archive hero and posts grid wrapper.
 *
 * Pagination and posts grid layout rules live in utils.css (Layer 2).
 * Uses only CSS custom properties from theme.json / color-modes.css.
 */

/* ═══════════════════════════════════════════
 * Archive Hero — Transparent, consistent with post-hero
 * ═══════════════════════════════════════════ */

.oc-archive-hero {
	background: transparent;
	border-bottom: var(--wp--custom--ui--decoration--border) solid color-mix(in srgb, var(--wp--preset--color--outline-variant) var(--wp--custom--blend--hairline), transparent);
}

/* Breadcrumbs — hover consistent with site links */
.oc-archive-hero .wp-block-breadcrumbs,
.oc-archive-hero .wp-block-breadcrumbs a {
	text-decoration: none;
	color: var(--wp--preset--color--on-surface-variant);
	transition:
		color var(--wp--custom--ui--interaction--medium),
		transform var(--wp--custom--ui--interaction--medium);
	display: inline-block;
	transform: translateX(0) scale(1);
}

.oc-archive-hero .wp-block-breadcrumbs a:hover {
	color: var(--wp--preset--color--primary);
	transform: translateX(var(--wp--custom--ui--decoration--transform-translate)) scale(var(--wp--custom--ui--scale--text));
}

/* Archive title — wp:query-title */
.oc-archive-hero .wp-block-query-title {
	color: var(--wp--preset--color--on-surface);
}

/* Term description */
.oc-archive-hero__description {
	color: var(--wp--preset--color--on-surface-variant);
	max-width: var(--wp--custom--ui--sizes--content-narrow);
}

/* ═══════════════════════════════════════════
 * Archive Posts Grid — 3 columns responsive
 * ═══════════════════════════════════════════ */

.oc-archive-posts-grid {
	width: 100%;
}

/* Grid layout and equal-height card rules live in utils.css so the
 * archive-posts pattern works on both archive templates and regular pages. */

/* ═══════════════════════════════════════════
 * Reduced Motion
 * ═══════════════════════════════════════════ */

@media (prefers-reduced-motion: reduce) {
	.oc-archive-hero .wp-block-breadcrumbs a {
		transition: none;
		transform: none !important;
	}
}