/* Seçilebilir açık / koyu tema — html[data-mue-theme="dark"] */

html[data-mue-theme="dark"] {
	color-scheme: dark;
}

html[data-mue-theme="dark"] body {
	background: #121212 !important;
	color: #e6e6e6 !important;
}

html[data-mue-theme="dark"] #page,
html[data-mue-theme="dark"] #target,
html[data-mue-theme="dark"] #col,
html[data-mue-theme="dark"] #col .in {
	background: #121212 !important;
	color: #e6e6e6;
}

html[data-mue-theme="dark"] #main,
html[data-mue-theme="dark"] #main_wrap {
	background: transparent;
	color: #e6e6e6;
}

html[data-mue-theme="dark"] header.index h1,
html[data-mue-theme="dark"] header.index .meta,
html[data-mue-theme="dark"] .essay {
	color: #e0e0e0 !important;
}

html[data-mue-theme="dark"] .essay a,
html[data-mue-theme="dark"] .meta.tags a {
	color: #9ecbff !important;
}

html[data-mue-theme="dark"] nav .k-nav-list a,
html[data-mue-theme="dark"] #sidr-left .k-nav-list a {
	color: #b8b8b8 !important;
}

html[data-mue-theme="dark"] nav .k-nav-list a.k-nav-current,
html[data-mue-theme="dark"] #sidr-left .k-nav-list a.k-nav-current {
	color: #fff !important;
}

/* Logo (siyah PNG): koyu zeminde görünsün — açık gri ton, daha az belirgin */
html[data-mue-theme="dark"] #site_logo img.custom_logo,
html[data-mue-theme="dark"] a.logo img.custom_logo {
	filter: brightness(0) invert(1) brightness(0.72);
	-webkit-filter: brightness(0) invert(1) brightness(0.72);
	opacity: 0.42;
}

html[data-mue-theme="dark"] #kpgrid .kpgriditem .img_wrap {
	background: linear-gradient(145deg, #2d2d2d 0%, #1a1a1a 100%) !important;
	box-shadow:
		0 1px 2px rgba(0, 0, 0, 0.35),
		0 6px 20px rgba(0, 0, 0, 0.45) !important;
}

@media (hover: hover) and (pointer: fine) {
	html[data-mue-theme="dark"] #kpgrid .kpgriditem:hover .img_wrap {
		box-shadow:
			0 4px 6px rgba(0, 0, 0, 0.4),
			0 16px 40px rgba(0, 0, 0, 0.55) !important;
	}
}

html[data-mue-theme="dark"] #kpgrid .kpgriditem figcaption a {
	color: #aaa !important;
}

html[data-mue-theme="dark"] #kpgrid .kpgriditem figcaption a:hover,
html[data-mue-theme="dark"] #kpgrid .kpgriditem figcaption h3 a:hover {
	color: #e6e6e6 !important;
}

/* Lightbox tam sayfa (lightbox.html) */
html[data-mue-theme="dark"] .mue-lb-standalone,
html[data-mue-theme="dark"] #main.layout_text {
	background: #121212 !important;
	color: #e6e6e6 !important;
}

/* Contact: padding #main üzerinde page.html inline style (tema ile çakışmayı önlemek için) */

body.mue-page-contact #main.layout_text .cap_width {
	width: 100%;
	max-width: 28rem;
}

body.mue-page-contact #main.layout_text .mue-page-body p {
	margin: 0 0 1em;
}

body.mue-page-contact #main.layout_text .mue-page-body p:last-child {
	margin-bottom: 0;
}

html[data-mue-theme="dark"] .mue-lb-standalone a {
	color: #9ecbff !important;
}

html[data-mue-theme="dark"] .mue-lb-muted {
	color: #777 !important;
}

/* Mobil üst çubuk */
html[data-mue-theme="dark"] #mob-bttn-row {
	background: #1a1a1a;
	border-bottom: 1px solid #333;
}

html[data-mue-theme="dark"] #mob-bttn-row a,
html[data-mue-theme="dark"] #mob-bttn-row .kicon-angle-up,
html[data-mue-theme="dark"] #mob-bttn-row .kicon-angle-down,
html[data-mue-theme="dark"] #mob-bttn-row .kicon-mob-menu {
	color: #ddd !important;
}

/* Mobil sidr paneli */
html[data-mue-theme="dark"] #sidr-left,
html[data-mue-theme="dark"] .sidr {
	background: #1e1e1e !important;
}

html[data-mue-theme="dark"] #sidr-left .k-nav-list a {
	color: #ccc !important;
}

/* Theme: single toggle (moon = go dark, sun = go light) */
.mue-theme-toggle {
	position: fixed;
	right: max(12px, env(safe-area-inset-right, 0px));
	bottom: max(12px, env(safe-area-inset-bottom, 0px));
	z-index: 9997;
	width: 2.5rem;
	height: 2.5rem;
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: 50%;
	cursor: pointer;
	font-size: 1.15rem;
	line-height: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	background: rgba(255, 255, 255, 0.92);
	box-shadow: 0 2px 12px rgba(0, 0, 0, 0.12);
	border: 1px solid rgba(0, 0, 0, 0.08);
	color: #222;
	transition: background 0.15s ease, transform 0.15s ease;
}

.mue-theme-toggle:hover {
	transform: scale(1.06);
}

.mue-theme-toggle:focus-visible {
	outline: 2px solid #4a9eff;
	outline-offset: 2px;
}

html[data-mue-theme="dark"] .mue-theme-toggle {
	background: rgba(45, 45, 45, 0.95);
	border-color: rgba(255, 255, 255, 0.12);
	box-shadow: 0 2px 16px rgba(0, 0, 0, 0.45);
	color: #f5d67a;
}

.mue-theme-toggle .mue-theme-ico {
	display: none;
	line-height: 1;
}

/* Light UI: show moon (click → dark) */
html[data-mue-theme="light"] .mue-theme-toggle .mue-theme-ico-moon {
	display: block;
}

/* Dark UI: show sun (click → light) */
html[data-mue-theme="dark"] .mue-theme-toggle .mue-theme-ico-sun {
	display: block;
}