/*
 * Rovat- és archívum-nézet.
 *
 * A CategoryScreen elrendezése: fejrész, alatta lista és oldalsáv. A kártya itt
 * MINDEN szélességen vízszintes, nem csak mobilon: egy archívum lista, nem rács.
 */

.ag-archive__head {
	display: grid;
	gap: var(--space-3);
	max-width: var(--measure-lede);
	padding-block: var(--space-8) var(--space-6);
}

.ag-archive__eyebrow {
	margin: 0;
	font: var(--type-label);
	letter-spacing: var(--tracking-eyebrow);
	text-transform: uppercase;
	color: var(--text-accent);
}

.ag-archive__title { margin: 0; font: var(--type-h1); }

.ag-archive__lede {
	font: var(--type-lede);
	color: var(--text-secondary);
}

.ag-archive__lede p { margin: 0; }

.ag-archive__layout {
	display: grid;
	grid-template-columns: 1fr;
	gap: var(--space-8);
	align-items: start;
	padding-bottom: var(--space-16);
}

.ag-archive__list { display: grid; gap: var(--space-4); }

/* A lista kártyái vízszintesek: kép balra, szöveg jobbra. A .ag-card alapot
   írjuk felül, nem újat gyártunk. */
.ag-archive__list .ag-card {
	display: grid;
	grid-template-columns: 116px minmax(0, 1fr);
	gap: var(--space-4);
	align-items: start;
	background: none;
	border: 0;
	border-bottom: 1px solid var(--border-subtle);
	border-radius: 0;
	padding-bottom: var(--space-4);
}

.ag-archive__list .ag-card__media img {
	aspect-ratio: 4 / 3;
	border-radius: var(--radius-image);
}

.ag-archive__list .ag-card__body { padding: 0; }

.ag-archive__empty {
	margin: 0;
	padding: var(--space-8) 0;
	color: var(--text-secondary);
}

/* --- Oldalsáv-doboz --- */

.ag-panel {
	background: var(--surface-card);
	border: 1px solid var(--border-subtle);
	border-radius: var(--radius-card);
	padding: var(--space-5);
	display: grid;
	gap: var(--space-3);
}

.ag-panel__title {
	margin: 0;
	font: var(--type-label);
	letter-spacing: var(--tracking-eyebrow);
	text-transform: uppercase;
	color: var(--text-accent);
}

.ag-panel__chips { display: flex; flex-wrap: wrap; gap: var(--space-2); }

/* --- Lapozás --- */

.ag-archive__list .navigation.pagination {
	display: flex;
	justify-content: center;
	padding-top: var(--space-4);
}

.ag-archive__list .nav-links {
	display: flex;
	align-items: center;
	gap: var(--space-2);
	flex-wrap: wrap;
}

.ag-archive__list .page-numbers {
	display: inline-grid;
	place-items: center;
	min-width: 40px;
	height: 40px;
	padding: 0 var(--space-3);
	font-family: var(--font-sans-ui);
	font-size: var(--text-sm);
	color: var(--text-body);
	text-decoration: none;
	border: 1px solid var(--border-subtle);
	border-radius: var(--radius-control);
	transition: var(--transition-control);
}

.ag-archive__list a.page-numbers:hover {
	border-color: var(--accent);
	color: var(--text-accent);
}

.ag-archive__list .page-numbers.current {
	background: var(--accent-fill);
	border-color: transparent;
	color: var(--text-on-accent);
}

.ag-archive__list .page-numbers.dots { border-color: transparent; }

@media (min-width: 900px) {
	.ag-archive__head { padding-block: var(--space-10) var(--space-6); }

	.ag-archive__layout {
		grid-template-columns: minmax(0, 1fr) var(--sidebar-w);
		gap: var(--space-10);
	}

	.ag-archive__list .ag-card { grid-template-columns: 220px minmax(0, 1fr); gap: var(--space-6); }
}

/* --- Kereső űrlap a találati oldal fejrészében --- */

.ag-searchform {
	display: flex;
	gap: var(--space-2);
	flex-wrap: wrap;
	margin-top: var(--space-2);
}

.ag-searchform__input {
	flex: 1 1 220px;
	min-width: 0;
	font: var(--type-ui);
	padding: 10px 14px;
	color: var(--text-body);
	background: var(--surface-card);
	border: 1px solid var(--border-strong);
	border-radius: var(--radius-control);
}

.ag-searchform__input:focus-visible { border-color: var(--accent); outline: none; box-shadow: var(--shadow-focus); }