/* ============================================================
   DÜZEN — Container, Grid, Boşluk Yardımcıları
   ============================================================ */

/* KAPSAYICILAR
   ----------------------------------------- */
.bk-container {
	max-width: var(--bk-container-max);
	margin-inline: auto;
	padding-inline: var(--bk-space-md);
}

.bk-container-narrow {
	max-width: var(--bk-container-narrow);
	margin-inline: auto;
	padding-inline: var(--bk-space-md);
}

.bk-container-wide {
	max-width: var(--bk-container-wide);
	margin-inline: auto;
	padding-inline: var(--bk-space-md);
}

/* BÖLÜM
   ----------------------------------------- */
.bk-section {
	padding-block: var(--bk-space-xl);
}

.bk-section--soft {
	background: var(--bk-color-bg-soft);
}

.bk-section--section-bg {
	background: var(--bk-color-bg-section);
}

.bk-section--primary {
	background: var(--bk-color-primary);
	color: #ffffff;
}

.bk-section--primary h1,
.bk-section--primary h2,
.bk-section--primary h3,
.bk-section--primary h4 {
	color: #ffffff;
}

.bk-section--primary p {
	color: rgba(255, 255, 255, 0.9);
}

/* GRID
   ----------------------------------------- */
.bk-grid {
	display: grid;
	gap: var(--bk-space-md);
}

.bk-grid--2 { grid-template-columns: repeat(2, 1fr); }
.bk-grid--3 { grid-template-columns: repeat(3, 1fr); }
.bk-grid--4 { grid-template-columns: repeat(4, 1fr); }

.bk-grid--gap-sm { gap: var(--bk-space-sm); }
.bk-grid--gap-lg { gap: var(--bk-space-lg); }

/* FLEX
   ----------------------------------------- */
.bk-flex {
	display: flex;
	gap: var(--bk-space-sm);
}

.bk-flex--center {
	align-items: center;
	justify-content: center;
}

.bk-flex--between {
	justify-content: space-between;
	align-items: center;
}

.bk-flex--column {
	flex-direction: column;
}

/* YARDIMCI BOŞLUK SINIFLARI
   ----------------------------------------- */
.bk-mt-xs { margin-top: var(--bk-space-xs); }
.bk-mt-sm { margin-top: var(--bk-space-sm); }
.bk-mt-md { margin-top: var(--bk-space-md); }
.bk-mt-lg { margin-top: var(--bk-space-lg); }
.bk-mt-xl { margin-top: var(--bk-space-xl); }

.bk-mb-xs { margin-bottom: var(--bk-space-xs); }
.bk-mb-sm { margin-bottom: var(--bk-space-sm); }
.bk-mb-md { margin-bottom: var(--bk-space-md); }
.bk-mb-lg { margin-bottom: var(--bk-space-lg); }
.bk-mb-xl { margin-bottom: var(--bk-space-xl); }

.bk-py-sm { padding-block: var(--bk-space-sm); }
.bk-py-md { padding-block: var(--bk-space-md); }
.bk-py-lg { padding-block: var(--bk-space-lg); }

/* HİZALAMALAR
   ----------------------------------------- */
.bk-text-center { text-align: center; }
.bk-text-right  { text-align: right; }
.bk-text-left   { text-align: left; }

/* MOBİL
   ----------------------------------------- */
@media (max-width: 768px) {
	.bk-grid--2,
	.bk-grid--3,
	.bk-grid--4 {
		grid-template-columns: 1fr;
	}

	.bk-section {
		padding-block: var(--bk-space-lg);
	}

	.bk-flex {
		flex-direction: column;
	}
}