/* Floortrim UK — bileşen CSS 19/19: Rehberler (/guides/) ve çerez onay bandı.
   Yükleme sırası bağlayıcıdır: functions.php floortrim_uk_component_css_files(). */
/* ── REHBERLER (/guides/) ─────────────────────────────────────────────────────
   Uzun metin derisini (.ft-page) kullanir; yalniz kirinti, tablo ve liste eklenir.
   Tablo dar ekranda kendi icinde yatay kayar (sayfa tasmaz). */
body.ft-skin-surface .ft-guide__crumbs ol {
	display: flex;
	flex-wrap: wrap;
	gap: 0.25rem 0.5rem;
	margin: 0 0 1.5rem;
	padding: 0;
	list-style: none;
	font-family: var(--font-mono);
	font-size: 0.75rem;
	letter-spacing: 0.08em;
	color: var(--fg-muted);
}

body.ft-skin-surface .ft-guide__crumbs li { margin: 0; font-size: inherit; line-height: 1.5; color: inherit; }
body.ft-skin-surface .ft-guide__crumbs li + li::before { content: "/"; margin-right: 0.5rem; }
body.ft-skin-surface .ft-guide__crumbs a { color: inherit; text-decoration: none; }

@media (hover: hover) {
	body.ft-skin-surface .ft-guide__crumbs a:hover { color: var(--fg); }
}

body.ft-skin-surface .ft-page table {
	display: block;
	max-width: 100%;
	overflow-x: auto;
	margin: 0 0 1.75rem;
	border-collapse: collapse;
	font-size: 0.9375rem;
	line-height: 1.5;
	color: var(--ft-prose);
}

body.ft-skin-surface .ft-page th,
body.ft-skin-surface .ft-page td {
	padding: 0.625rem 0.875rem;
	border-bottom: 1px solid var(--line);
	text-align: left;
	vertical-align: top;
}

body.ft-skin-surface .ft-page thead th {
	font-weight: 600;
	color: var(--fg);
	border-bottom-color: var(--fg-muted);
	white-space: nowrap;
}

body.ft-skin-surface .ft-page td { font-variant-numeric: tabular-nums; }

/* Ürün kodları (STN-40-100-12 vb.) tirelerinden bölünmesin. */
body.ft-skin-surface .ft-page td code {
	font-family: var(--font-mono);
	font-size: 0.8125rem;
	letter-spacing: 0.02em;
	white-space: nowrap;
	color: inherit;
	background: none;
}

body.ft-skin-surface .ft-guide-list {
	margin: 2rem 0;
	padding: 0;
	list-style: none;
}

body.ft-skin-surface .ft-guide-list__item {
	margin: 0;
	padding: 1.5rem 0;
	border-bottom: 1px solid var(--line);
}

body.ft-skin-surface .ft-guide-list__item h2 { margin: 0 0 0.5rem; }
body.ft-skin-surface .ft-guide-list__item h2 a { color: var(--fg); text-decoration: none; }

@media (hover: hover) {
	body.ft-skin-surface .ft-guide-list__item h2 a:hover { text-decoration: underline; text-underline-offset: 0.2em; }
}

/* ── ÇEREZ ONAY BANDI (inc/analytics.php) ─────────────────────────────────
   Altta sabit, sayfa genisliginde ince bant. Reject ve Accept esit agirlikta
   (ICO: reddetmek kabul etmek kadar kolay olmali). Rol token'lari: iki temada da
   zemin/metin dogru. Mini sepet cekmecesinin altinda kalir. */
.ft-consent {
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 45;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 0.75rem 1.5rem;
	padding: 1rem 1.5rem calc(1rem + env(safe-area-inset-bottom, 0px));
	background: var(--bg);
	color: var(--fg);
	border-top: 1px solid var(--line);
	box-shadow: 0 -8px 24px rgba(0, 0, 0, 0.06);
}

.ft-consent[hidden] { display: none; }

.ft-consent__text {
	flex: 1 1 32rem;
	margin: 0;
	font-size: 0.9375rem;
	line-height: 1.55;
	color: var(--fg);
}

.ft-consent__text a { color: var(--fg); text-decoration: underline; text-underline-offset: 0.2em; }

.ft-consent__actions { display: flex; gap: 0.75rem; flex: 0 0 auto; }

.ft-consent__btn {
	min-height: 44px;
	min-width: 7.5rem;
	justify-content: center;
	background: transparent;
	color: var(--fg);
	border-color: var(--fg);
}

@media (hover: hover) {
	.ft-consent__btn:hover { background: var(--fg); color: var(--bg); }
}

.ft-consent__btn:focus-visible { outline: 2px solid var(--fg); outline-offset: 2px; }

@media (max-width: 520px) {
	.ft-consent__actions { width: 100%; }
	.ft-consent__btn { flex: 1 1 0; }
}