/* =========================================================================
   KENAR ÇUBUĞU – premium kategori ağacı + ortak widget kartı
   ========================================================================= */
.aux-sidebar-primary .widget-container {
	background: #fff;
	border: 1px solid #e9e6df;
	border-radius: 16px;
	padding: 22px 22px 20px !important;
	margin-bottom: 22px !important;
	box-shadow: 0 10px 30px rgba(20, 24, 32, .05);
}
.aux-sidebar-primary .widget-container > .widget-title {
	font-family: 'Playfair Display', Georgia, serif !important;
	font-size: 21px !important;
	font-weight: 700 !important;
	letter-spacing: 0 !important;
	text-transform: none !important;
	color: #1e2430 !important;
	margin: 0 0 14px !important;
	padding: 0 0 12px !important;
	border: 0 !important;
	position: relative;
}
.aux-sidebar-primary .widget-container > .widget-title::after {
	content: "";
	position: absolute;
	left: 0; bottom: 0;
	width: 34px; height: 2px;
	background: linear-gradient(90deg, #c9a24a, #e7cf8a);
	border-radius: 2px;
}
.aux-sidebar-primary .widget-container.widget_product_categories { padding: 0 !important; overflow: hidden; }
.aux-sidebar-primary .widget-container.widget_product_categories > .widget-title { display: none; }

/* Başlık bloğu */
.zt-kat-bas {
	position: relative;
	padding: 22px 22px 18px;
	background:
		radial-gradient(120% 140% at 100% 0%, rgba(201, 162, 74, .22), transparent 55%),
		linear-gradient(135deg, #181c25 0%, #232a38 100%);
	color: #fff;
}
.zt-kat-ust {
	display: block;
	font: 600 11px/1 Roboto, sans-serif;
	letter-spacing: .18em;
	text-transform: uppercase;
	color: #d9b865;
	margin-bottom: 8px;
}
.zt-kat-baslik {
	font-family: 'Playfair Display', Georgia, serif !important;
	font-size: 24px !important;
	font-weight: 700 !important;
	line-height: 1.15 !important;
	color: #fff !important;
	margin: 0 !important;
	padding: 0 !important;
	letter-spacing: 0 !important;
}
.zt-kat-toplam {
	position: absolute;
	right: 22px; top: 24px;
	font: 500 12px/1 Roboto, sans-serif;
	color: rgba(255,255,255,.75);
	border: 1px solid rgba(255,255,255,.18);
	border-radius: 999px;
	padding: 6px 10px;
	background: rgba(255,255,255,.06);
}

/* Liste */
.zt-kat-liste { list-style: none !important; margin: 0 !important; padding: 0 !important; }
.zt-kat-seviye-0 { padding: 10px 10px 4px !important; }
.zt-kat-seviye-0 > .zt-kat-oge + .zt-kat-oge { border-top: 1px solid #f1efe9; }
.zt-kat-oge { margin: 0 !important; padding: 0 !important; }

.zt-kat-satir { display: flex; align-items: center; }
.zt-kat-link {
	flex: 1;
	display: flex;
	align-items: center;
	gap: 12px;
	min-width: 0;
	padding: 11px 10px;
	border-radius: 12px;
	text-decoration: none !important;
	color: #283040 !important;
	font: 600 15px/1.3 Roboto, sans-serif !important;
	transition: background .18s ease, color .18s ease, transform .18s ease;
}
.zt-kat-link:hover { background: #faf7f0; color: #1e2430 !important; }
.zt-kat-ad { flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.zt-kat-gorsel {
	flex: 0 0 42px;
	width: 42px; height: 42px;
	border-radius: 12px;
	background: #eee center/cover no-repeat;
	box-shadow: inset 0 0 0 1px rgba(0,0,0,.06);
}
.zt-kat-monogram {
	display: inline-flex; align-items: center; justify-content: center;
	font-family: 'Playfair Display', Georgia, serif;
	font-size: 19px; font-weight: 700;
	color: #e3c57a;
	background: linear-gradient(145deg, #1d222d, #2c3444);
	box-shadow: inset 0 0 0 1px rgba(227,197,122,.35);
}
.zt-kat-sayi {
	flex: 0 0 auto;
	font: 600 11px/1 Roboto, sans-serif;
	color: #8a8f9a;
	background: #f3f2ee;
	border-radius: 999px;
	padding: 5px 8px;
	min-width: 26px;
	text-align: center;
}

/* Aç/kapat oku */
.zt-kat-ac {
	flex: 0 0 32px;
	width: 32px; height: 32px;
	margin-left: 2px;
	border: 0; background: transparent;
	color: #9aa0ab;
	border-radius: 10px;
	cursor: pointer;
	display: inline-flex; align-items: center; justify-content: center;
	transition: transform .25s ease, background .18s ease, color .18s ease;
}
.zt-kat-ac:hover { background: #f3f2ee; color: #283040; }
.zt-var-cocuk.zt-acik > .zt-kat-satir .zt-kat-ac { transform: rotate(180deg); }

/* Alt seviyeler */
.zt-var-cocuk > .zt-kat-liste { display: none; }
.zt-var-cocuk.zt-acik > .zt-kat-liste { display: block; animation: ztKatAc .25s ease; }
@keyframes ztKatAc { from { opacity: 0; transform: translateY(-4px); } to { opacity: 1; transform: none; } }

.zt-kat-seviye-1 { margin: 0 0 8px 30px !important; padding: 0 0 0 14px !important; border-left: 1px solid #e9e6df; }
.zt-kat-seviye-2 { margin: 0 0 4px 12px !important; padding: 0 0 0 12px !important; border-left: 1px dashed #e9e6df; }
.zt-kat-seviye-1 .zt-kat-link,
.zt-kat-seviye-2 .zt-kat-link { font-size: 14px !important; font-weight: 500 !important; color: #4a5160 !important; padding: 8px 10px; gap: 8px; }
.zt-kat-seviye-2 .zt-kat-link { font-size: 13.5px !important; }
.zt-kat-seviye-1 .zt-kat-link::before,
.zt-kat-seviye-2 .zt-kat-link::before {
	content: ""; flex: 0 0 6px; width: 6px; height: 6px; border-radius: 50%;
	background: #d8d3c6; transition: background .18s ease, transform .18s ease;
}
.zt-kat-seviye-1 .zt-kat-link:hover::before,
.zt-kat-seviye-2 .zt-kat-link:hover::before { background: #c9a24a; transform: scale(1.25); }
.zt-kat-seviye-1 .zt-kat-ac,
.zt-kat-seviye-2 .zt-kat-ac { flex-basis: 28px; width: 28px; height: 28px; }

/* Aktif kategori */
.zt-kat-oge.zt-aktif > .zt-kat-satir .zt-kat-link {
	background: linear-gradient(90deg, rgba(201,162,74,.16), rgba(201,162,74,.04));
	color: #1e2430 !important;
	font-weight: 700 !important;
	box-shadow: inset 3px 0 0 #c9a24a;
}
.zt-kat-oge.zt-aktif > .zt-kat-satir .zt-kat-link::before { background: #c9a24a; }
.zt-kat-oge.zt-aktif > .zt-kat-satir .zt-kat-sayi { background: #c9a24a; color: #fff; }

/* Alt link */
.zt-kat-tumu {
	display: flex; align-items: center; justify-content: space-between;
	margin: 6px 10px 12px;
	padding: 12px 16px;
	border-radius: 12px;
	border: 1px solid #e9e6df;
	font: 600 13.5px/1 Roboto, sans-serif !important;
	color: #283040 !important;
	text-decoration: none !important;
	transition: background .18s ease, border-color .18s ease, color .18s ease;
}
.zt-kat-tumu span { color: #c9a24a; font-size: 16px; transition: transform .18s ease; }
.zt-kat-tumu:hover { background: #1e2430; border-color: #1e2430; color: #fff !important; }
.zt-kat-tumu:hover span { transform: translateX(3px); }

@media (max-width: 767px) {
	.aux-sidebar-primary .widget-container { padding: 18px 16px 16px !important; }
	.zt-kat-bas { padding: 18px 18px 14px; }
	.zt-kat-baslik { font-size: 21px !important; }
}

/* Renk filtresi boşsa kartı gösterme */
.aux-sidebar-primary .zt-renk-widget:has(.zt-renk-liste:empty) { display: none; }

/* Tema buton kurallarına karşı ok düğmesinin boyutunu sabitle */
.aux-sidebar-primary .zt-kat-ac {
	width: 32px !important; min-width: 0 !important; height: 32px !important;
	padding: 0 !important; margin: 0 0 0 2px !important; line-height: 1 !important;
	border: 0 !important; background: transparent !important; box-shadow: none !important;
	font-size: 0 !important;
}
.aux-sidebar-primary .zt-kat-ac:hover { background: #f3f2ee !important; }
.aux-sidebar-primary .zt-kat-ac svg { width: 14px !important; height: 14px !important; display: block; }
.aux-sidebar-primary .zt-kat-seviye-1 .zt-kat-ac,
.aux-sidebar-primary .zt-kat-seviye-2 .zt-kat-ac { width: 28px !important; height: 28px !important; }

/* Ana kategori başlıkları: üst blokla aynı koyu lacivert zemin, altın sarısı yazı */
.aux-sidebar-primary .zt-kat-seviye-0 > .zt-kat-oge > .zt-kat-satir .zt-kat-link {
	background: linear-gradient(135deg, #181c25 0%, #232a38 100%) !important;
	border: 1px solid #2f3749;
	color: #fff !important;
	font-weight: 700 !important;
	padding: 11px 14px;
	box-shadow: 0 3px 10px rgba(20, 24, 32, .18);
}
.aux-sidebar-primary .zt-kat-seviye-0 > .zt-kat-oge > .zt-kat-satir .zt-kat-link:hover {
	background: linear-gradient(135deg, #222835 0%, #2e3647 100%) !important;
	border-color: #c9a24a;
	color: #fff !important;
}
.aux-sidebar-primary .zt-kat-seviye-0 > .zt-kat-oge > .zt-kat-satir .zt-kat-sayi {
	background: #c9a24a; color: #1e2430;
}
.aux-sidebar-primary .zt-kat-seviye-0 > .zt-kat-oge.zt-aktif > .zt-kat-satir .zt-kat-link {
	border-color: #c9a24a;
	box-shadow: inset 3px 0 0 #c9a24a, 0 3px 10px rgba(20, 24, 32, .22);
}
.aux-sidebar-primary .zt-kat-seviye-0 > .zt-kat-oge > .zt-kat-satir { padding: 6px 0; }

/* =========================================================================
   FİYAT ARALIĞI (kutular kategori.js ile üretilir, otomatik uygulanır)
   ========================================================================= */
.aux-sidebar-primary .zt-fiyat-kutular { display: flex; align-items: flex-end; gap: 10px; margin: 0 0 4px; }
.aux-sidebar-primary .zt-fiyat-kutular label { flex: 1; display: flex; flex-direction: column; gap: 6px; margin: 0; }
.aux-sidebar-primary .zt-fiyat-kutular label > span {
	font: 600 10.5px/1 Roboto, sans-serif; letter-spacing: .14em; text-transform: uppercase; color: #9aa0ab;
}
.aux-sidebar-primary .zt-fiyat-kutular input {
	width: 100% !important; height: 46px; margin: 0 !important; padding: 0 12px !important;
	border: 1px solid #e3e0d8 !important; border-radius: 12px !important; background: #faf9f6 !important;
	font: 700 15px/1 Roboto, sans-serif !important; color: #1e2430 !important; text-align: center;
	box-shadow: none !important; transition: border-color .18s ease, background .18s ease, box-shadow .18s ease;
}
.aux-sidebar-primary .zt-fiyat-kutular input:focus { border-color: #c9a24a !important; background: #fff !important; box-shadow: 0 0 0 3px rgba(201,162,74,.18) !important; outline: 0; }
.aux-sidebar-primary .zt-fiyat-tire { color: #c9a24a; font-weight: 700; padding-bottom: 16px; }
/* Kaydırıcı: ince altın çizgi, koyu yuvarlak tutamaç */
.aux-sidebar-primary .widget_price_filter .price_slider {
	height: 4px !important; margin: 18px 10px 8px !important; border-radius: 4px; background: #ece9e1 !important;
	border: 0 !important; box-shadow: none !important;
}
.aux-sidebar-primary .widget_price_filter .ui-slider-range { height: 4px !important; background: linear-gradient(90deg, #c9a24a, #e3c57a) !important; border-radius: 4px; top: 0 !important; }
.aux-sidebar-primary .widget_price_filter .ui-slider-handle {
	width: 22px !important; height: 22px !important; top: -9px !important; margin-left: -11px !important;
	border-radius: 50% !important; border: 2px solid #fff !important; background: #1e2430 !important;
	box-shadow: 0 2px 8px rgba(0,0,0,.28) !important; cursor: grab;
}
.aux-sidebar-primary .widget_price_filter .ui-slider-handle:nth-child(2) { display: block !important; }

/* =========================================================================
   RENK – yonga (chip) görünümü
   ========================================================================= */
.aux-sidebar-primary .zt-renk-liste { display: flex; flex-wrap: wrap; gap: 8px; }
.aux-sidebar-primary .zt-renk-liste a {
	margin: 0;
	padding: 7px 12px 7px 8px;
	border: 1px solid #e3e0d8;
	border-radius: 999px;
	background: #fff;
	font-size: 13px;
	font-weight: 600;
	color: #283040;
	gap: 8px;
}
.aux-sidebar-primary .zt-renk-liste a:hover { border-color: #c9a24a; background: #fffaf0; color: #1e2430; }
.aux-sidebar-primary .zt-renk-liste li.zt-aktif a { border-color: #1e2430; background: #1e2430; color: #fff; }
.aux-sidebar-primary .zt-renk-liste li.zt-aktif .zt-renk-nokta { outline: 2px solid #e3c57a; outline-offset: 1px; }
.aux-sidebar-primary .zt-renk-nokta { width: 16px; height: 16px; }
.aux-sidebar-primary .zt-renk-adet { display: none; }

/* =========================================================================
   EN YENİ ÜRÜNLER
   ========================================================================= */
.aux-sidebar-primary .product_list_widget { margin: 0 !important; padding: 0 !important; list-style: none; }
.aux-sidebar-primary .product_list_widget li.auxshp-card-items {
	display: flex !important;
	align-items: center;
	gap: 12px;
	padding: 10px 0 !important;
	margin: 0 !important;
	border-top: 1px solid #f1efe9;
}
.aux-sidebar-primary .product_list_widget li.auxshp-card-items:first-child { border-top: 0; padding-top: 0 !important; }
.aux-sidebar-primary .auxshp-card-items-img {
	flex: 0 0 64px !important;
	width: 64px !important; height: 64px !important;
	margin: 0 !important;
	border-radius: 12px;
	overflow: hidden;
	background: #f5f4f0;
	display: block;
}
.aux-sidebar-primary .auxshp-card-items-img img { width: 100% !important; height: 100% !important; object-fit: cover; display: block; border-radius: 0 !important; }
.aux-sidebar-primary .auxshp-card-items-info { flex: 1 1 auto !important; min-width: 0 !important; width: auto !important; margin: 0 !important; padding: 0 !important; }
.aux-sidebar-primary .auxshp-cart-items-title {
	display: -webkit-box !important;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	font: 600 13.5px/1.35 Roboto, sans-serif !important;
	color: #283040 !important;
	text-decoration: none !important;
	word-break: normal !important;
	white-space: normal !important;
	margin: 0 0 4px !important;
}
.aux-sidebar-primary .auxshp-cart-items-title:hover { color: #1d5b8a !important; }
.aux-sidebar-primary .auxshp-items-price { display: flex; align-items: baseline; gap: 8px; flex-wrap: wrap; font-family: Roboto, sans-serif; }
.aux-sidebar-primary .auxshp-items-price ins { text-decoration: none; font-size: 15px; font-weight: 700; color: #1d5b8a; white-space: nowrap; }
.aux-sidebar-primary .auxshp-items-price del { font-size: 12.5px; color: #9aa0ab; white-space: nowrap; }
.aux-sidebar-primary .auxshp-items-price .amount { white-space: nowrap; }

/* Mobilde kenar çubuğu tam genişlik */
@media (max-width: 767px) {
	.aux-sidebar-primary, .aux-sidebar-primary .aux-widget-area, .aux-sidebar-primary .sidebar-content {
		width: 100% !important; max-width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; padding-left: 0 !important; padding-right: 0 !important;
	}
}

/* --- Özgüllük düzeltmeleri (kategori.css / tema Ek CSS'i ezilsin) --- */
.woocommerce-page .widget_products ul.product_list_widget li.auxshp-card-items { display: flex !important; grid-template-columns: none; }
.woocommerce-page .widget_products ul.product_list_widget li.auxshp-card-items a.auxshp-card-items-img { display: block !important; }
.woocommerce-page .widget_products ul.product_list_widget li.auxshp-card-items a.auxshp-cart-items-title { display: -webkit-box !important; }
.woocommerce-page .widget_products ul.product_list_widget li.auxshp-card-items img { width: 64px !important; height: 64px !important; border-radius: 12px; }
.woocommerce-page .widget_products ul.product_list_widget li.auxshp-card-items .auxshp-items-price ins .amount { font-size: 15px; color: #1d5b8a; }
.woocommerce-page .widget_products ul.product_list_widget li.auxshp-card-items .auxshp-items-price del .amount { font-size: 12.5px; }

.aux-shop-archive .sidebar-content .widget_price_filter .price_slider,
.woocommerce-page .aux-sidebar .widget_price_filter .price_slider {
	height: 4px !important; background: #ece9e1 !important; border-radius: 4px !important;
}
.aux-shop-archive .sidebar-content .widget_price_filter .ui-slider-range,
.woocommerce-page .aux-sidebar .widget_price_filter .ui-slider-range {
	height: 4px !important; background: linear-gradient(90deg, #c9a24a, #e3c57a) !important; border-radius: 4px !important;
}
.aux-shop-archive .widget_price_filter .ui-slider .ui-slider-handle,
.woocommerce-page .aux-sidebar .widget_price_filter .ui-slider .ui-slider-handle {
	width: 22px !important; height: 22px !important; top: -9px !important; margin-left: -11px !important;
	border-radius: 50% !important; border: 2px solid #fff !important; background: #1e2430 !important;
	box-shadow: 0 2px 8px rgba(0,0,0,.28) !important;
}
.woocommerce-page .aux-sidebar .price_slider .ui-slider-handle:nth-child(2) { display: block !important; }

/* Kategori adları kesilmesin, gerekirse alt satıra insin */
.aux-sidebar-primary .zt-kat-ad { white-space: normal; overflow: visible; text-overflow: clip; line-height: 1.3; }

/* Tablet/mobil (<1024px): ürünler üstte tam genişlik, kenar çubuğu altında tam genişlik */
@media screen and (max-width: 1023px) {
	.woocommerce-page .aux-container.aux-fold > .aux-primary,
	.woocommerce-page .aux-container.aux-fold > aside.aux-sidebar {
		float: none !important;
		clear: both !important;
		width: 100% !important;
		max-width: 100% !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
	}
	.woocommerce-page .aux-container.aux-fold > aside.aux-sidebar { margin-top: 28px !important; }
}

/* Tema mobilde .sidebar-inner'a 55px yan boşluk veriyor → kartlar daralıyordu */
.woocommerce-page .aux-sidebar .sidebar-inner { padding-left: 0 !important; padding-right: 0 !important; }
/* Ürün satırı tek sıra kalsın (görsel solda, bilgi sağda) */
.woocommerce-page .widget_products ul.product_list_widget li.auxshp-card-items { flex-direction: row !important; flex-wrap: nowrap !important; }
@media screen and (max-width: 1023px) {
	/* Ek CSS'teki ".aux-resp .aux-sidebar .sidebar-inner {padding: 0 55px !important}" kuralını ez */
	body.woocommerce-page .aux-resp .aux-sidebar .sidebar-inner,
	body.woocommerce-page .aux-shop-archive .aux-sidebar .sidebar-inner { padding: 0 !important; }
	body.woocommerce-page .aux-shop-archive .aux-sidebar-primary { width: 100% !important; }
}
