/*
"Stok Bildirimi" (05-EK-OZELLIKLER-VE-REACT.md §B13) — stokta olmayan ürünlerde satın alma
bloğunun altında görünen küçük satır-içi form (e-posta girişi + gönder butonu yan yana).
İşleyici: inc/stok-bildirim-handler.php. Markup: woocommerce/single-product.php
(".dga-stok-bildirim"). Yalnızca tekil ürün sayfalarında enqueue edilir
(inc/stok-bildirim-enqueue.php). Token kullanımı zorunlu — ham hex/px yok (dokunma hedefi
yükseklikleri ve honeypot konumlandırması hariç, mevcut form bileşenleriyle aynı desen).
*/

.dga-stok-bildirim {
	margin-top: var(--space-3);
	padding: var(--space-2);
	background: var(--color-surface-alt);
	border: 1px solid var(--color-border);
	border-radius: var(--radius-tab);
}

.dga-stok-bildirim__label {
	margin: 0 0 var(--space-1);
	font-size: 14px;
	font-weight: 600;
	color: var(--color-text);
}

.dga-stok-bildirim__form {
	display: flex;
	flex-wrap: wrap;
	gap: var(--space-1);
}

.dga-stok-bildirim__input {
	flex: 1 1 220px;
	min-height: 44px; /* dokunma hedefi ≥44px — 01-TASARIM-SISTEMI.md §10 */
	padding: 0 var(--space-2);
	border: 1px solid var(--color-border-strong);
	border-radius: var(--radius-input);
	background: var(--color-surface);
	font-family: var(--font-sans);
	font-size: 14px;
	color: var(--color-text);
	transition: border-color var(--transition);
}
.dga-stok-bildirim__input:hover {
	border-color: var(--color-text-faint);
}
.dga-stok-bildirim__input:focus-visible {
	border-color: var(--color-primary);
}

.dga-stok-bildirim__submit {
	flex: none;
	min-height: 44px;
}

.dga-stok-bildirim__basarili {
	margin: var(--space-1) 0 0;
	font-size: 13px;
	font-weight: 600;
	color: var(--color-stock);
}

/* ---------- Mobil: form dikey ---------- */
@media (max-width: 480px) {
	.dga-stok-bildirim__form {
		flex-direction: column;
	}
	.dga-stok-bildirim__input,
	.dga-stok-bildirim__submit {
		width: 100%;
	}
}