/*
 * AzaKit WooCommerce görünümü (Faz 9a). Şablon kopyası yok: yalnızca WooCommerce'in kendi sınıfları
 * `--azk-*` belirteçleriyle giydirilir. Çekirdek düzen dosyalarından SONRA yüklenir; aynı özgüllükte
 * bu dosya kazanır, bu yüzden seçiciler çekirdekle birebir aynı biçimde yazıldı.
 */

/* Ekmek kırıntısı */
.azk-breadcrumb, .woocommerce .woocommerce-breadcrumb {
	margin: 0 0 var(--azk-space-5);
	color: var(--azk-color-muted);
	font-size: .9rem;
}
/* 2026-10-30: çekirdeğin `.woocommerce .woocommerce-breadcrumb a { color:#767676 }` kuralı (0,2,1) yalnız `.azk-breadcrumb a`'yı
   eziyordu; #767676 renkli zeminde (elektronik #f4f8fa) 4,25:1'e düşer. Seçici çekirdekle aynı özgüllükte yazıldı. */
.azk-breadcrumb a, .woocommerce .woocommerce-breadcrumb a { color: var(--azk-color-muted); }
.azk-breadcrumb__sep { margin-inline: var(--azk-space-2); }

/* Sonuç sayısı + sıralama */
.woocommerce .woocommerce-result-count { float: none; margin: 0 0 var(--azk-space-4); color: var(--azk-color-muted); }
.woocommerce .woocommerce-ordering { float: none; margin: 0 0 var(--azk-space-5); }
.woocommerce .woocommerce-ordering select { width: auto; max-width: 100%; }

/* Ürün ızgarası: ayardaki sütun sayısı; dar ekranda iki sütun, çok dar ekranda tek */
.woocommerce ul.products,
.woocommerce-page ul.products {
	display: grid;
	grid-template-columns: repeat(var(--azk-shop-cols), minmax(0, 1fr));
	gap: var(--azk-space-5);
	margin: 0 0 var(--azk-space-6);
	padding: 0;
	list-style: none;
}
.woocommerce ul.products::before,
.woocommerce ul.products::after,
.woocommerce-page ul.products::before,
.woocommerce-page ul.products::after { display: none; }
.woocommerce ul.products[class*="columns-"] li.product,
.woocommerce-page ul.products[class*="columns-"] li.product {
	position: relative;
	display: flex;
	flex-direction: column;
	float: none;
	width: auto;
	margin: 0;
	padding: 0;
	overflow: hidden;
	border: var(--azk-border-w) solid var(--azk-color-border);
	border-radius: var(--azk-radius);
	background: var(--azk-color-bg);
	box-shadow: var(--azk-shadow-card);
}
.woocommerce ul.products li.product .woocommerce-LoopProduct-link { display: block; flex: 1; }
.woocommerce ul.products li.product .button { align-self: flex-start; margin-top: auto; }
.woocommerce ul.products li.product a img { display: block; width: 100%; margin: 0 0 var(--azk-space-3); aspect-ratio: 1 / 1; object-fit: cover; }
.woocommerce ul.products li.product .woocommerce-loop-product__title {
	padding: 0 var(--azk-space-4);
	font-family: var(--azk-font-heading);
	font-size: 1.05rem;
}
.woocommerce ul.products li.product .woocommerce-LoopProduct-link { color: var(--azk-color-text); text-decoration: none; }
.woocommerce ul.products li.product .price { display: block; padding: 0 var(--azk-space-4); margin-bottom: var(--azk-space-3); color: var(--azk-color-brand); font-weight: 700; }
.woocommerce ul.products li.product .button { margin: 0 var(--azk-space-4) var(--azk-space-4); }

/* Fiyat, indirim rozeti, yıldız */
.woocommerce .price del { color: var(--azk-color-muted); font-weight: 400; }
.woocommerce .price ins { background: none; text-decoration: none; }
/* Döngüdeki `ul.products li.product .onsale` ve blok ızgarasının rozeti çekirdekte daha özgül; aynı özgüllükle ezilir. */
.woocommerce span.onsale,
.woocommerce ul.products li.product .onsale,
.wc-block-grid .wc-block-grid__product .wc-block-grid__product-onsale,
.wc-block-grid__product .wc-block-components-product-sale-badge {
	position: absolute;
	z-index: 1;
	top: var(--azk-space-3);
	right: auto;
	left: var(--azk-space-3);
	min-width: 0;
	min-height: 0;
	margin: 0;
	padding: .3rem .65rem;
	border: 0;
	border-radius: var(--azk-btn-radius);
	background: var(--azk-color-danger);
	color: #fff;
	font-size: .8125rem;
	font-weight: 700;
	line-height: 1.2;
	text-transform: none;
}
.woocommerce .star-rating span::before { color: var(--azk-color-brand); }

/* Düğmeler: temadaki tek düğme tanımıyla aynı belirteçler. Blok ızgarasının düğmesi `wp-element-button` taşımaz;
   çekirdeğin hap köşesi ve koyu zemini ona ayrıca ezilir. */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt,
.wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link,
.wp-block-button.wc-block-components-product-button .wp-block-button__link,
.wc-block-components-button:not(.is-link) {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: var(--azk-control-h);
	padding: .6rem 1.25rem;
	border: var(--azk-border-w) solid var(--azk-color-brand);
	border-radius: var(--azk-btn-radius);
	background: var(--azk-color-brand);
	color: var(--azk-color-on-brand);
	font-family: inherit;
	font-weight: var(--azk-btn-weight);
	line-height: 1.2;
	text-decoration: none;
}
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover,
.wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link:hover,
.wp-block-button.wc-block-components-product-button .wp-block-button__link:hover,
.wc-block-components-button:not(.is-link):hover {
	border-color: var(--azk-color-brand-hover);
	background: var(--azk-color-brand-hover);
	color: var(--azk-color-on-brand);
}
/* Pasif düğme (ör. seçenek seçilmemiş varyasyonlu ürün): çekirdek `.alt.disabled`e kendi morunu ve `opacity: .5` verir, kontrast
   2,1'e düşer (canlı 10j axe). Aynı özgüllükle tema rengi korunur; tıklanınca çekirdek "seçenek seçin" uyarısını verir. */
.woocommerce a.button.disabled, .woocommerce a.button:disabled, .woocommerce a.button:disabled[disabled],
.woocommerce button.button.disabled, .woocommerce button.button:disabled, .woocommerce button.button:disabled[disabled],
.woocommerce input.button.disabled, .woocommerce input.button:disabled, .woocommerce input.button:disabled[disabled],
.woocommerce a.button.alt.disabled, .woocommerce a.button.alt:disabled, .woocommerce a.button.alt:disabled[disabled],
.woocommerce button.button.alt.disabled, .woocommerce button.button.alt:disabled, .woocommerce button.button.alt:disabled[disabled],
.woocommerce input.button.alt.disabled, .woocommerce input.button.alt:disabled, .woocommerce input.button.alt:disabled[disabled] {
	padding: .6rem 1.25rem;
	border-color: var(--azk-color-brand);
	background: var(--azk-color-brand);
	color: var(--azk-color-on-brand);
	cursor: not-allowed;
	opacity: 1;
}

/* Bildirimler: renk tek başına anlam taşımaz, kenar çizgisi + metin birlikte gelir */
.woocommerce-message, .woocommerce-info, .woocommerce-error {
	margin: 0 0 var(--azk-space-5);
	padding: var(--azk-space-4) var(--azk-space-5);
	border: 0;
	border-left: .25rem solid var(--azk-color-brand);
	border-radius: var(--azk-btn-radius);
	background: var(--azk-color-surface);
	color: var(--azk-color-text);
}
.woocommerce-message::before, .woocommerce-info::before, .woocommerce-error::before { display: none; }
.woocommerce-error { border-left-color: var(--azk-color-danger); }
.woocommerce-message { border-left-color: var(--azk-color-success); }
.woocommerce-error { list-style: none; }
.woocommerce-message .button { margin-left: var(--azk-space-3); }

/* Tekil ürün: iki sütunlu ızgara; sekmeler ve ilgili ürünler tam genişlik */
.woocommerce div.product { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--azk-space-5) var(--azk-space-6); }
.woocommerce div.product div.images,
.woocommerce div.product div.summary,
.woocommerce #content div.product div.images,
.woocommerce #content div.product div.summary {
	float: none;
	width: auto;
	margin: 0;
}
.woocommerce div.product .woocommerce-tabs,
.woocommerce div.product .related,
.woocommerce div.product .upsells { grid-column: 1 / -1; }
.woocommerce div.product .product_title { font-size: clamp(1.8rem, 1.3rem + 1.8vw, 2.6rem); }
.woocommerce div.product .woocommerce-tabs .woocommerce-Tabs-panel p { max-width: var(--azk-measure); }
.woocommerce div.product p.price, .woocommerce div.product span.price { color: var(--azk-color-brand); font-size: 1.5rem; font-weight: 700; }
.woocommerce div.product form.cart { display: flex; flex-wrap: wrap; align-items: stretch; gap: var(--azk-space-3); margin: var(--azk-space-4) 0; }
.woocommerce div.product form.cart .quantity { margin: 0; }
.woocommerce .quantity .qty { width: 5rem; text-align: center; }
.woocommerce div.product div.images img { border-radius: var(--azk-radius); }
.woocommerce div.product .product_meta { color: var(--azk-color-muted); font-size: .9rem; }
.woocommerce div.product .woocommerce-tabs ul.tabs { display: flex; flex-wrap: wrap; gap: var(--azk-space-2); margin: 0 0 var(--azk-space-4); padding: 0; border-bottom: var(--azk-border-w) solid var(--azk-color-border); list-style: none; }
.woocommerce div.product .woocommerce-tabs ul.tabs::before, .woocommerce div.product .woocommerce-tabs ul.tabs::after { display: none; }
.woocommerce div.product .woocommerce-tabs ul.tabs li { margin: 0; padding: 0; border: 0; border-radius: 0; background: none; }
.woocommerce div.product .woocommerce-tabs ul.tabs li::before, .woocommerce div.product .woocommerce-tabs ul.tabs li::after { display: none; }
.woocommerce div.product .woocommerce-tabs ul.tabs li a { display: inline-flex; align-items: center; min-height: var(--azk-control-h); padding: 0 var(--azk-space-4); color: var(--azk-color-muted); font-weight: 600; }
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a { color: var(--azk-color-text); box-shadow: inset 0 -.2rem 0 var(--azk-color-brand); }

/* Sepet ve ödeme tabloları */
.woocommerce table.shop_table { border: var(--azk-border-w) solid var(--azk-color-border); border-collapse: separate; border-radius: var(--azk-radius); }
.woocommerce table.shop_table th, .woocommerce table.shop_table td { padding: var(--azk-space-3) var(--azk-space-4); border-top: var(--azk-border-w) solid var(--azk-color-border); }
.woocommerce table.shop_table thead th { border-top: 0; background: var(--azk-color-surface); }
.woocommerce-cart table.cart img { width: 4rem; border-radius: calc(var(--azk-radius) / 2); }
.woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals { float: none; width: 100%; max-width: 30rem; margin-left: auto; }
.woocommerce form .form-row { margin-bottom: var(--azk-space-4); }
.woocommerce form .form-row label { display: block; margin-bottom: var(--azk-space-1); }
.woocommerce form .form-row .required { color: var(--azk-color-danger); text-decoration: none; }
.woocommerce-checkout #payment { border-radius: var(--azk-radius); background: var(--azk-color-surface); }
.woocommerce-checkout #payment div.payment_box { background: var(--azk-color-bg); color: var(--azk-color-text); }
.woocommerce-checkout #payment div.payment_box::before { display: none; }

/* Hesabım */
.woocommerce-MyAccount-navigation ul { margin: 0 0 var(--azk-space-5); padding: 0; list-style: none; }
.woocommerce-MyAccount-navigation a {
	display: flex;
	align-items: center;
	min-height: var(--azk-control-h);
	padding: 0 var(--azk-space-3);
	color: var(--azk-color-text);
	font-weight: 600;
	text-decoration: none;
}
.woocommerce-MyAccount-navigation .is-active a { box-shadow: inset .25rem 0 0 var(--azk-color-brand); background: var(--azk-color-surface); }

@media (min-width: 48rem) {
	.woocommerce div.product { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.woocommerce-account .woocommerce-MyAccount-navigation { float: left; width: 16rem; }
	.woocommerce-account .woocommerce-MyAccount-content { float: right; width: calc(100% - 18rem); }
}
@media (max-width: 64rem) {
	.woocommerce ul.products, .woocommerce-page ul.products { grid-template-columns: repeat(auto-fill, minmax(min(100%, 13rem), 1fr)); }
}
@media (max-width: 40rem) {
	.woocommerce ul.products, .woocommerce-page ul.products { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--azk-space-3); }
}
@media (max-width: 22rem) {
	.woocommerce ul.products, .woocommerce-page ul.products { grid-template-columns: minmax(0, 1fr); }
}

/* Faz 9f: klasik ve blok kartların ortak hareketi ve boşlukları. */
.woocommerce ul.products, .woocommerce-page ul.products { gap: max(20px, var(--azk-gutter)); }
.woocommerce ul.products li.product, .wc-block-grid__product, .wc-block-product { transition: transform 250ms ease, box-shadow 250ms ease; text-align: left; overflow: hidden; }
.woocommerce ul.products li.product:hover, .wc-block-grid__product:hover, .wc-block-product:hover { transform: translateY(-6px); }
.woocommerce ul.products li.product img, .wc-block-grid__product img, .wc-block-product img { transition: transform 250ms ease; }
.woocommerce ul.products li.product:hover img, .wc-block-grid__product:hover img, .wc-block-product:hover img { transform: scale(1.05); }
.wc-block-grid .wc-block-grid__product .wc-block-grid__product-title,
.wc-block-grid .wc-block-grid__product-link,
.wc-block-product .wp-block-post-title,
.wc-block-product .wp-block-post-title a { font-size: max(14px, 1rem); text-decoration: none; text-align: left; color: var(--azk-color-text); }
.wc-block-grid__product { border: var(--azk-border-w) solid var(--azk-color-border); border-radius: var(--azk-radius); padding: 16px; background: var(--azk-color-bg); }
.woocommerce nav.woocommerce-pagination ul { border: 0; gap: 8px; }
.woocommerce nav.woocommerce-pagination ul li { border: 0; float: none; }
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span,
.pagination .page-numbers { display: inline-flex; align-items: center; justify-content: center; box-sizing: border-box; min-width: 44px; min-height: 44px; padding: 0 12px; line-height: 1; border: var(--azk-border-w) solid var(--azk-color-border); border-radius: var(--azk-btn-radius); }
.woocommerce nav.woocommerce-pagination ul li span.current { background: var(--azk-color-brand); color: var(--azk-color-on-brand); }