/*
 * Renk teması. Açık (light) tema temel değerlerdir; <html data-theme="dark">
 * olunca koyu tema devreye girer. İlk açılışta cihazın sistem teması
 * uygulanır, ziyaretçi header'daki butonla seçerse o tercih hatırlanır
 * (bkz. layouts/base.njk).
 */
:root {
	color-scheme: light;

	--lx-bg: #faf7f2;
	--lx-surface: #ffffff;
	--lx-surface-2: #f3ece2;
	--lx-heading: #1b1612;
	--lx-text: #2a231d;
	--lx-body: #4d433a;
	--lx-muted: #6f6255;
	--lx-gold: #8c5e30;
	--lx-gold-light: #d9b08c; /* fotoğraf üstündeki yazılar için, iki temada da aynı */
	--lx-gold-wash: rgba(140, 94, 48, 0.08);
	--lx-line: rgba(140, 94, 48, 0.18);
	--lx-line-strong: rgba(140, 94, 48, 0.35);
	--lx-shadow: 0 14px 40px rgba(70, 45, 20, 0.12);
	--lx-card-shadow: 0 10px 30px rgba(70, 45, 20, 0.14);
	--lx-panel-bg: rgba(255, 255, 255, 0.98);
	--lx-footer-bg: #f1eadf;
	--lx-footer-bottom: #e9e0d2;
	--lx-serif: "Playfair Display", Georgia, serif;
}

:root[data-theme="dark"] {
	color-scheme: dark;

	/* biraz aydınlatıldı: eskiden #0f0d0b / #18140f / #1f1a14 (fazla kapalıydı) */
	--lx-bg: #1d1915;
	--lx-surface: #27221c;
	--lx-surface-2: #302923;
	--lx-heading: #ffffff;
	--lx-text: #efe7dc;
	--lx-body: rgba(239, 231, 220, 0.86);
	--lx-muted: #b5a797;
	--lx-gold: #d9b08c;
	--lx-gold-wash: rgba(217, 176, 140, 0.12);
	--lx-line: rgba(217, 176, 140, 0.22);
	--lx-line-strong: rgba(255, 255, 255, 0.3);
	--lx-shadow: 0 14px 40px rgba(0, 0, 0, 0.5);
	--lx-card-shadow: 0 10px 30px rgba(0, 0, 0, 0.5);
	--lx-panel-bg: rgba(29, 25, 21, 0.97);
	--lx-footer-bg: #231e19;
	--lx-footer-bottom: #1a1612;
}

/* Tema değişirken ani sıçrama olmasın */
body,
.page-wrapper,
#main,
.site-footer {
	transition: background-color 0.3s ease, color 0.3s ease;
}

/* Temaya göre değişen görseller (ör. footer logoları) */
:root[data-theme="dark"] .only-light,
:root:not([data-theme="dark"]) .only-dark {
	display: none !important;
}

/* ---------- Tema butonu ---------- */
.theme-toggle {
	display: inline-grid;
	place-items: center;
	width: 36px;
	height: 36px;
	margin-left: 10px;
	padding: 0;
	border: 1px solid rgba(255, 255, 255, 0.35);
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.08);
	color: #fff;
	vertical-align: middle;
	cursor: pointer;
	transition: background-color 0.25s ease, border-color 0.25s ease, color 0.25s ease, transform 0.4s ease;
}
.theme-toggle:hover,
.theme-toggle:focus-visible {
	border-color: var(--lx-gold-light);
	background: var(--lx-gold-light);
	color: #1a140e;
}
.theme-toggle:active {
	transform: rotate(-30deg);
}
.theme-toggle svg {
	width: 18px;
	height: 18px;
}
/* Açık temada ay (koyuya geç), koyu temada güneş (açığa geç) görünür */
.theme-toggle__sun,
:root[data-theme="dark"] .theme-toggle__moon {
	display: none;
}
:root[data-theme="dark"] .theme-toggle__sun {
	display: block;
}

@media (max-width: 991px) {
	.theme-toggle {
		margin: 0 4px 0 0;
	}
}

/* Telefon yan menüsünün renkleri ve tasarımı: mobile-menu.css */

/* ---------- Sayfa başına dön düğmesi (base.njk, davranış: assets/js/to-top.js) ---------- */
.to-top {
	position: fixed;
	right: 22px;
	bottom: 22px;
	z-index: 1000;
	display: grid;
	place-items: center;
	width: 46px;
	height: 46px;
	padding: 0;
	border: 1px solid var(--lx-line-strong);
	border-radius: 50%;
	background: var(--lx-surface);
	color: var(--lx-gold);
	box-shadow: var(--lx-card-shadow);
	cursor: pointer;
	opacity: 0;
	visibility: hidden;
	transform: translateY(14px);
	transition: opacity 0.3s ease, transform 0.4s cubic-bezier(0.2, 0.8, 0.2, 1), visibility 0s linear 0.3s, background-color 0.25s ease, border-color 0.25s ease, color 0.25s ease;
}
.to-top.is-visible {
	opacity: 1;
	visibility: visible;
	transform: none;
	transition: opacity 0.3s ease, transform 0.4s cubic-bezier(0.2, 0.8, 0.2, 1), visibility 0s, background-color 0.25s ease, border-color 0.25s ease, color 0.25s ease;
}
.to-top:hover,
.to-top:focus-visible {
	border-color: var(--lx-gold);
	background: var(--lx-gold);
	color: var(--lx-surface);
}
.to-top svg {
	width: 22px;
	height: 22px;
	transition: transform 0.25s ease;
}
.to-top:hover svg {
	transform: translateY(-2px);
}
@media (max-width: 575px) {
	.to-top {
		right: 16px;
		bottom: calc(16px + env(safe-area-inset-bottom));
		width: 42px;
		height: 42px;
	}
}
@media (prefers-reduced-motion: reduce) {
	.to-top,
	.to-top.is-visible,
	.to-top svg {
		transition: none;
	}
}

/* ---------- Özel tasarlanmış sayfalar ----------
   Eski temanın genel "p { Open Sans Condensed 300, 20px/21px }" kuralı bu bileşenlerdeki
   paragraflara sızmasın; :where() ile özgüllük düşük kalır, sınıf kuralları yine geçerli. */
:where(.pb, .ik, .vz, .rt, .un, .sm, .nf, .hr, .lx-search, .lx-search-page) p {
	font: inherit;
	letter-spacing: inherit;
}

/* ---------- Seçim ----------
   Başlıklar fareyle (ya da çift tıklayınca) seçilip mavi vurgulanmasın; paragraflar
   seçilebilir kalır ama vurgu tarayıcının mavisi yerine sitenin altın tonunda olur. */
h1, h2, h3, h4, h5, h6,
.page-hero__title,
.page-hero__tagline,
.page-hero__crumbs,
.lx-kicker,
.lx-hero__title,
.ed-kicker,
.ed-section,
.ik-kicker, .ik-lead, .ik-fact__num,
.pb-serial, .pb-bill, .pb-coin,
.vz-kicker, .vz-step__num, .vz-stamp,
.rt-kicker, .rt-day,
.un-kicker, .un-lead, .un-seal,
.sm-kicker, .sm-lead, .sm-sec__num,
.hr-kicker, .hr-lead,
.nf-code, .nf-lead,
.place-card__name,
.related-card__name {
	-webkit-user-select: none;
	user-select: none;
}
/* Menüler: kategori adları, açılan paneldeki başlık, bağlantılar ve öne çıkan kart
   (masaüstü, mobil yan menü ve footer'daki kategori listeleri) seçilemez */
#header .main-menu,
#header .lx-mega__panel,
#side-nav-panel,
.site-footer__heading,
.site-footer nav,
.site-footer ul {
	-webkit-user-select: none;
	user-select: none;
}
#header input,
#side-nav-panel input {
	-webkit-user-select: text;
	user-select: text;
}
::selection {
	background: rgba(217, 176, 140, 0.4);
	color: inherit;
}
/* telefonda dokunurken çıkan mavi kutu da olmasın */
html {
	-webkit-tap-highlight-color: rgba(217, 176, 140, 0.25);
}