/**
 * PMAP Core - Genel arsiv + arama sonuclari UI stilleri.
 *
 * Yalnizca archive.php (kategori, etiket, yazar, tarih arsivleri) ve search.php
 * tarafindan kullanilir. Resource / service CPT arsivleri kendi sablon ve
 * stillerini kullanir. content-card.php kart markup'i (.card-resource,
 * .card-media, .card-title, .card-excerpt) icin grid + kart taban stilini
 * tanimlar. pmap-brand-override.css palet token'larini paylasir. Tum
 * selector'lar .site-main--archive / .site-main--search ile scope'ludur ki
 * ayni kart sinif adlari baska baglamlarda etkilenmesin.
 *
 * Responsive izgara: masaustu 3 sutun, 900px alti 2 sutun, 560px alti 1 sutun.
 */

/* ============================================================================
 * Hero (kategori basligi / arama sorgusu)
 * ========================================================================== */
.site-main--archive .archive-hero,
.site-main--search .archive-hero {
	background: linear-gradient(135deg, #041361 0%, #1E2C7A 100%);
	color: #fff;
	padding: 3.5rem 1rem 3rem;
}

.site-main--archive .archive-hero__inner,
.site-main--search .archive-hero__inner {
	max-width: 1200px;
	margin: 0 auto;
}

.site-main--archive .archive-hero__eyebrow,
.site-main--search .archive-hero__eyebrow {
	margin: 0 0 0.6rem;
	font-size: 0.78rem;
	font-weight: 700;
	letter-spacing: 0.16em;
	text-transform: uppercase;
	color: #3138A8;
}

.site-main--archive .archive-hero__title,
.site-main--search .archive-hero__title {
	margin: 0;
	font-size: clamp(1.75rem, 3vw, 2.6rem);
	line-height: 1.2;
	font-weight: 800;
	color: #fff;
}

.site-main--archive .archive-hero__intro,
.site-main--search .archive-hero__intro {
	margin: 1rem 0 0;
	max-width: 48rem;
	font-size: 1.05rem;
	line-height: 1.6;
	color: rgba(255, 255, 255, 0.85);
}

.site-main--search .archive-hero__title .search-term {
	color: #3138A8;
}

/* Hero icindeki arama formu (search.php) */
.site-main--search .archive-hero .search-form {
	display: flex;
	gap: 0.5rem;
	margin-top: 1.5rem;
	max-width: 32rem;
}

/* ============================================================================
 * Arama formu (hem hero hem "sonuc yok" bloklarinda kullanilir)
 * ========================================================================== */
.site-main--archive .search-form,
.site-main--search .search-form {
	display: flex;
	gap: 0.5rem;
	max-width: 32rem;
}

.site-main--archive .search-field,
.site-main--search .search-field {
	flex: 1 1 auto;
	min-width: 0;
	height: 44px;
	padding: 0 0.9rem;
	border: 1px solid var(--pmap-color-border, #D8DDE3);
	border-radius: 8px;
	background: #fff;
	color: var(--pmap-color-text, #0E1322);
	font-size: 0.95rem;
}

.site-main--archive .search-field:focus,
.site-main--search .search-field:focus {
	outline: none;
	border-color: var(--pmap-color-accent, #3138A8);
	box-shadow: 0 0 0 3px rgba(0, 180, 216, 0.25);
}

.site-main--archive .search-submit,
.site-main--search .search-submit {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 44px;
	height: 44px;
	padding: 0 1rem;
	border: none;
	border-radius: 8px;
	background: var(--pmap-color-accent, #3138A8);
	color: #041361;
	font-size: 1.1rem;
	font-weight: 700;
	cursor: pointer;
	transition: background 0.2s ease, color 0.2s ease;
}

.site-main--archive .search-submit:hover,
.site-main--archive .search-submit:focus,
.site-main--search .search-submit:hover,
.site-main--search .search-submit:focus {
	background: #fff;
	color: var(--pmap-color-primary, #041361);
}

/* ============================================================================
 * Kart izgarasi
 * ========================================================================== */
.site-main--archive .archive-grid,
.site-main--search .archive-grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: 1.5rem;
	width: 100%;
	max-width: 1200px;
	margin: 3rem auto;
	padding: 0 1rem;
}

@media (min-width: 560px) {
	.site-main--archive .archive-grid,
	.site-main--search .archive-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (min-width: 900px) {
	.site-main--archive .archive-grid,
	.site-main--search .archive-grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
		gap: 1.75rem;
	}
}

/* ============================================================================
 * Kart taban (content-card.php)
 * ========================================================================== */
.site-main--archive .card-resource,
.site-main--search .card-resource {
	display: flex;
	flex-direction: column;
	padding: 1.5rem;
	background: #fff;
	border: 1px solid var(--pmap-color-border, #D8DDE3);
	border-radius: 16px;
	overflow: hidden;
	transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
}

.site-main--archive .card-resource:hover,
.site-main--archive .card-resource:focus-within,
.site-main--search .card-resource:hover,
.site-main--search .card-resource:focus-within {
	transform: translateY(-6px);
	box-shadow: 0 22px 44px rgba(4, 19, 97, 0.16);
	border-color: var(--pmap-color-primary, #041361);
}

/* Gorsel tam-bleed: kart padding'ini negatif margin ile asar. Gorsel yoksa
 * markup'ta .card-media hic basilmaz, ilk metin ogesi padding'i dogal alir. */
.site-main--archive .card-resource .card-media,
.site-main--search .card-resource .card-media {
	display: block;
	margin: -1.5rem -1.5rem 1.25rem;
	aspect-ratio: 16 / 9;
	overflow: hidden;
	background: linear-gradient(135deg, #041361 0%, #1E2C7A 100%);
}

.site-main--archive .card-resource .card-media img,
.site-main--search .card-resource .card-media img {
	display: block;
	width: 100%;
	height: 100%;
	max-width: 100%;
	object-fit: cover;
}

/* Ust meta (kategori / resource_type rozeti) */
.site-main--archive .card-resource .card-meta,
.site-main--search .card-resource .card-meta {
	margin: 0 0 0.5rem;
	font-size: 0.78rem;
	font-weight: 700;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: var(--pmap-color-accent, #3138A8);
}

.site-main--archive .card-resource .card-title,
.site-main--search .card-resource .card-title {
	margin: 0 0 0.6rem;
	font-size: 1.15rem;
	line-height: 1.35;
	font-weight: 700;
}

.site-main--archive .card-resource .card-title a,
.site-main--search .card-resource .card-title a {
	color: var(--pmap-color-primary, #041361);
	text-decoration: none;
}

.site-main--archive .card-resource .card-title a:hover,
.site-main--archive .card-resource .card-title a:focus,
.site-main--search .card-resource .card-title a:hover,
.site-main--search .card-resource .card-title a:focus {
	text-decoration: underline;
}

.site-main--archive .card-resource .card-excerpt,
.site-main--search .card-resource .card-excerpt {
	margin: 0 0 1rem;
	font-size: 0.95rem;
	line-height: 1.6;
	color: var(--pmap-color-text, #0E1322);
	flex-grow: 1;
}

/* Alt meta (tarih): rozet stilini sifirla, notr gri kullan */
.site-main--archive .card-resource .card-meta--bottom,
.site-main--search .card-resource .card-meta--bottom {
	margin: 0 0 0.85rem;
	font-size: 0.82rem;
	font-weight: 500;
	letter-spacing: 0;
	text-transform: none;
	color: var(--pmap-color-secondary, #6B7986);
}

.site-main--archive .card-resource .card-cta,
.site-main--search .card-resource .card-cta {
	display: inline-flex;
	align-items: center;
	gap: 0.35rem;
	margin-top: auto;
	font-weight: 700;
	color: var(--pmap-color-primary, #041361);
	text-decoration: none;
}

.site-main--archive .card-resource .card-cta:hover,
.site-main--archive .card-resource .card-cta:focus,
.site-main--search .card-resource .card-cta:hover,
.site-main--search .card-resource .card-cta:focus {
	color: var(--pmap-color-accent, #3138A8);
}

/* ============================================================================
 * Pagination
 * ========================================================================== */
.site-main--archive .pagination,
.site-main--search .pagination {
	max-width: 1200px;
	margin: 0 auto 4rem;
	padding: 0 1rem;
	text-align: center;
}

.site-main--archive .pagination .nav-links,
.site-main--search .pagination .nav-links {
	display: inline-flex;
	flex-wrap: wrap;
	gap: 0.4rem;
	justify-content: center;
}

.site-main--archive .pagination .page-numbers,
.site-main--search .pagination .page-numbers {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 40px;
	height: 40px;
	padding: 0 0.6rem;
	border: 1px solid var(--pmap-color-border, #D8DDE3);
	border-radius: 6px;
	background: #fff;
	color: var(--pmap-color-text, #0E1322);
	text-decoration: none;
}

.site-main--archive .pagination .page-numbers:hover,
.site-main--archive .pagination .page-numbers:focus,
.site-main--search .pagination .page-numbers:hover,
.site-main--search .pagination .page-numbers:focus {
	border-color: var(--pmap-color-accent, #3138A8);
	color: var(--pmap-color-accent, #3138A8);
}

.site-main--archive .pagination .page-numbers.current,
.site-main--search .pagination .page-numbers.current {
	background: var(--pmap-color-primary, #041361);
	border-color: var(--pmap-color-primary, #041361);
	color: #fff;
}

/* ============================================================================
 * "Icerik bulunamadi" durumu (content-none.php)
 * ========================================================================== */
.site-main--archive .no-results,
.site-main--search .no-results {
	max-width: 1200px;
	margin: 3rem auto 4rem;
	padding: 0 1rem;
}

.site-main--archive .no-results .page-title,
.site-main--search .no-results .page-title {
	margin: 0 0 0.75rem;
	color: var(--pmap-color-primary, #041361);
}

.site-main--archive .no-results .page-content p,
.site-main--search .no-results .page-content p {
	margin: 0 0 1.25rem;
	color: var(--pmap-color-text, #0E1322);
}