/*
 * ÇandName CSS modülü: Etkinlik arşivi, liste ve takvim (inc/events-archive.php)
 * Bu dosya diğer CSS dosyalarından bağımsızdır.
 */
.cn-ev-bar { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px 16px; margin: 0 0 18px; }
.cn-ev-tabs { display: inline-flex; flex-wrap: wrap; gap: 6px; }
.cn-evt { padding: 7px 16px; border: 1px solid var(--line, #dfe5e0); border-radius: 999px; background: var(--surface, #fff); color: var(--ink, #1a201c); text-decoration: none; font-size: calc(14px * var(--fs, 1)); font-weight: 600; }
.cn-evt:hover { border-color: var(--green, #1e5a3c); }
.cn-evt.is-on { background: var(--green, #1e5a3c); border-color: var(--green, #1e5a3c); color: #fff; }
.cn-ev-month { display: inline-flex; align-items: center; gap: 12px; font-family: var(--serif, Georgia, serif); font-size: calc(17px * var(--fs, 1)); }
.cn-ev-month a { display: inline-grid; place-items: center; width: 32px; height: 32px; border: 1px solid var(--line, #dfe5e0); border-radius: 50%; color: var(--ink, #1a201c); text-decoration: none; }

.cn-evl { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; }
.cn-evl--big { grid-template-columns: repeat(auto-fill, minmax(min(100%, 380px), 1fr)); gap: 14px; }
.cn-evi { display: flex; gap: 14px; align-items: center; padding: 12px 14px; border: 1px solid var(--line, #dfe5e0); border-radius: 12px; background: var(--surface, #fff); }
.cn-evi.is-past { opacity: .72; }
.cn-evi-date { flex: 0 0 56px; display: grid; place-items: center; padding: 6px 0; border-radius: 10px; background: var(--mint, #e8f2ec); color: var(--green, #1e5a3c); text-align: center; line-height: 1; }
.cn-evi-date b { font-family: var(--serif, Georgia, serif); font-size: calc(24px * var(--fs, 1)); }
.cn-evi-date small { margin-top: 3px; font-size: calc(11.5px * var(--fs, 1)); font-weight: 800; text-transform: uppercase; letter-spacing: .06em; }
.cn-evi-body { display: grid; gap: 2px; min-width: 0; }
.cn-evi-type { font-style: normal; font-size: calc(11.5px * var(--fs, 1)); font-weight: 800; letter-spacing: .06em; text-transform: uppercase; color: var(--gold, #8a6d0f); }
.cn-evi-title { font-family: var(--serif, Georgia, serif); font-weight: 700; font-size: calc(17px * var(--fs, 1)); line-height: 1.3; color: var(--ink, #1a201c); text-decoration: none; }
.cn-evi-title:hover { text-decoration: underline; }
.cn-evi-meta { font-size: calc(13.5px * var(--fs, 1)); color: var(--muted, #5b665f); }
.cn-evl-none { padding: 18px; text-align: center; color: var(--muted, #5b665f); }
.cn-evl-all { margin: 10px 0 0; font-weight: 700; }

.cn-cal { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 4px; }
.cn-cal-h { padding: 6px 0; text-align: center; font-size: calc(12px * var(--fs, 1)); font-weight: 800; text-transform: uppercase; letter-spacing: .05em; color: var(--muted, #5b665f); }
.cn-cal-c { min-height: 84px; padding: 4px 5px; border: 1px solid var(--line, #dfe5e0); border-radius: 8px; background: var(--surface, #fff); overflow: hidden; }
.cn-cal-c.is-empty { border-color: transparent; background: none; }
.cn-cal-c.is-today { border-color: var(--gold, #c9a227); box-shadow: inset 0 0 0 1px var(--gold, #c9a227); }
.cn-cal-c.has-ev { background: var(--mint, #e8f2ec); }
.cn-cal-n { display: block; font-size: calc(12px * var(--fs, 1)); font-weight: 700; color: var(--muted, #5b665f); }
.cn-cal-ev { display: block; margin-top: 3px; padding: 2px 5px; border-radius: 5px; background: var(--green, #1e5a3c); color: #fff; font-size: calc(12px * var(--fs, 1)); line-height: 1.25; text-decoration: none; overflow-wrap: anywhere; }
.cn-cal-ev small { opacity: .85; }

html[data-theme="dark"] .cn-evt, html[data-theme="dark"] .cn-evi, html[data-theme="dark"] .cn-cal-c, html[data-theme="dark"] .cn-ev-month a { background: #18211c; border-color: #2b3a31; color: #eef3ef; }
html[data-theme="dark"] .cn-evt.is-on { background: #2f7a53; border-color: #2f7a53; }
html[data-theme="dark"] .cn-evi-title { color: #eef3ef; }
html[data-theme="dark"] .cn-evi-date, html[data-theme="dark"] .cn-cal-c.has-ev { background: #24362b; color: #bfe3cf; }
@media (max-width: 640px) {
	.cn-cal { gap: 2px; }
	.cn-cal-c { min-height: 58px; padding: 2px; }
	.cn-cal-ev { font-size: calc(10.5px * var(--fs, 1)); padding: 1px 3px; }
	.cn-cal-ev small { display: none; }
}