/*
WooCommerce bildirimleri (wc_add_notice()/wc_print_notices()) — GLOBAL, marka diline uyarlanmış.

KÖK NEDEN (2026-07-24 canlı doğrulama — site sahibi ekran görüntüsü: /hesabim/'de "sepetinize
eklendi" bildirimi WooCommerce'in ham/varsayılan gri kutu + gri "Sepetim" butonuyla görünüyordu):
WooCommerce'in güncel `templates/notices/success.php` / `error.php` / `notice.php` şablonları
ARTIK `<ul class="woocommerce-message"><li>…</li></ul>` ÜRETMİYOR — doğrudan
`<div class="woocommerce-message" role="alert">metin <a class="button wc-forward">…</a></div>`
render ediyor (WooCommerce çekirdek şablon güncellemesi). myaccount.css ve cart-checkout.css'teki
önceki kurallar `ul.woocommerce-error` / `ul.woocommerce-message` / `ul.woocommerce-info` gibi
ETİKET-ŞARTLI seçiciler kullanıyordu — bu yüzden canlıda HİÇBİR ZAMAN eşleşmediler (özgüllük
sorunu değil, doğrudan seçici/markup uyumsuzluğu), bildirim WC'nin çekirdek/varsayılan CSS'iyle
(gri zemin, 3px köşe, düz `.button` grisi) kaldı. Aşağıdaki seçiciler etiketten bağımsız (`.sınıf`,
`ul` veya `div` fark etmez) ve TEK bir global stylesheette tanımlanır — bildirim mağaza/ürün/
sepet/ödeme/hesabım fark etmeksizin HER SAYFADA çıkabildiği için (wc_print_notices() birden çok
bağlamda hook'lanır: woocommerce_before_single_product, woocommerce_before_cart,
woocommerce_before_checkout_form, my-account.php içindeki elle çağrı vb.) bu dosya WooCommerce
aktifken KOŞULSUZ (sayfa tipine göre değil) enqueue edilir — bkz. functions.php.

Görsel dil myaccount.css/cart-checkout.css'te ZATEN TASARLANMIŞTI (kesik köşe `--radius-tab`,
nötr `--color-surface-alt` zemin, hata için `--color-primary-soft` zemin) — burada o tasarım
korunur, yalnızca (a) seçici hatası düzeltilir, (b) kapsam My Account/Sepet/Ödeme'nin dışına
(ürün sayfası, mağaza/arşiv, arama) genişletilir, (c) WooCommerce'in ayrı bir mekanizması olan
sepet kupon hatası (`.coupon-error-notice` — wc-cart.js'in AJAX kupon reddinde enjekte ettiği
`<p>`, wc_print_notices() ZİNCİRİNİN DIŞINDA, o yüzden ayrıca hedeflenmesi gerekiyordu ve hiç
stillenmemişti) aynı dile uyarlanır.

Token kullanımı zorunlu — ham hex/px yok.
*/

/* =====================================================================
 * 1. Sarmalayıcı + temel kutu (success/error/info — tag'ten bağımsız)
 * ===================================================================== */
.woocommerce-notices-wrapper {
	margin-bottom: var(--space-3);
}

.woocommerce-error,
.woocommerce-message,
.woocommerce-info {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: var(--space-2);
	list-style: none;
	margin: 0 0 var(--space-2);
	padding: var(--space-2) var(--space-3);
	border-radius: var(--radius-tab);
	font-size: 14px;
	line-height: 1.5;
	background: var(--color-surface-alt);
	border: 1px solid var(--color-border-strong);
	color: var(--color-text);
}

/* Bazı WooCommerce sürümleri/uçları (çoklu doğrulama hatası — ödeme formu) birden fazla
   mesajı `<li>` ya da `<p>` olarak listeler; her biri kendi satırında tam genişlik alsın,
   tek satırlık başarı mesajıyla (metin + "Sepetim" butonu tek flex satırında) çakışmasın. */
.woocommerce-error li,
.woocommerce-message li,
.woocommerce-info li,
.woocommerce-error p,
.woocommerce-message p,
.woocommerce-info p {
	flex: 1 1 100%;
	margin: 0;
	list-style: none;
}
.woocommerce-error li:not(:last-child),
.woocommerce-error p:not(:last-child) {
	margin-bottom: var(--space-1);
}

.woocommerce-error {
	background: var(--color-primary-soft);
	border-color: var(--color-primary);
	color: var(--color-primary-hover);
}

/* =====================================================================
 * 2. Bildirim içindeki "Sepetim / Görüntüle" butonu — .dga-btn--primary diliyle aynı
 * ===================================================================== */
.woocommerce-error a.button,
.woocommerce-message a.button,
.woocommerce-info a.button {
	display: inline-flex;
	align-items: center;
	flex-shrink: 0;
	min-height: 36px;
	padding: 0 var(--space-2);
	border-radius: var(--radius-pill);
	background: var(--color-primary);
	color: var(--color-surface);
	text-decoration: none;
	font-weight: 700;
	font-size: 13px;
	transition: background-color var(--transition);
}
.woocommerce-error a.button:hover,
.woocommerce-message a.button:hover,
.woocommerce-info a.button:hover {
	background: var(--color-primary-hover);
}

/* =====================================================================
 * 3. Sepet kuponu hatası — wc_print_notices() ZİNCİRİNİN DIŞINDA.
 * WooCommerce çekirdek `assets/js/frontend/cart.js`, AJAX kupon uygulama başarısız olduğunda
 * `.coupon` formunun hemen ardına doğrudan `<p class="coupon-error-notice">mesaj</p>` enjekte
 * eder — wc_add_notice()/woocommerce-error zincirinden geçmez, bu yüzden yukarıdaki kurallar
 * bunu KAPSAMAZ ve ayrıca hedeflenmesi gerekir. Önceden hiç stil yoktu (WC'nin donanımsal
 * kırmızısı `#a00` düz metin olarak kalıyordu).
 * ===================================================================== */
.coupon-error-notice {
	display: block;
	margin: var(--space-2) 0 0;
	padding: var(--space-2) var(--space-3);
	border-radius: var(--radius-tab);
	background: var(--color-primary-soft);
	border: 1px solid var(--color-primary);
	color: var(--color-primary-hover);
	font-size: 13px;
	font-weight: 600;
}