/* =====================================================
   BSB Katalog — Sidebar filtresi
   navy #262261 · gold #C9A961
   ===================================================== */

:root {
	--bsb-navy:   #262261;
	--bsb-gold:   #C9A961;
	--bsb-border: #E8E2D8;
	--bsb-bg:     #F9F7F4;
	--bsb-text:   #2A2A2A;
	--bsb-muted:  #8A8880;
}

/* ── KATALOG LAYOUT (sidebar sol + ürünler sağ) ── */
.bsb-catalog-wrap {
	display: flex;
	align-items: flex-start;
	gap: 48px;
	width: 100%;
}

/* ── FİLTRE SİDEBAR ── */
.bsb-filter-sidebar {
	flex: 0 0 210px;
	width: 210px;
	position: sticky;
	top: 80px;
}

.bsb-sidebar-section {
	padding-bottom: 24px;
	margin-bottom: 24px;
	border-bottom: 1px solid var(--bsb-border);
}
.bsb-sidebar-section:last-of-type {
	border-bottom: none;
	margin-bottom: 0;
	padding-bottom: 0;
}

/* Başlıklar */
.bsb-sidebar-heading {
	font-family: "Inter", sans-serif !important;
	font-size: 10px !important;
	font-weight: 700 !important;
	letter-spacing: 2.5px !important;
	text-transform: uppercase !important;
	color: var(--bsb-navy) !important;
	margin: 0 0 14px !important;
	padding: 0 !important;
	border: none !important;
}

/* ── KATEGORİ LİSTESİ ── */
.bsb-cat-list {
	list-style: none !important;
	margin: 0 !important;
	padding: 0 !important;
}

.bsb-cat-item {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 8px 0;
	font-family: "Inter", sans-serif;
	font-size: 13px;
	color: var(--bsb-muted);
	cursor: pointer;
	border-bottom: 1px solid #F2EDE6;
	transition: color .15s;
	user-select: none;
}
.bsb-cat-item:last-child { border-bottom: none; }

.bsb-cat-item:hover,
.bsb-cat-item.active {
	color: var(--bsb-navy);
}
.bsb-cat-item.active {
	font-weight: 600;
}

.bsb-cat-count {
	font-family: "Inter", sans-serif;
	font-size: 10px;
	color: var(--bsb-muted);
	background: var(--bsb-bg);
	border-radius: 20px;
	padding: 2px 7px;
	flex-shrink: 0;
}
.bsb-cat-item.active .bsb-cat-count {
	background: var(--bsb-navy);
	color: #fff;
}

/* ── RENK HALKASI SWATCHLERİ ── */
.bsb-color-swatches {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	align-items: center;
	margin-bottom: 10px;
}

/* Button — sadece çerçeve ve tıklama alanı, arka plan YOK */
.bsb-swatch {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 36px;
	height: 36px;
	border-radius: 50%;
	border: 2px solid transparent;
	padding: 3px;
	cursor: pointer;
	/* tüm arka plan/gölge sıfırla */
	background: none !important;
	background-color: transparent !important;
	box-shadow: none !important;
	-webkit-appearance: none;
	appearance: none;
	outline: none;
	flex-shrink: 0;
	transition: border-color .15s, transform .12s;
}

/* İç yuvarlak — sabit 26px, renk buradan geliyor */
.bsb-swatch-inner {
	display: block;
	width: 26px;
	height: 26px;
	border-radius: 50%;
	border: 1px solid rgba(0, 0, 0, 0.12);
	flex-shrink: 0;
}

.bsb-swatch:hover {
	border-color: rgba(38, 34, 97, 0.4);
	transform: scale(1.1);
}

.bsb-swatch.active {
	border-color: var(--bsb-navy);
}
.bsb-swatch.active .bsb-swatch-inner {
	box-shadow: inset 0 0 0 2px #fff;
}

/* Aktif renk etiketi */
.bsb-active-renk-label {
	font-family: "Inter", sans-serif;
	font-size: 11px;
	font-weight: 500;
	color: var(--bsb-navy);
	min-height: 16px;
	transition: opacity .15s;
}

/* ── DESEN LİSTESİ ── */
.bsb-pattern-list {
	list-style: none !important;
	margin: 0 !important;
	padding: 0 !important;
}

.bsb-pattern-item {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 9px 0;
	font-family: "Inter", sans-serif;
	font-size: 13px;
	color: var(--bsb-text);
	cursor: pointer;
	border-bottom: 1px solid #F2EDE6;
	transition: color .14s;
	user-select: none;
}
.bsb-pattern-item:last-child { border-bottom: none; }

.bsb-pattern-item:hover { color: var(--bsb-navy); }
.bsb-pattern-item.active { color: var(--bsb-navy); font-weight: 600; }

/* Checkbox ikonu */
.bsb-check-box {
	position: relative;
	width: 15px;
	height: 15px;
	border: 1.5px solid var(--bsb-border);
	border-radius: 3px;
	background: #fff;
	flex-shrink: 0;
	transition: background .14s, border-color .14s;
}
.bsb-pattern-item.active .bsb-check-box {
	background: var(--bsb-navy);
	border-color: var(--bsb-navy);
}
.bsb-pattern-item.active .bsb-check-box::after {
	content: '';
	position: absolute;
	left: 3px;
	top: 1px;
	width: 5px;
	height: 8px;
	border: 1.5px solid #fff;
	border-top: none;
	border-left: none;
	transform: rotate(40deg);
}

/* ── FİLTRELERİ TEMİZLE ── */
.bsb-clear-all {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	width: 100%;
	padding: 9px 12px;
	margin-top: 16px;
	font-family: "Inter", sans-serif;
	font-size: 11px;
	font-weight: 500;
	letter-spacing: 0.3px;
	color: var(--bsb-muted);
	background: none;
	border: 1px solid var(--bsb-border);
	border-radius: 2px;
	cursor: pointer;
	transition: color .15s, border-color .15s;
}
.bsb-clear-all:hover {
	color: var(--bsb-navy);
	border-color: var(--bsb-navy);
}

/* ── STOREFRONT SORTING WRAPPER GİZLE ── */
.bsb-catalog-wrap .storefront-sorting {
	display: none !important;
}

/* ── ÜRÜN IZGARASI ── */
.bsb-catalog-wrap .woocommerce {
	flex: 1;
	min-width: 0;
}

/* 3 sütun grid — Elementor'un 4 sütununu override */
.bsb-catalog-wrap ul.products {
	display: grid !important;
	grid-template-columns: repeat(3, 1fr) !important;
	gap: 28px 20px !important;
	margin: 0 !important;
	padding: 0 !important;
	float: none !important;
	width: 100% !important;
	list-style: none !important;
}

.bsb-catalog-wrap ul.products li.product {
	width: auto !important;
	float: none !important;
	margin: 0 !important;
	clear: none !important;
}

/* Kare ürün görselleri */
.bsb-catalog-wrap ul.products li.product a img,
.bsb-catalog-wrap ul.products li.product .woocommerce-LoopProduct-link img {
	display: block;
	width: 100%;
	aspect-ratio: 1 / 1;
	object-fit: cover;
}

/* Ürün başlığı */
.bsb-catalog-wrap ul.products li.product .woocommerce-loop-product__title {
	display: block !important;
	font-family: "Inter", sans-serif !important;
	font-size: 14px !important;
	font-weight: 400 !important;
	color: var(--bsb-navy) !important;
	padding: 10px 0 4px !important;
	line-height: 1.3 !important;
	text-align: center !important;
}

/* Fiyat */
.bsb-catalog-wrap ul.products li.product .price {
	font-family: "Inter", sans-serif;
	font-size: 13px;
	color: var(--bsb-muted);
	text-align: center;
}

/* Sepete ekle butonu */
.bsb-catalog-wrap ul.products li.product .button {
	font-family: "Inter", sans-serif !important;
	font-size: 11px !important;
	font-weight: 600 !important;
	letter-spacing: 1.5px !important;
	text-transform: uppercase !important;
	background: var(--bsb-navy) !important;
	color: #fff !important;
	border-radius: 0 !important;
	padding: 10px 18px !important;
	border: none !important;
	transition: background .15s !important;
}
.bsb-catalog-wrap ul.products li.product .button:hover {
	background: var(--bsb-gold) !important;
	color: var(--bsb-navy) !important;
}

/* ── YÜKLEME DURUMU ── */
.bsb-catalog-wrap.bsb-loading .woocommerce {
	opacity: 0.4;
	pointer-events: none;
}
.bsb-catalog-wrap.bsb-loading .bsb-filter-sidebar {
	pointer-events: none;
}

/* ── MOBİL ── */
@media (max-width: 900px) {
	.bsb-catalog-wrap {
		flex-direction: column;
		gap: 28px;
	}
	.bsb-filter-sidebar {
		width: 100%;
		flex: none;
		position: static;
		background: var(--bsb-bg);
		border-radius: 4px;
		padding: 20px;
	}
	.bsb-color-swatches { gap: 6px; }
	.bsb-catalog-wrap ul.products {
		grid-template-columns: repeat(2, 1fr) !important;
		gap: 16px !important;
	}
}
@media (max-width: 480px) {
	.bsb-catalog-wrap ul.products {
		grid-template-columns: 1fr !important;
	}
}