/* Floortrim UK — bileşen CSS 15/19: Açık/koyu tema düğmesi.
   Yükleme sırası bağlayıcıdır: functions.php floortrim_uk_component_css_files(). */
/* ===========================================================================
   Tema düğmesi (.ft-theme-toggle)
   Isaretleme header.php (.ft-site-header__bar icinde, marka ile menu dugmesi
   arasinda), mantik assets/js/theme-toggle.js. Gorunen ikon HEDEF temayi
   gosterir: koyu temada gunes ("acik temaya gec"), acik temada ay.
   Hareket: sayfa renkleri ANIMASYONSUZ doner (sik eylem, emil frekans kurali);
   yalniz ikon <=150ms opacity+scale ile capraz gecer, reduced-motion'da o da yok.
   ======================================================================== */

/* Degisim anindaki tek karede tum gecisler kapali (theme-toggle.js ekler/kaldirir).
   Ikonlar haric: capraz gecis bilerek korunur. */
html.ft-theme-switching *:not(.ft-theme-toggle__icon),
html.ft-theme-switching *::before,
html.ft-theme-switching *::after {
	transition: none !important;
}

.ft-theme-toggle {
	display: inline-grid;
	place-items: center;
	flex: 0 0 auto;
	width: 44px;
	height: 44px;
	/* Mobilde marka solda, iki dugme sagda grup: bar'in space-between'i yerine
	   margin-left:auto; menu dugmesiyle arasi bar gap'inin (1rem) yarisi. */
	margin: 0 -0.5rem 0 auto;
	padding: 0;
	background: none;
	border: 1px solid var(--line);
	border-radius: var(--radius);
	color: var(--fg);
	cursor: pointer;
	transition: transform var(--dur-press) var(--ease-out), opacity var(--dur-press) var(--ease-out);
}

body.ft-skin-spec .ft-theme-toggle {
	border-color: var(--spec-line);
	color: var(--spec-fg);
}

.ft-theme-toggle:active {
	transform: scale(0.97);
}

@media (hover: hover) {
	.ft-theme-toggle:hover { opacity: 0.75; }
}

/* JS yoksa düğme işlevsiz → gizli (tema o durumda varsayılan açık kalır). */
html:not(.js) .ft-theme-toggle {
	display: none;
}

.ft-theme-toggle__icon {
	grid-area: 1 / 1;
	display: block;
	transition: opacity 150ms cubic-bezier(0.23, 1, 0.32, 1), transform 150ms cubic-bezier(0.23, 1, 0.32, 1);
}

/* Koyu: güneş görünür. Açık (varsayılan): ay görünür. */
.ft-theme-toggle__icon--moon,
:root[data-ft-theme="light"] .ft-theme-toggle__icon--sun {
	opacity: 0;
	transform: scale(0.9);
}

:root[data-ft-theme="light"] .ft-theme-toggle__icon--moon {
	opacity: 1;
	transform: none;
}

@media (prefers-reduced-motion: reduce) {
	.ft-theme-toggle,
	.ft-theme-toggle:active,
	.ft-theme-toggle__icon {
		transition: none;
	}
	.ft-theme-toggle:active { transform: none; }
}

/* Masaustu (>=1024px): bar yalniz logo genisliginde, nav saga yaslaniyor ->
   dugme bar'dan cikmadan header'in SAG kenarina (sepetin sagina) konumlanir,
   header sag dolgusu dugme icin yer ayirir. Cercevesiz: sepet ikonuyla ayni dil. */
@media (min-width: 1024px) {
	.ft-site-header {
		padding-right: calc(1.5rem + 44px + 0.5rem);
	}

	.ft-theme-toggle {
		position: absolute;
		top: 0;
		bottom: 0;
		right: 1.5rem;
		margin: auto 0;
		border-color: transparent;
	}

	body.ft-skin-spec .ft-theme-toggle {
		border-color: transparent;
	}
}