/*
 * O'na Özel — WooCommerce sepet/checkout/hesap tema uyumu (tasarım denetimi, 23 Tem 2026).
 * Klasik WC shortcode'ları (H1 Step 3) WooCommerce'in varsayılan AÇIK stilini yüklüyor;
 * koyu bordo temaya (oklch token'ları :root'ta app.css'te tanımlı) uyacak şekilde override
 * edilir. YALNIZ is_cart()/is_checkout()/is_account_page() sayfalarında enqueue edilir.
 */

/* ---- Genel metin/başlık ---- */
.woocommerce, .woocommerce-page { color: var(--foreground); }
.woocommerce h1, .woocommerce h2, .woocommerce h3,
.cart_totals h2, #order_review_heading, .cart-collaterals h2,
.woocommerce-billing-fields h3, .woocommerce-additional-fields h3 { color: var(--foreground); }
.woocommerce p, .woocommerce label, .woocommerce td, .woocommerce th,
.woocommerce-checkout label, .woocommerce-privacy-policy-text { color: var(--foreground); }
.woocommerce a { color: var(--accent); }
.woocommerce a:hover { color: var(--primary-glow); }
.woocommerce .required, .woocommerce abbr.required { color: var(--primary); border: none; }

/* ---- Bildirim kutuları (mesaj / bilgi / hata) — beyaz kutular yerine temalı kart ---- */
.woocommerce-message, .woocommerce-info, .woocommerce-error {
	background: var(--card);
	color: var(--foreground);
	border-top: 3px solid var(--primary);
	border-radius: var(--radius);
	box-shadow: 0 14px 40px -20px rgba(0,0,0,.7);
}
.woocommerce-message::before, .woocommerce-info::before, .woocommerce-error::before { color: var(--primary); }
.woocommerce-message a, .woocommerce-info a, .woocommerce-error a { color: var(--accent); }

/* ---- Butonlar — mor WC varsayılanı yerine tema primary gradyanı ---- */
.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,
.woocommerce #place_order, .wc-proceed-to-checkout a.checkout-button {
	background: var(--gradient-primary) !important;
	color: var(--primary-foreground) !important;
	border: none !important;
	border-radius: var(--radius);
	font-weight: 600;
	padding: .85rem 1.5rem;
	text-shadow: none;
	box-shadow: 0 12px 30px -12px var(--primary);
	transition: filter .2s ease, transform .2s ease;
}
.woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover,
.woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover,
.woocommerce #place_order:hover, .wc-proceed-to-checkout a.checkout-button:hover {
	filter: brightness(1.08);
	transform: translateY(-1px);
	color: var(--primary-foreground) !important;
}
.woocommerce button.button:disabled, .woocommerce button.button[disabled], .woocommerce button.button.disabled {
	background: var(--muted) !important;
	color: var(--muted-foreground) !important;
	opacity: .55;
	box-shadow: none;
	cursor: not-allowed;
}

/* ---- Form alanları — beyaz inputlar yerine koyu/temalı ---- */
/* !important + geniş seçici: WC'nin kendi input/textarea kuralları aksi halde kazanıyor
   (özellikle "Kişiselleştirme Notu" = textarea#order_comments beyaz kalıyordu). */
.woocommerce input.input-text,
.woocommerce textarea,
.woocommerce select,
.woocommerce-checkout input.input-text,
.woocommerce-checkout textarea,
.woocommerce-checkout select,
.woocommerce .woocommerce-input-wrapper textarea,
.woocommerce #order_comments,
.woocommerce-cart table.cart td.actions .coupon .input-text,
.woocommerce .select2-container .select2-selection,
.select2-container--default .select2-selection--single {
	background: var(--card) !important;
	color: var(--foreground) !important;
	border: 1px solid var(--input) !important;
	border-radius: var(--radius);
	padding: .7rem .9rem;
	box-shadow: none;
}
.woocommerce form .form-row input.input-text::placeholder,
.woocommerce form .form-row textarea::placeholder { color: var(--muted-foreground); opacity: .65; }
.woocommerce form .form-row input.input-text:focus,
.woocommerce form .form-row textarea:focus,
.woocommerce form .form-row select:focus {
	outline: none;
	border-color: var(--ring);
	box-shadow: 0 0 0 3px color-mix(in oklab, var(--ring) 30%, transparent);
}
/* select2 açılırları (Ülke / Şehir) */
.select2-container--default .select2-selection--single { height: auto; }
.select2-container--default .select2-selection--single .select2-selection__rendered {
	color: var(--foreground); line-height: 1.7;
}
.select2-dropdown {
	background: var(--secondary); color: var(--foreground); border: 1px solid var(--input);
}
.select2-container--default .select2-results__option--highlighted[aria-selected] { background: var(--primary); }
.select2-container--default .select2-search--dropdown .select2-search__field {
	background: var(--card); color: var(--foreground); border: 1px solid var(--input);
}

/* ---- Tablolar (sepet / sipariş özeti / sepet toplamları) ---- */
.woocommerce table.shop_table {
	background: var(--card);
	border: 1px solid var(--border);
	border-radius: var(--radius);
	color: var(--foreground);
	overflow: hidden;
}
.woocommerce table.shop_table th,
.woocommerce table.shop_table td { border-top: 1px solid var(--border); color: var(--foreground); }
.woocommerce table.shop_table tfoot th, .woocommerce table.shop_table tfoot td { color: var(--foreground); }
.woocommerce-cart table.cart img { border-radius: .4rem; }
.woocommerce .cart_totals, .woocommerce .cart-collaterals { color: var(--foreground); }

/* ---- Sepetten kaldır (×) ---- */
.woocommerce a.remove { color: var(--foreground) !important; }
.woocommerce a.remove:hover { background: var(--primary); color: var(--primary-foreground) !important; }

/* ---- Ödeme bölümü ---- */
.woocommerce-checkout #payment { background: transparent; border-radius: var(--radius); }
.woocommerce-checkout #payment ul.payment_methods { border-bottom: 1px solid var(--border); }
.woocommerce form .woocommerce-terms-and-conditions-wrapper { color: var(--foreground); }
