/*
 * ÇandName CSS modülü: Etkinlik sayfaları
 * /events/ arşivi (.evx*), tek etkinlik sayfası (.evp*), etkinlik kartı (.evc*).
 * Markup: template-parts/event-archive.php, template-parts/single-event.php, inc/event-pages.php
 * Bu dosya diğer CSS dosyalarından bağımsızdır; hata yalnızca bu alanı etkiler. Yükleme sırası: inc/assets.php
 */

/* ---------- ortak: düğmeler, kart ---------- */
.evx-btn {
	display: inline-flex; align-items: center; gap: 8px; min-height: 44px; padding: 0 18px; border: 1px solid var(--line); border-radius: 999px;
	background: var(--surface); color: var(--ink); font: 600 calc(14px * var(--fs, 1)) var(--sans); text-decoration: none; cursor: pointer;
}
.evx-btn:hover { border-color: var(--green); color: var(--green); }
.evx-btn--main { background: var(--green); border-color: var(--green); color: #fff; }
.evx-btn--main:hover { background: var(--green-dark); border-color: var(--green-dark); color: #fff; }
.evx-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin-top: 18px; }

.evc-poster {
	display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; height: 100%; min-height: 150px;
	background: var(--green-dark); color: #fff; font-family: var(--serif);
}
.evc-poster b { font-size: 56px; line-height: 1; color: var(--gold); }
.evc-poster small { margin-top: 6px; font: 600 13px var(--sans); letter-spacing: .12em; text-transform: uppercase; color: #dbe8df; }

.evx-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 300px), 1fr)); gap: 20px; }
.evc { display: flex; flex-direction: column; min-width: 0; background: var(--surface); border: 1px solid var(--line); border-radius: 6px; overflow: hidden; }
.evc:hover { border-color: var(--green); }
.evc-media { position: relative; display: block; aspect-ratio: 16 / 9; overflow: hidden; background: var(--green-dark); }
.evc-media img { display: block; width: 100%; height: 100%; object-fit: cover; }
.evc-badge {
	position: absolute; inset-block-start: 10px; inset-inline-start: 10px; padding: 4px 10px; border-radius: 3px; background: var(--gold); color: var(--green-dark);
	font: 700 11px var(--sans); letter-spacing: .08em; text-transform: uppercase;
}
.evc--ongoing .evc-badge { background: var(--red); color: #fff; }
.evc--past .evc-badge { background: #4a524d; color: #fff; }
.evc--past .evc-media img, .evc--past .evc-poster { filter: grayscale(.7); }
.evc-body { display: flex; flex-direction: column; gap: 8px; padding: 16px; }
.evc-top { display: flex; flex-wrap: wrap; gap: 4px 12px; align-items: center; font-size: calc(13px * var(--fs, 1)); color: var(--muted); }
.evc-type { font-style: normal; font-weight: 700; font-size: calc(12px * var(--fs, 1)); letter-spacing: .06em; text-transform: uppercase; color: var(--red); }
.evc-title { margin: 0; font-family: var(--serif); font-size: calc(20px * var(--fs, 1)); line-height: 1.25; }
.evc-title a { color: var(--ink); text-decoration: none; }
.evc-title a:hover { color: var(--green); }
.evc-meta { display: flex; flex-wrap: wrap; gap: 4px 14px; margin: 0; font-size: calc(13.5px * var(--fs, 1)); color: var(--body); }
.evc-meta i { color: var(--green); margin-inline-end: 4px; }
.evc-count { margin: 0; font-weight: 600; font-size: calc(13.5px * var(--fs, 1)); color: var(--green); }
.evc--past .evc-count { display: none; }

/* ---------- ARŞİV ---------- */
.evx-hero { background: var(--green-dark); color: #fff; padding: clamp(28px, 5vw, 56px) var(--gutter) 0; }
.evx-hero-in { display: flex; gap: 20px; align-items: center; }
.evx-hero-icon { flex: none; display: flex; align-items: center; justify-content: center; width: 64px; height: 64px; border-radius: 50%; background: var(--gold); color: var(--green-dark); font-size: 28px; }
.evx-hero-title { margin: 0; color: #fff; font-size: calc(clamp(32px, 5vw, 52px) * var(--fs, 1)); line-height: 1.05; }
.evx-hero-text { margin: 8px 0 0; max-width: 60ch; color: #cfe0d5; font-size: calc(17px * var(--fs, 1)); }
.evx-stats { display: flex; flex-wrap: wrap; gap: 10px; margin: 28px 0 0; padding: 0 0 24px; list-style: none; }
.evx-stats a { display: flex; align-items: baseline; gap: 10px; padding: 10px 18px; border: 1px solid #2c6b4a; border-radius: 6px; color: #fff; text-decoration: none; }
.evx-stats a:hover { border-color: var(--gold); }
.evx-stats b { font: 700 28px var(--serif); color: var(--gold); }
.evx-stats span { font-size: calc(14px * var(--fs, 1)); color: #dbe8df; }

.evx-wrap { padding: 28px var(--gutter) 48px; }
.evx-bar { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px 16px; margin: 0 0 16px; }
.evx-tabs { display: flex; flex-wrap: wrap; gap: 8px; }
.evx-tab { display: inline-flex; align-items: center; gap: 6px; min-height: 40px; padding: 0 16px; border: 1px solid var(--line); border-radius: 999px; background: var(--surface); color: var(--ink); font: 600 calc(14px * var(--fs, 1)) var(--sans); text-decoration: none; }
.evx-tab:hover { border-color: var(--green); }
.evx-tab.is-on { background: var(--green); border-color: var(--green); color: #fff; }
.evx-month { display: inline-flex; align-items: center; gap: 12px; }
.evx-month a { display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; border: 1px solid var(--line); border-radius: 50%; background: var(--surface); color: var(--ink); text-decoration: none; }

.evx-filters { display: flex; flex-wrap: wrap; align-items: flex-end; gap: 12px; margin: 0 0 28px; padding: 14px; border: 1px solid var(--line); border-radius: 6px; background: var(--surface); }
.evx-filters label { display: flex; flex-direction: column; gap: 4px; min-width: 150px; font-size: calc(12px * var(--fs, 1)); font-weight: 600; color: var(--muted); letter-spacing: .04em; text-transform: uppercase; }
.evx-filters select { min-height: 44px; padding: 0 12px; border: 1px solid var(--line); border-radius: 6px; background: var(--paper); color: var(--ink); font: 500 calc(15px * var(--fs, 1)) var(--sans); text-transform: none; letter-spacing: 0; }
.evx-clear { align-self: center; font-size: calc(14px * var(--fs, 1)); color: var(--red); }

.evx-none { padding: 32px 0; color: var(--muted); }
.evx-sec { margin: 0 0 40px; }
.evx-sec-title { display: flex; align-items: baseline; gap: 10px; margin: 0 0 16px; padding-inline-start: 12px; border-inline-start: 4px solid var(--gold); font-size: calc(26px * var(--fs, 1)); }
.evx-sec-title small { font: 600 14px var(--sans); color: var(--muted); }
.evx-sec--ongoing .evx-sec-title { border-color: var(--red); }
.evx-sec--past .evx-sec-title { border-color: var(--line); color: var(--muted); }
.evx-more { margin: 16px 0 0; }
.evx-more a { font-weight: 600; }

.evx-feature { display: grid; grid-template-columns: minmax(0, 1fr); gap: 0; margin: 0 0 40px; border: 1px solid var(--line); border-radius: 8px; overflow: hidden; background: var(--surface); }
@media (min-width: 860px) { .evx-feature { grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); } }
.evx-feature-media { display: block; min-height: 240px; background: var(--green-dark); }
.evx-feature-media img { display: block; width: 100%; height: 100%; object-fit: cover; }
.evx-feature-media .evc-poster { min-height: 280px; }
.evx-feature-body { display: flex; flex-direction: column; justify-content: center; padding: clamp(20px, 4vw, 40px); }
.evx-kicker { font: 700 calc(12px * var(--fs, 1)) var(--sans); letter-spacing: .1em; text-transform: uppercase; color: var(--red); }
.evx-feature-title { margin: 10px 0 8px; font-size: calc(clamp(24px, 3.4vw, 38px) * var(--fs, 1)); line-height: 1.12; }
.evx-feature-title a { color: var(--ink); text-decoration: none; }
.evx-feature-title a:hover { color: var(--green); }
.evx-feature-when { margin: 0; color: var(--body); font-size: calc(17px * var(--fs, 1)); }

/* ---------- TEK ETKİNLİK ---------- */
.evp { padding: 8px var(--gutter) 48px; }
.evp-hero { display: grid; grid-template-columns: minmax(0, 1fr); gap: 24px; margin: 8px 0 32px; }
@media (min-width: 860px) { .evp-hero { grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr); gap: 40px; align-items: center; } }
.evp-media { border-radius: 8px; overflow: hidden; background: var(--green-dark); box-shadow: 10px 10px 0 var(--gold); margin: 0 10px 10px 0; }
.evp-media img { display: block; width: 100%; height: auto; max-height: 520px; object-fit: cover; }
.evp-media .evc-poster { min-height: 320px; }
.evp-pills { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 14px; }
.evp-pill { padding: 4px 12px; border-radius: 999px; background: var(--mint); color: var(--green-dark); font: 700 calc(12px * var(--fs, 1)) var(--sans); letter-spacing: .06em; text-transform: uppercase; }
.evp-pill--status { background: var(--gold); }
.evc--ongoing .evp-pill--status { background: var(--red); color: #fff; }
.evc--past .evp-pill--status { background: #4a524d; color: #fff; }
.evp-title { margin: 0 0 12px; font-size: calc(clamp(30px, 4.6vw, 54px) * var(--fs, 1)); line-height: 1.06; letter-spacing: -.015em; color: var(--green-dark); }
.evp-when { margin: 0 0 8px; font-size: calc(20px * var(--fs, 1)); color: var(--body); }
.evp-count { margin: 0; font-weight: 700; color: var(--green); }
.evp-share { display: inline-flex; }

.evp-cols { display: grid; grid-template-columns: minmax(0, 1fr); gap: 32px; align-items: start; }
@media (min-width: 960px) { .evp-cols { grid-template-columns: minmax(0, 1fr) 340px; gap: 48px; } }
@media (min-width: 960px) { .evp-side { position: sticky; top: 96px; } }
.evp-side { padding: 22px; border: 1px solid var(--line); border-radius: 8px; background: var(--surface); }
.evp-h { margin: 0 0 14px; font-size: calc(22px * var(--fs, 1)); }
.evp-info { margin: 0; display: flex; flex-direction: column; gap: 14px; }
.evp-info-row { display: flex; gap: 14px; align-items: flex-start; }
.evp-info-row dt { flex: none; display: flex; align-items: center; justify-content: center; width: 38px; height: 38px; border-radius: 50%; background: var(--mint); color: var(--green); }
.evp-info-row dd { margin: 0; min-width: 0; overflow-wrap: anywhere; color: var(--ink); font-weight: 500; }
.evp-info-row dd small { display: block; font-size: calc(12px * var(--fs, 1)); font-weight: 600; letter-spacing: .06em; text-transform: uppercase; color: var(--muted); }
.evp-info-row dd a { color: var(--green); }
.evp-people { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 12px; margin: 0 0 24px; padding: 0; list-style: none; }
.evp-people li { display: flex; gap: 12px; align-items: center; padding: 12px 14px; border: 1px solid var(--line); border-radius: 6px; background: var(--surface); }
.evp-people i { flex: none; width: 36px; height: 36px; display: flex; align-items: center; justify-content: center; border-radius: 50%; background: var(--green-dark); color: var(--gold); }
.evp-people small { display: block; font-size: calc(11px * var(--fs, 1)); letter-spacing: .06em; text-transform: uppercase; color: var(--muted); }
.evp-note { margin: 0 0 24px; padding: 14px 18px; border-inline-start: 4px solid var(--gold); background: var(--surface); color: var(--body); }
.evp-nav { margin-top: 40px; }
.evp-others { margin-top: 48px; }

html[data-theme="dark"] .evp-title { color: #fff; }
html[data-theme="dark"] .evp-pill { background: #22302a; color: #eef3ef; }
html[data-theme="dark"] .evp-pill--status { background: var(--gold); color: var(--green-dark); }
@media (max-width: 599px) {
	.evx-filters label { min-width: 100%; }
	.evx-hero-in { align-items: flex-start; }
}
@media print { .evx-filters, .evx-bar, .evx-actions { display: none; } }

.evc-poster .ph-ico { margin-bottom: 8px; color: #dbe8df; opacity: .85; }