/*
 * Resmî Tatiller — duvar takvimi yaprakları.
 * Ana sayfanın yazı tipleri: ay adları Open Sans Condensed, gün rakamları Playfair.
 * Tek vurgu rengi altın.
 */
.rt {
	--rt-band: "Open Sans Condensed", "Arial Narrow", sans-serif;
	--rt-red: #8c5e30;
	max-width: 1120px;
	margin: 0 auto;
	padding: 40px 20px 90px;
	color: var(--lx-body);
	font-family: "Open Sans", sans-serif;
}
:root[data-theme="dark"] .rt {
	--rt-red: #a8784a;
}
.rt ol {
	margin: 0;
	padding: 0;
	list-style: none;
}
.rt p {
	margin: 0;
}

.rt-head {
	text-align: center;
}
.rt-kicker {
	color: var(--rt-red);
	font-weight: 700;
	font-family: var(--rt-band);
	font-size: 22px;
	letter-spacing: 0.3em;
}
.rt .rt-title {
	margin: 2px 0 0;
	color: var(--lx-heading);
	font-family: var(--lx-serif);
	font-size: clamp(44px, 7vw, 80px);
	font-weight: 700;
	line-height: 1.15;
	letter-spacing: 0;
	text-transform: none;
}
.rt-sub {
	margin-top: 14px !important;
	color: var(--lx-muted);
	font-size: 17px;
}

/* ---------- Sıradaki tatil ---------- */
.rt-next {
	display: table;
	margin: 34px auto 0 !important;
	padding: 10px 22px;
	border-radius: 40px;
	background: var(--lx-gold-wash);
	color: var(--lx-text);
	font-size: 15px;
	text-align: center;
}
.rt-next b {
	color: var(--rt-red);
}

/* ---------- Takvim yaprakları ---------- */
.rt-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 34px 26px;
	margin-top: 54px !important;
}
.rt-day {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	padding-bottom: 22px;
	overflow: hidden;
	border-radius: 10px;
	background: var(--lx-surface);
	text-align: center;
	box-shadow: 0 1px 0 var(--lx-line), var(--lx-card-shadow);
	transition: transform 0.35s cubic-bezier(0.2, 0.8, 0.2, 1);
}
.rt-day:nth-child(3n + 1) {
	transform: rotate(-1.5deg);
}
.rt-day:nth-child(3n + 2) {
	transform: rotate(1deg);
}
.rt-day:hover {
	transform: translateY(-6px) rotate(0);
}
/* spiral delikleri */
.rt-day::before {
	content: "";
	position: absolute;
	top: 9px;
	left: 50%;
	width: 60%;
	height: 8px;
	transform: translateX(-50%);
	background: radial-gradient(circle, var(--lx-bg) 0 3px, transparent 3.5px) 0 0 / 20px 8px repeat-x;
}
.rt-day__month {
	font-weight: 700;
	text-transform: uppercase;
	align-self: stretch;
	padding: 24px 10px 8px;
	background: var(--rt-red);
	color: #fff;
	font-family: var(--rt-band);
	font-size: 26px;
	letter-spacing: 0.14em;
	line-height: 1;
}
.rt-day__num {
	margin-top: 10px;
	color: var(--lx-heading);
	font-family: var(--lx-serif);
	font-size: 92px;
	font-weight: 700;
	line-height: 1;
}
.rt-day__name {
	padding: 6px 18px 0;
	color: var(--lx-text);
	font-size: 15px;
	font-weight: 600;
	line-height: 1.4;
}
.rt-day__note {
	padding: 8px 18px 0;
	color: var(--lx-muted);
	font-size: 13px;
	line-height: 1.5;
}

.rt-day--moon .rt-day__month {
	background: var(--lx-gold);
	color: var(--lx-surface);
	font-size: 20px;
}
.rt-day--moon .rt-day__num {
	color: var(--lx-gold);
}

/* geçmiş / sıradaki (inline script ekler) */
.rt-day.is-past {
	opacity: 0.55;
}
.rt-day.is-past .rt-day__month {
	background: var(--lx-muted);
}
.rt-day.is-next {
	outline: 3px solid var(--rt-red);
	outline-offset: 5px;
}

@media (max-width: 991px) {
	.rt-grid {
		grid-template-columns: repeat(3, 1fr);
	}
}
@media (max-width: 767px) {
	.rt-grid {
		grid-template-columns: repeat(2, 1fr);
		gap: 22px 16px;
	}
	.rt-day__num {
		font-size: 68px;
	}
	.rt-day__month {
		font-size: 22px;
	}
	.rt-day__name {
		padding: 6px 10px 0;
		font-size: 14px;
	}
}
@media (max-width: 575px) {
	.rt {
		padding: 28px 16px 60px;
	}
}