/* WooW! — Sepete ekle formu (adet + buton hizası)
 *
 * SORUN: Woo'nun `.quantity` kutusu ile `.single_add_to_cart_button` ayrı
 * elemanlardır; temalar ikisine farklı yükseklik/padding verdiği için buton
 * kutuya göre kayık duruyor. Tema düzeltmesi beklemek yerine formu biz
 * hizalıyoruz — ama yalnız kendi sarmalayıcımızın içinde, sitenin geri kalanına
 * dokunmadan.
 */

.woow-cf .cart,
.woow-cf form.cart {
	display: flex;
	flex-wrap: wrap;
	gap: var(--woow-cf-gap, 10px);
	align-items: var(--woow-cf-align, stretch);
}

/* Varyasyonlu üründe form dikey akar; hizalama yalnız buton satırında olmalı. */
.woow-cf form.variations_form { display: block; }
.woow-cf .woocommerce-variation-add-to-cart {
	display: flex;
	flex-wrap: wrap;
	gap: var(--woow-cf-gap, 10px);
	align-items: var(--woow-cf-align, stretch);
}

/* --- Yükseklik eşitleme (varsayılan) ---
   `stretch` iki kutuyu da satırın en yükseğine çeker; adet kutusu ve buton
   kendiliğinden aynı boyda olur. */
.woow-cf--stretch .cart,
.woow-cf--stretch .woocommerce-variation-add-to-cart { align-items: stretch; }

.woow-cf--stretch .quantity,
.woow-cf--stretch .quantity input.qty,
.woow-cf--stretch .single_add_to_cart_button { height: auto; }

.woow-cf--center .cart,
.woow-cf--center .woocommerce-variation-add-to-cart { align-items: center; }

.woow-cf--start .cart,
.woow-cf--start .woocommerce-variation-add-to-cart { align-items: flex-start; }

/* --- Butonu boşluğa yay --- */
.woow-cf--fill .single_add_to_cart_button { flex: 1 1 auto; }
.woow-cf--fill .quantity { flex: 0 0 auto; }

/* Buton tam satır: adet üstte, buton altta tam genişlik. */
.woow-cf--block .cart,
.woow-cf--block .woocommerce-variation-add-to-cart { flex-direction: column; align-items: stretch; }
.woow-cf--block .single_add_to_cart_button { width: 100%; }

/* ============================================================
   ADET KUTUSU + ARTIR / AZALT
   ============================================================ */
.woow-cf .quantity {
	display: flex;
	align-items: stretch;
	margin: 0;
	float: none;
}

.woow-cf .quantity input.qty {
	text-align: center;
	margin: 0;
	min-width: 54px;
	/* Tarayıcının kendi ok tuşlarını gizle — kendi düğmelerimiz var. */
	-moz-appearance: textfield;
	appearance: textfield;
}
.woow-cf .quantity input.qty::-webkit-outer-spin-button,
.woow-cf .quantity input.qty::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

.woow-qbtn {
	flex: 0 0 auto;
	width: 36px;
	border: 1px solid var(--woow-cf-border, #c3c4c7) !important;
	background: var(--woow-cf-btn-bg, #fff) !important;
	color: var(--woow-cf-btn-fg, #2c3338) !important;
	font-size: 18px;
	line-height: 1;
	cursor: pointer;
	padding: 0 !important;
	box-shadow: none !important;
	display: flex;
	align-items: center;
	justify-content: center;
	user-select: none;
	min-height: 0;
}

.woow-qbtn:hover { background: var(--woow-cf-btn-hover, #f0f0f1) !important; }
.woow-qbtn[disabled] { opacity: .4; cursor: default; }

/* Kutunun köşeleri: düğmeler dışta, input ortada — tek parça görünsün. */
.woow-cf .quantity .woow-qbtn--minus { border-radius: 6px 0 0 6px; border-right: 0 !important; }
.woow-cf .quantity .woow-qbtn--plus { border-radius: 0 6px 6px 0; border-left: 0 !important; }
.woow-cf .quantity.has-woow-steppers input.qty { border-radius: 0 !important; }

@media screen and (max-width: 480px) {
	/* Dar ekranda buton alta insin; yan yana sıkışmasın. */
	.woow-cf .cart,
	.woow-cf .woocommerce-variation-add-to-cart { flex-direction: column; align-items: stretch; }
	.woow-cf .single_add_to_cart_button { width: 100%; }
}

/* Nitelik etiketi konumu = ÜSTTE: nitelik adı seçim satırının üstünde durur
   (varsayılan "solda" Woo'nun tablo düzenidir; ona dokunmayız). */
.woow-cf--varlbl-top table.variations,
.woow-cf--varlbl-top table.variations tbody,
.woow-cf--varlbl-top table.variations tr,
.woow-cf--varlbl-top table.variations th.label,
.woow-cf--varlbl-top table.variations td.value {
	display: block;
	width: auto;
}
.woow-cf--varlbl-top table.variations th.label {
	text-align: left;
	padding: 0 0 4px;
	margin: 0;
	font-weight: 600;
}
.woow-cf--varlbl-top table.variations td.value {
	padding: 0 0 12px;
}

/* Nitelik etiketi konumu = SOLDA (varsayılan): etiketi kutuların İLK satırına
   dikey ortala. th.label hücresi td.value ile aynı yükseklikte olduğundan (kutular
   2 satıra çıkınca çift boy), etiketi üstte tutup (vertical-align:top) bir kutu-satırı
   yüksekliğinde flex ile ortalıyoruz — böylece kutular kaç satıra çıkarsa çıksın
   etiket ÜST satırın ortasında kalır. --woow-sw-size .woow-cf'ten miras gelir. */
.woow-cf:not(.woow-cf--varlbl-top) table.variations th.label {
	vertical-align: top;
}
.woow-cf:not(.woow-cf--varlbl-top) table.variations th.label label {
	display: inline-flex;
	align-items: center;
	min-height: var(--woow-sw-size, 34px);
	margin: 0;
}