/**
 * BirKarış — Base Layer
 * Reset + tipografi + grid temeli + erişilebilirlik temeli
 */

*, *::before, *::after { box-sizing: border-box; }

html {
	-webkit-text-size-adjust: 100%;
	scroll-behavior: smooth;
}

@media (prefers-reduced-motion: reduce) {
	html { scroll-behavior: auto; }
	*, *::before, *::after {
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: 0.01ms !important;
		scroll-behavior: auto !important;
	}
}

body {
	margin: 0;
	background: var(--bk-color-paper);
	color: var(--bk-color-ink);
	font-family: var(--bk-font-body);
	font-size: var(--bk-fs-base);
	line-height: var(--bk-lh-normal);
	-webkit-font-smoothing: antialiased;
	padding-bottom: var(--bk-bottom-nav-height);
}

@media (min-width: 768px) {
	body { padding-bottom: 0; }
}

img, svg, video { max-width: 100%; display: block; }

h1, h2, h3, h4 {
	font-family: var(--bk-font-display);
	font-weight: 600;
	line-height: var(--bk-lh-tight);
	color: var(--bk-color-ink);
	margin: 0 0 var(--bk-space-3);
}

h1 { font-size: var(--bk-fs-3xl); letter-spacing: -0.01em; }
h2 { font-size: var(--bk-fs-2xl); letter-spacing: -0.01em; }
h3 { font-size: var(--bk-fs-xl); }
h4 { font-size: var(--bk-fs-md); }

p { margin: 0 0 var(--bk-space-4); color: var(--bk-color-ink-soft); }

a {
	color: var(--bk-color-olive);
	text-decoration: none;
}
a:hover { color: var(--bk-color-olive-deep); text-decoration: underline; }

/* Klavye erişilebilirliği — görünür odak halkası (madde 48: erişilebilir) */
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
[tabindex]:focus-visible {
	outline: 3px solid var(--bk-color-focus);
	outline-offset: 2px;
	border-radius: var(--bk-radius-sm);
}

/* Ekran okuyucu için gizle */
.bk-sr-only {
	position: absolute;
	width: 1px; height: 1px;
	padding: 0; margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

/* İçeriğe atla bağlantısı */
.bk-skip-link {
	position: absolute;
	left: var(--bk-space-3);
	top: -60px;
	background: var(--bk-color-ink);
	color: #fff;
	padding: var(--bk-space-3) var(--bk-space-4);
	border-radius: var(--bk-radius-sm);
	z-index: var(--bk-z-modal);
	transition: top 0.15s ease;
}
.bk-skip-link:focus {
	top: var(--bk-space-3);
}

/* Kapsayıcı & grid */
.bk-container {
	width: 100%;
	max-width: var(--bk-container-max);
	margin-inline: auto;
	padding-inline: var(--bk-space-4);
}

@media (min-width: 768px) {
	.bk-container { padding-inline: var(--bk-space-6); }
}

.bk-grid {
	display: grid;
	gap: var(--bk-space-5);
	grid-template-columns: repeat(1, minmax(0, 1fr));
}

@media (min-width: 480px) {
	.bk-grid--sm-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (min-width: 768px) {
	.bk-grid--md-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (min-width: 1024px) {
	.bk-grid--lg-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}

/* Veri tipografisi yardımcı sınıfı — fiyat / m² / TL/m² her zaman bunu kullanır */
.bk-data {
	font-family: var(--bk-font-data);
	font-variant-numeric: tabular-nums;
	letter-spacing: -0.01em;
}