/* ══════════════════════════════════════════════════════════════
   KOMPALT MALİ TAKVİM — kenar sütunu (alt sayfalar)

   Tam boy modül dar sütuna konduğunda başlık/kaynak/uyarı sıkışıyor,
   5 kalem sütunu doldurup sayfayı dağıtıyordu. Burada tek satırlı
   liste: tarih | etiket | gün rozeti. Dar sütunda okunabilir.
   ══════════════════════════════════════════════════════════════ */

.yo-mtk {
	border: 1px solid var(--yo-line);
	border-radius: var(--yo-r-md, 10px);
	background: #fff;
	overflow: hidden;
}

.yo-mtk__head {
	padding: 12px 16px;
	background: var(--yo-navy, #10314f);
	color: #fff;
}

.yo-mtk__baslik {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	font-size: .84rem;
	font-weight: 650;
	letter-spacing: .01em;
	line-height: 1.3;
}

.yo-mtk__liste { list-style: none; margin: 0; padding: 0; }

.yo-mtk__satir {
	display: grid;
	grid-template-columns: 42px 1fr auto;
	align-items: center;
	gap: 12px;
	padding: 11px 14px;
	border-bottom: 1px solid var(--yo-line-soft, #eef2f6);
	transition: background .15s ease;
}
.yo-mtk__satir:last-child { border-bottom: 0; }
.yo-mtk__satir:hover { background: #f7fafc; }

/* Tarih */
.yo-mtk__tarih { text-align: center; line-height: 1.05; }
.yo-mtk__tarih b {
	display: block;
	font-size: 1.16rem;
	font-weight: 750;
	color: var(--yo-navy, #10314f);
	font-variant-numeric: tabular-nums;
}
.yo-mtk__tarih span {
	font-size: .68rem;
	color: var(--yo-muted, #5b6b7c);
	text-transform: uppercase;
	letter-spacing: .05em;
}

/* Etiketler */
.yo-mtk__bilgi { min-width: 0; }

.yo-mtk__etiket {
	display: block;
	font-size: .84rem;
	font-weight: 600;
	color: var(--yo-ink, #22323f);
	line-height: 1.35;
}

.yo-mtk__daha {
	display: inline-block;
	margin-left: 4px;
	padding: 0 5px;
	border-radius: 4px;
	background: var(--yo-line-soft, #eef2f6);
	color: var(--yo-muted, #5b6b7c);
	font-size: .72rem;
	font-weight: 600;
	vertical-align: 1px;
}

.yo-mtk__hafta {
	display: block;
	margin-top: 2px;
	font-size: .7rem;
	color: var(--yo-muted, #5b6b7c);
	font-style: italic;
}

/* Gün rozeti */
.yo-mtk__rozet {
	flex: 0 0 auto;
	padding: 3px 9px;
	border-radius: 999px;
	background: #eef4fa;
	color: var(--yo-navy, #10314f);
	font-size: .72rem;
	font-weight: 700;
	white-space: nowrap;
	text-align: center;
}

.yo-mtk__satir--kritik .yo-mtk__rozet { background: #fdeaea; color: #a52121; }
.yo-mtk__satir--yakin .yo-mtk__rozet  { background: #fdf4e0; color: #8a6412; }
.yo-mtk__satir--kritik { background: #fefaf9; }

/* Alt bilgi */
.yo-mtk__foot {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	padding: 10px 14px;
	background: #f7fafc;
	border-top: 1px solid var(--yo-line-soft, #eef2f6);
}

.yo-mtk__tum {
	font-size: .8rem;
	font-weight: 650;
	color: var(--yo-navy, #10314f);
	text-decoration: none;
	white-space: nowrap;
}
.yo-mtk__tum:hover { text-decoration: underline; }

.yo-mtk__kaynak {
	font-size: .7rem;
	color: var(--yo-muted, #5b6b7c);
	text-align: right;
	line-height: 1.3;
}
.yo-mtk__kaynak--bayat { color: #a52121; font-weight: 650; }

/* ── Duyarlı ── */

@media (max-width: 420px) {
	.yo-mtk__satir { grid-template-columns: 38px 1fr; gap: 10px; }
	.yo-mtk__rozet {
		grid-column: 2;
		justify-self: start;
	}
	.yo-mtk__foot { flex-direction: column; align-items: flex-start; }
	.yo-mtk__kaynak { text-align: left; }
}

@media (prefers-reduced-motion: reduce) {
	.yo-mtk__satir { transition: none; }
}