/* =========================================================================
 * CANAVART — WOOCOMMERCE STİLLERİ
 * Bağımlılık: main.css (ve style.css token'ları)
 * Bağlamlar: karanlık (ürün detay, hesap) / fildişi (mağaza, sepet, ödeme)
 * ========================================================================= */

/* ---- 1. BİLDİRİMLER ---------------------------------------------------- */

.woocommerce-message,
.woocommerce-info,
.woocommerce-error {
	list-style: none;
	margin: 0 0 1.5rem;
	padding: 1rem 1.4rem;
	background: var(--ca-parchment);
	color: var(--ca-ink);
	border-left: 3px solid var(--ca-gold);
	font-size: 0.9rem;
}

.woocommerce-error { border-left-color: var(--ca-sale); }

.woocommerce-error li { margin: 0.2rem 0; }

.woocommerce-message a,
.woocommerce-info a,
.woocommerce-error a { color: var(--ca-gold-dark); text-decoration: underline; }

.woocommerce-message .button,
.woocommerce-info .button {
	float: right;
	margin-left: 1rem;
	padding: 0.4rem 1rem;
	background: var(--ca-ink);
	color: var(--ca-ivory);
	font-size: 0.72rem;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	text-decoration: none;
}

/* ---- 2. MAĞAZA BAŞLIK BANDI --------------------------------------------- */

.ca-shop-hero {
	padding: 4.5rem 0 3.5rem;
	text-align: center;
	background: var(--ca-bg-deepest);
	border-bottom: var(--ca-border-gold);
}

.ca-shop-hero .page-title { font-size: var(--ca-fs-h1); margin: 0; }

.ca-shop-hero .term-description {
	max-width: 620px;
	margin: 1rem auto 0;
	color: var(--ca-text-muted);
	font-size: 0.95rem;
}

/* ---- 3. MAĞAZA DÜZENİ: SOL FİLTRE + SAĞ GRID ----------------------------- */

.ca-shop-context {
	background: var(--ca-ivory);
	color: var(--ca-ink);
	padding: var(--ca-space-lg) 0;
}

.ca-shop-layout {
	display: grid;
	grid-template-columns: 280px 1fr;
	gap: 2.5rem;
	align-items: start;
}

/* Filtre kolonu — Faz 4 filtre widget'ı da bu görünümü devralır */
.ca-shop-sidebar .ca-widget {
	background: #fff;
	border: 1px solid rgba(138, 108, 53, 0.25);
	padding: 1.6rem 1.5rem;
	margin-bottom: 1.5rem;
}

.ca-shop-sidebar .ca-widget-title {
	font-family: var(--ca-font-display);
	font-size: 1.05rem;
	color: var(--ca-ink);
	margin: 0 0 1rem;
	padding-bottom: 0.7rem;
	border-bottom: 1px solid rgba(138, 108, 53, 0.25);
}

.ca-cat-list,
.ca-cat-list ul { list-style: none; margin: 0; padding: 0; }

.ca-cat-list ul { padding-left: 1rem; }

.ca-cat-list li { padding: 0.32rem 0; }

.ca-cat-list a { color: var(--ca-ink-muted); font-size: 0.88rem; }

.ca-cat-list a:hover,
.ca-cat-list .current-cat > a { color: var(--ca-gold-dark); }

/* Araç çubuğu: sonuç sayısı + sıralama */
.ca-shop-toolbar {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 1rem;
	margin-bottom: 1.6rem;
	flex-wrap: wrap;
}

.woocommerce-result-count {
	margin: 0;
	color: var(--ca-ink-muted);
	font-size: 0.85rem;
}

.woocommerce-ordering select {
	padding: 0.55rem 2.2rem 0.55rem 1rem;
	background: #fff;
	border: 1px solid rgba(138, 108, 53, 0.3);
	color: var(--ca-ink);
	font-family: var(--ca-font-body);
	font-size: 0.85rem;
	cursor: pointer;
}

/* ---- 4. ÜRÜN GRİDİ (ul.products) ----------------------------------------- */

ul.products {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 1.6rem;
}

ul.products.columns-4 { grid-template-columns: repeat(4, 1fr); }
ul.products.columns-2 { grid-template-columns: repeat(2, 1fr); }

/* Kart DNA'sı main.css'ten gelir (.ca-product-card) — burada yalnızca
   döngü sepete ekle butonu stillenmektedir. */
.ca-card-actions { margin-top: 0.9rem; min-height: 34px; }

.ca-card-actions .button {
	display: inline-block;
	padding: 0.5rem 1.3rem;
	background: transparent;
	border: 1px solid var(--ca-gold);
	color: var(--ca-gold);
	font-family: var(--ca-font-body);
	font-size: 0.7rem;
	letter-spacing: 0.15em;
	text-transform: uppercase;
	cursor: pointer;
	transition: all var(--ca-duration) var(--ca-ease);
}

.ca-shop-context .ca-card-actions .button {
	border-color: var(--ca-gold-dark);
	color: var(--ca-gold-dark);
}

.ca-card-actions .button:hover {
	background: var(--ca-gold);
	border-color: var(--ca-gold);
	color: var(--ca-bg-deepest);
}

.ca-card-actions .button.loading { opacity: 0.5; pointer-events: none; }

.ca-card-actions .added_to_cart {
	display: inline-block;
	margin-left: 0.6rem;
	font-size: 0.75rem;
	color: var(--ca-gold-dark);
	text-decoration: underline;
}

/* ---- 5. SAYFALAMA ---------------------------------------------------------- */

.woocommerce-pagination { margin-top: 3rem; text-align: center; }

.woocommerce-pagination ul {
	list-style: none;
	margin: 0;
	padding: 0;
	display: inline-flex;
	gap: 0.5rem;
}

.woocommerce-pagination .page-numbers {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 42px;
	height: 42px;
	padding: 0 0.6rem;
	border: 1px solid rgba(138, 108, 53, 0.35);
	color: var(--ca-ink-muted);
	font-size: 0.85rem;
	transition: all var(--ca-duration) var(--ca-ease);
}

.woocommerce-pagination .page-numbers.current,
.woocommerce-pagination .page-numbers:hover {
	background: var(--ca-gold-dark);
	border-color: var(--ca-gold-dark);
	color: var(--ca-ivory);
}

/* ---- 6. TEKİL ÜRÜN SAYFASI -------------------------------------------------- */

.ca-product-page { background: var(--ca-bg-deep); }

.ca-product-top {
	display: grid;
	grid-template-columns: 1.1fr 1fr;
	gap: 3.5rem;
	padding: var(--ca-space-lg) 0 0;
}

/* Galeri */
.ca-gallery-main {
	position: relative;
	aspect-ratio: 1 / 1;
	overflow: hidden;
	border: var(--ca-border-gold);
	background: var(--ca-bg-deepest);
	cursor: zoom-in;
}

.ca-gallery-main img { width: 100%; height: 100%; object-fit: cover; }

.ca-gallery-zoom {
	position: absolute;
	right: 12px;
	bottom: 12px;
	width: 42px;
	height: 42px;
	background: rgba(12, 10, 8, 0.7);
	border: var(--ca-border-gold);
	color: var(--ca-gold);
	font-size: 1.1rem;
	cursor: pointer;
	transition: all var(--ca-duration) var(--ca-ease);
}

.ca-gallery-zoom:hover { background: var(--ca-gold); color: var(--ca-bg-deepest); }

.ca-gallery-thumbs { display: flex; gap: 0.8rem; margin-top: 0.8rem; flex-wrap: wrap; }

.ca-gallery-thumb {
	width: 76px;
	height: 76px;
	padding: 0;
	overflow: hidden;
	background: var(--ca-bg-deepest);
	border: 1px solid var(--ca-gold-faint);
	cursor: pointer;
	transition: border-color var(--ca-duration) var(--ca-ease);
}

.ca-gallery-thumb img { width: 100%; height: 100%; object-fit: cover; display: block; }

.ca-gallery-thumb.is-active,
.ca-gallery-thumb:hover { border-color: var(--ca-gold); }

/* Özet kolonu */
.ca-product-summary .product_title {
	font-size: 2.3rem;
	margin: 0.6rem 0 0.8rem;
}

.ca-product-price .price {
	display: block;
	font-family: var(--ca-font-display);
	font-size: 1.7rem;
	color: var(--ca-gold);
}

.ca-product-price del { font-size: 1.1rem; color: var(--ca-text-muted); margin-right: 0.6rem; }

.ca-product-price ins { text-decoration: none; }

.ca-product-excerpt {
	margin: 1.4rem 0 2rem;
	padding-top: 1.4rem;
	border-top: var(--ca-border-gold);
	color: var(--ca-text-muted);
	font-size: 0.93rem;
}

/* Satın alma satırı: [− adet +] [SEPETE EKLE] */
.ca-product-buy form.cart {
	display: flex;
	gap: 1rem;
	align-items: stretch;
	flex-wrap: wrap;
}

.ca-product-buy form.cart.variations_form { display: block; }

.ca-product-buy .woocommerce-variation-add-to-cart { display: flex; gap: 1rem; flex-wrap: wrap; }

.quantity.ca-qty {
	display: inline-flex;
	border: 1px solid var(--ca-gold-faint);
}

.quantity.ca-qty .ca-qty-btn {
	width: 44px;
	background: transparent;
	border: none;
	color: var(--ca-gold);
	font-size: 1.1rem;
	cursor: pointer;
}

.quantity.ca-qty input.qty {
	width: 54px;
	text-align: center;
	background: transparent;
	border: none;
	border-left: 1px solid var(--ca-gold-faint);
	border-right: 1px solid var(--ca-gold-faint);
	color: var(--ca-text);
	font-family: var(--ca-font-body);
	font-size: 0.95rem;
	-moz-appearance: textfield;
	appearance: textfield;
}

.quantity.ca-qty input.qty::-webkit-outer-spin-button,
.quantity.ca-qty input.qty::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }

.single_add_to_cart_button {
	flex: 1;
	min-width: 220px;
	padding: 1rem 2.5rem;
	background: var(--ca-gold);
	border: 1px solid var(--ca-gold);
	color: var(--ca-bg-deepest);
	font-family: var(--ca-font-body);
	font-size: 0.8rem;
	font-weight: 500;
	letter-spacing: var(--ca-tracking-wide);
	text-transform: uppercase;
	cursor: pointer;
	transition: all 0.5s var(--ca-ease);
}

.single_add_to_cart_button:hover {
	background: var(--ca-gold-bright);
	border-color: var(--ca-gold-bright);
	box-shadow: 0 0 40px var(--ca-gold-glow);
}

.single_add_to_cart_button:disabled { opacity: 0.4; cursor: not-allowed; }

/* Varyasyon seçimi */
table.variations { border: none; margin-bottom: 1.5rem; }

table.variations th,
table.variations td { border: none; padding: 0.4rem 1rem 0.4rem 0; }

table.variations label {
	font-size: 0.75rem;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: var(--ca-text-muted);
}

table.variations select {
	padding: 0.6rem 2rem 0.6rem 1rem;
	background: var(--ca-bg-raised);
	border: var(--ca-border-gold);
	color: var(--ca-text);
	font-family: var(--ca-font-body);
}

.reset_variations { font-size: 0.78rem; color: var(--ca-gold); }

.woocommerce-variation-price .price { color: var(--ca-gold); font-family: var(--ca-font-display); font-size: 1.4rem; }

/* Stok durumu */
.stock.in-stock { color: var(--ca-success); font-size: 0.85rem; }
.stock.out-of-stock { color: var(--ca-error); font-size: 0.85rem; }

/* Güven vaatleri */
.ca-product-usps {
	list-style: none;
	margin: 2rem 0 0;
	padding: 0;
	font-size: 0.78rem;
	letter-spacing: 0.05em;
	color: var(--ca-text-muted);
	line-height: 2.1;
}

.ca-product-usps li::before {
	content: "\2726"; /* ✦ */
	color: var(--ca-gold);
	margin-right: 0.6rem;
}

/* Meta (SKU, kategoriler) */
.ca-product-meta { margin-top: 1.6rem; padding-top: 1.2rem; border-top: var(--ca-border-gold); }

.ca-product-meta .product_meta { font-size: 0.78rem; color: var(--ca-text-muted); }

.ca-product-meta .product_meta > span { display: block; margin-bottom: 0.3rem; }

.ca-product-meta a { color: var(--ca-gold); }

/* ---- 7. SEKMELER (Açıklama / Özellikler / Video / Yorumlar) ---------------- */

.woocommerce-tabs { margin-top: var(--ca-space-lg); }

.woocommerce-tabs ul.wc-tabs {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	gap: 2.5rem;
	border-bottom: var(--ca-border-gold);
	flex-wrap: wrap;
}

.woocommerce-tabs ul.wc-tabs li a {
	display: block;
	padding: 0.9rem 0;
	color: var(--ca-text-muted);
	font-size: 0.8rem;
	letter-spacing: var(--ca-tracking-nav);
	text-transform: uppercase;
	border-bottom: 1px solid transparent;
	margin-bottom: -1px;
}

.woocommerce-tabs ul.wc-tabs li.active a {
	color: var(--ca-gold-bright);
	border-bottom-color: var(--ca-gold);
}

.woocommerce-Tabs-panel {
	padding: 2.5rem 0;
	color: var(--ca-text-muted);
	font-size: 0.95rem;
}

.woocommerce-Tabs-panel > h2:first-of-type { display: none; }

.woocommerce-Tabs-panel h2,
.woocommerce-Tabs-panel h3 { color: var(--ca-text); }

/* Özellikler tablosu */
table.woocommerce-product-attributes { width: 100%; border-collapse: collapse; }

table.woocommerce-product-attributes th,
table.woocommerce-product-attributes td {
	padding: 0.7rem 1rem;
	border: var(--ca-border-gold);
	text-align: left;
	font-size: 0.88rem;
}

table.woocommerce-product-attributes th { color: var(--ca-gold); font-weight: 500; width: 30%; }

/* Yapım videosu */
.ca-video-wrap { position: relative; max-width: 900px; margin: 0 auto; aspect-ratio: 16 / 9; }

.ca-video-wrap iframe { width: 100%; height: 100%; border: 0; }

/* Yorumlar */
#reviews .commentlist { list-style: none; margin: 0; padding: 0; }

#reviews .commentlist > li {
	padding: 1.4rem 0;
	border-bottom: var(--ca-border-gold);
}

#reviews .comment-text p { margin: 0.4rem 0 0; }

#reviews .meta { font-size: 0.8rem; color: var(--ca-text-muted); }

#reviews .comment-form label { display: block; font-size: 0.8rem; margin-bottom: 0.3rem; color: var(--ca-text-muted); }

#reviews .comment-form input,
#reviews .comment-form textarea {
	width: 100%;
	padding: 0.7rem 1rem;
	background: var(--ca-bg-raised);
	border: var(--ca-border-gold);
	color: var(--ca-text);
	font-family: var(--ca-font-body);
}

#reviews .form-submit input {
	width: auto;
	background: var(--ca-gold);
	border-color: var(--ca-gold);
	color: var(--ca-bg-deepest);
	letter-spacing: 0.15em;
	text-transform: uppercase;
	font-size: 0.75rem;
	cursor: pointer;
}

/* Yıldızlar (WC ikon fontu kapalı — kendi yıldızlarımız) */
.star-rating {
	position: relative;
	overflow: hidden;
	height: 1.2em;
	width: 5.6em;
	line-height: 1.2;
}

.star-rating::before {
	content: "\2605\2605\2605\2605\2605";
	position: absolute;
	top: 0;
	left: 0;
	color: rgba(201, 164, 92, 0.25);
	letter-spacing: 2px;
}

.star-rating span { position: absolute; top: 0; left: 0; overflow: hidden; padding-top: 1.5em; }

.star-rating span::before {
	content: "\2605\2605\2605\2605\2605";
	position: absolute;
	top: 0;
	left: 0;
	color: var(--ca-gold);
	letter-spacing: 2px;
}

p.stars a {
	position: relative;
	display: inline-block;
	width: 1.2em;
	height: 1.2em;
	text-indent: -999em;
	text-decoration: none;
}

p.stars a::before {
	content: "\2606";
	position: absolute;
	top: 0;
	left: 0;
	width: 1.2em;
	height: 1.2em;
	line-height: 1.2;
	text-indent: 0;
	color: var(--ca-gold);
}

p.stars:hover a::before,
p.stars.selected a.active::before,
p.stars.selected a:not(.active)::before { content: "\2605"; }

p.stars a:hover ~ a::before,
p.stars.selected a.active ~ a::before { content: "\2606"; }

/* ---- 8. İLGİLİ ÜRÜNLER -------------------------------------------------------- */

.ca-related-wrap {
	margin-top: var(--ca-space-lg);
	padding: var(--ca-space-lg) 0;
	background: var(--ca-bg-deepest);
	border-top: var(--ca-border-gold);
}

.ca-related-wrap .related.products > h2 {
	text-align: center;
	font-size: var(--ca-fs-h2);
	margin-bottom: 2.5rem;
}

/* ---- 9. LIGHTBOX ---------------------------------------------------------------- */

.ca-lightbox {
	position: fixed;
	inset: 0;
	z-index: var(--ca-z-modal);
	display: flex;
	align-items: center;
	justify-content: center;
	background: rgba(12, 10, 8, 0.96);
}

.ca-lightbox[hidden] { display: none; }

body.ca-lightbox-open { overflow: hidden; }

.ca-lightbox-img {
	max-width: 86vw;
	max-height: 86vh;
	border: var(--ca-border-gold);
}

.ca-lightbox button {
	position: absolute;
	width: 48px;
	height: 48px;
	background: transparent;
	border: var(--ca-border-gold);
	border-radius: 50%;
	color: var(--ca-gold);
	font-size: 1.4rem;
	cursor: pointer;
	transition: all var(--ca-duration) var(--ca-ease);
}

.ca-lightbox button:hover { background: var(--ca-gold); color: var(--ca-bg-deepest); }

.ca-lightbox-close { top: 24px; right: 24px; }
.ca-lightbox-prev { left: 24px; top: 50%; transform: translateY(-50%); }
.ca-lightbox-next { right: 24px; top: 50%; transform: translateY(-50%); }

.ca-lightbox-counter {
	position: absolute;
	bottom: 24px;
	left: 50%;
	transform: translateX(-50%);
	color: var(--ca-text-muted);
	font-size: 0.75rem;
	letter-spacing: 0.2em;
}

/* ---- 10. SEPET SAYFASI ------------------------------------------------------------ */

.ca-cart-page {
	background: var(--ca-ivory);
	color: var(--ca-ink);
	padding: var(--ca-space-lg) 0;
}

.ca-cart-layout {
	display: grid;
	grid-template-columns: 1fr 380px;
	gap: 2.5rem;
	align-items: start;
}

.ca-cart-title { color: var(--ca-ink); font-size: var(--ca-fs-h2); margin-bottom: 1.5rem; }

.ca-cart-items,
.cart_totals {
	background: #fff;
	border: 1px solid rgba(138, 108, 53, 0.25);
	padding: 2rem;
}

.ca-cart-items { padding-top: 2.2rem; }

/* Ürün tablosu */
table.shop_table { width: 100%; border-collapse: collapse; }

table.shop_table th {
	padding: 0.8rem 0.6rem;
	font-size: 0.72rem;
	letter-spacing: 0.15em;
	text-transform: uppercase;
	color: var(--ca-gold-dark);
	font-weight: 500;
	text-align: left;
	border-bottom: 1px solid rgba(138, 108, 53, 0.3);
}

table.shop_table td {
	padding: 1rem 0.6rem;
	border-bottom: 1px solid rgba(138, 108, 53, 0.15);
	font-size: 0.9rem;
	vertical-align: middle;
}

td.product-thumbnail img { width: 72px; height: 72px; object-fit: cover; }

td.product-name a { color: var(--ca-ink); font-family: var(--ca-font-display); font-size: 1.05rem; }

td.product-name a:hover { color: var(--ca-gold-dark); }

td.product-remove .remove {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 28px;
	height: 28px;
	border: 1px solid rgba(138, 108, 53, 0.3);
	border-radius: 50%;
	color: var(--ca-sale);
	font-size: 1rem;
	text-decoration: none;
	transition: all var(--ca-duration) var(--ca-ease);
}

td.product-remove .remove:hover { background: var(--ca-sale); color: #fff; border-color: var(--ca-sale); }

/* Fildişi bağlamda adet kutusu */
.ca-cart-page .quantity.ca-qty { border-color: rgba(138, 108, 53, 0.3); }

.ca-cart-page .quantity.ca-qty input.qty {
	color: var(--ca-ink);
	border-color: rgba(138, 108, 53, 0.3);
}

.ca-cart-page .quantity.ca-qty .ca-qty-btn { color: var(--ca-gold-dark); }

/* Kupon + güncelle satırı */
td.actions { padding-top: 1.6rem; }

td.actions .coupon {
	display: inline-flex;
	gap: 0.8rem;
	margin-right: auto;
	float: left;
}

td.actions .coupon .input-text {
	padding: 0.65rem 1rem;
	border: 1px solid rgba(138, 108, 53, 0.3);
	background: #fff;
	color: var(--ca-ink);
	font-family: var(--ca-font-body);
	font-size: 0.85rem;
	width: 170px;
}

td.actions .button {
	padding: 0.7rem 1.5rem;
	font-size: 0.72rem;
	letter-spacing: 0.15em;
	text-transform: uppercase;
	font-family: var(--ca-font-body);
	cursor: pointer;
	border: 1px solid var(--ca-gold-dark);
	background: transparent;
	color: var(--ca-gold-dark);
	transition: all var(--ca-duration) var(--ca-ease);
	float: right;
}

td.actions .coupon .button { float: none; }

td.actions .button:hover { background: var(--ca-gold-dark); color: var(--ca-ivory); }

td.actions .button:disabled { opacity: 0.35; cursor: not-allowed; }

/* Sepet toplamları (kargo + vergi dahil) */
.ca-cart-summary { position: sticky; top: 110px; }

.cart_totals h2 { color: var(--ca-ink); font-size: 1.6rem; margin-bottom: 1rem; }

.cart_totals table.shop_table th { width: 38%; vertical-align: top; padding-top: 1.1rem; }

.cart_totals .order-total td,
.cart_totals .order-total th {
	font-family: var(--ca-font-display);
	font-size: 1.25rem;
	color: var(--ca-ink);
}

ul#shipping_method { list-style: none; margin: 0; padding: 0; }

ul#shipping_method li { margin-bottom: 0.4rem; }

ul#shipping_method input[type="radio"],
.woocommerce input[type="checkbox"] { accent-color: var(--ca-gold-dark); }

.woocommerce-shipping-destination { font-size: 0.82rem; color: var(--ca-ink-muted); }

.woocommerce-shipping-calculator .shipping-calculator-button {
	color: var(--ca-gold-dark);
	text-decoration: underline;
	font-size: 0.85rem;
}

.shipping-calculator-form { margin-top: 0.8rem; }

.shipping-calculator-form .form-row { margin-bottom: 0.7rem; }

.shipping-calculator-form .button {
	padding: 0.6rem 1.3rem;
	background: var(--ca-ink);
	border: 1px solid var(--ca-ink);
	color: var(--ca-ivory);
	font-size: 0.72rem;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	cursor: pointer;
}

.wc-proceed-to-checkout { margin-top: 1.4rem; }

.wc-proceed-to-checkout .checkout-button {
	display: block;
	padding: 1.1rem;
	background: var(--ca-ink);
	color: var(--ca-ivory);
	text-align: center;
	font-size: 0.8rem;
	letter-spacing: var(--ca-tracking-wide);
	text-transform: uppercase;
	transition: all 0.5s var(--ca-ease);
}

.wc-proceed-to-checkout .checkout-button:hover {
	background: var(--ca-gold-dark);
	box-shadow: 0 12px 30px -12px rgba(138, 108, 53, 0.6);
}

/* Boş sepet */
.cart-empty.woocommerce-info { text-align: center; float: none; }

.return-to-shop { text-align: center; padding: 2rem 0 4rem; }

.return-to-shop .button {
	display: inline-block;
	padding: 1rem 3rem;
	background: var(--ca-ink);
	color: var(--ca-ivory);
	letter-spacing: var(--ca-tracking-wide);
	text-transform: uppercase;
	font-size: 0.78rem;
}

/* ---- 11. ÖDEME SAYFASI --------------------------------------------------------------- */

.ca-checkout-page {
	background: var(--ca-ivory);
	color: var(--ca-ink);
	padding: var(--ca-space-lg) 0;
}

.ca-checkout-layout {
	display: grid;
	grid-template-columns: 1.2fr 1fr;
	gap: 2.5rem;
	align-items: start;
}

.ca-checkout-layout .woocommerce-NoticeGroup { grid-column: 1 / -1; }

.ca-checkout-details {
	background: #fff;
	border: 1px solid rgba(138, 108, 53, 0.25);
	padding: 2.2rem;
}

.ca-checkout-details h3,
.ca-checkout-review h3 {
	color: var(--ca-ink);
	font-size: 1.5rem;
	margin-bottom: 1.4rem;
}

/* Form alanları — iki kolonlu zarif grid */
.woocommerce-billing-fields__field-wrapper,
.woocommerce-shipping-fields__field-wrapper,
.woocommerce-additional-fields__field-wrapper,
.shipping-calculator-form {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 0 1.2rem;
}

.form-row { margin: 0 0 1.1rem; }

.form-row-wide,
.form-row.notes { grid-column: 1 / -1; }

.form-row label {
	display: block;
	margin-bottom: 0.35rem;
	font-size: 0.75rem;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: var(--ca-ink-muted);
}

.form-row .required { color: var(--ca-sale); text-decoration: none; }

.form-row .input-text,
.form-row select,
.form-row textarea {
	width: 100%;
	padding: 0.75rem 1rem;
	background: #fff;
	border: 1px solid rgba(138, 108, 53, 0.3);
	color: var(--ca-ink);
	font-family: var(--ca-font-body);
	font-size: 0.9rem;
	transition: border-color var(--ca-duration) var(--ca-ease);
}

.form-row .input-text:focus,
.form-row select:focus,
.form-row textarea:focus { outline: none; border-color: var(--ca-gold-dark); }

.form-row.woocommerce-invalid .input-text { border-color: var(--ca-sale); }

#ship-to-different-address {
	font-size: 1.1rem;
	font-family: var(--ca-font-display);
}

#ship-to-different-address label { display: inline-flex; gap: 0.6rem; align-items: center; cursor: pointer; }

/* Sipariş özeti kolonu */
.ca-checkout-review {
	position: sticky;
	top: 110px;
	background: #fff;
	border: 1px solid rgba(138, 108, 53, 0.25);
	padding: 2.2rem;
}

table.woocommerce-checkout-review-order-table td,
table.woocommerce-checkout-review-order-table th {
	font-size: 0.88rem;
}

table.woocommerce-checkout-review-order-table .order-total td,
table.woocommerce-checkout-review-order-table .order-total th {
	font-family: var(--ca-font-display);
	font-size: 1.25rem;
	color: var(--ca-ink);
}

/* Ödeme yöntemleri */
#payment { background: transparent; }

#payment ul.wc_payment_methods {
	list-style: none;
	margin: 1.4rem 0 0;
	padding: 1.2rem 0 0;
	border-top: 1px solid rgba(138, 108, 53, 0.3);
}

#payment ul.wc_payment_methods li { margin-bottom: 0.8rem; }

#payment ul.wc_payment_methods label { cursor: pointer; font-size: 0.92rem; }

#payment div.payment_box {
	margin-top: 0.6rem;
	padding: 0.9rem 1.1rem;
	background: var(--ca-parchment);
	font-size: 0.82rem;
	color: var(--ca-ink-muted);
}

.woocommerce-terms-and-conditions-wrapper,
.woocommerce-privacy-policy-text { font-size: 0.8rem; color: var(--ca-ink-muted); }

.woocommerce-terms-and-conditions-wrapper a { color: var(--ca-gold-dark); text-decoration: underline; }

#place_order {
	width: 100%;
	margin-top: 1.2rem;
	padding: 1.15rem;
	background: var(--ca-ink);
	border: 1px solid var(--ca-ink);
	color: var(--ca-ivory);
	font-family: var(--ca-font-body);
	font-size: 0.8rem;
	letter-spacing: var(--ca-tracking-wide);
	text-transform: uppercase;
	cursor: pointer;
	transition: all 0.5s var(--ca-ease);
}

#place_order:hover { background: var(--ca-gold-dark); border-color: var(--ca-gold-dark); }

/* Select2 (ülke/il seçimi) marka uyumu */
.select2-container .select2-selection--single {
	height: 44px;
	border: 1px solid rgba(138, 108, 53, 0.3);
	border-radius: 0;
	background: #fff;
}

.select2-container .select2-selection--single .select2-selection__rendered {
	line-height: 44px;
	padding-left: 1rem;
	color: var(--ca-ink);
}

.select2-container .select2-selection--single .select2-selection__arrow { height: 42px; }

.select2-dropdown { border: 1px solid rgba(138, 108, 53, 0.3); border-radius: 0; }

/* ---- 12. HESABIM (karanlık bağlam) --------------------------------------------------- */

.woocommerce-MyAccount-navigation ul {
	list-style: none;
	margin: 0 0 2rem;
	padding: 0;
	display: flex;
	gap: 0.8rem;
	flex-wrap: wrap;
}

.woocommerce-MyAccount-navigation a {
	display: block;
	padding: 0.55rem 1.2rem;
	border: var(--ca-border-gold);
	color: var(--ca-text-muted);
	font-size: 0.78rem;
	letter-spacing: 0.1em;
	text-transform: uppercase;
}

.woocommerce-MyAccount-navigation li.is-active a,
.woocommerce-MyAccount-navigation a:hover {
	background: var(--ca-gold);
	border-color: var(--ca-gold);
	color: var(--ca-bg-deepest);
}

.woocommerce-MyAccount-content table.shop_table th,
.woocommerce-MyAccount-content table.shop_table td {
	border-bottom: var(--ca-border-gold);
	color: var(--ca-text-muted);
}

.woocommerce-MyAccount-content table.shop_table th { color: var(--ca-gold); }

.woocommerce-MyAccount-content .button,
form.woocommerce-form-login .button,
form.woocommerce-form-register .button {
	padding: 0.8rem 2rem;
	background: var(--ca-gold);
	border: 1px solid var(--ca-gold);
	color: var(--ca-bg-deepest);
	font-size: 0.75rem;
	letter-spacing: 0.15em;
	text-transform: uppercase;
	cursor: pointer;
}

form.woocommerce-form-login,
form.woocommerce-form-register {
	max-width: 460px;
	margin: 0 auto;
	padding: 2.5rem;
	background: var(--ca-bg-raised);
	border: var(--ca-border-gold);
}

form.woocommerce-form-login .form-row,
form.woocommerce-form-register .form-row { grid-column: 1 / -1; }

form.woocommerce-form-login .input-text,
form.woocommerce-form-register .input-text {
	background: var(--ca-bg-deep);
	border: var(--ca-border-gold);
	color: var(--ca-text);
}

.woocommerce-LostPassword a { font-size: 0.82rem; }

/* ---- 12b. MAĞAZA BAĞLAMI: KARANLIK ZEMİN ----------------------------- */
 
.ca-shop-context {
	background: var(--ca-bg-deep);
	color: var(--ca-text);
}
 
/* Fildişi zemin için yazılmış ürün kartı varyantını geri al */
.ca-shop-context .ca-product-card {
	background: var(--ca-bg-raised);
	border-color: rgba(201, 164, 92, 0.12);
}
 
.ca-shop-context .ca-product-card:hover {
	border-color: var(--ca-gold-glow);
	box-shadow: var(--ca-shadow-card);
}
 
.ca-shop-context .ca-card-body h3 a { color: var(--ca-text); }
.ca-shop-context .ca-card-body h3 a:hover { color: var(--ca-gold-bright); }
 
.ca-shop-context .ca-card-media { background: var(--ca-bg-deepest); }
 
/* Döngü "Sepete Ekle" butonu — koyu zeminde parlak altın */
.ca-shop-context .ca-card-actions .button {
	border-color: var(--ca-gold);
	color: var(--ca-gold);
}
 
.ca-shop-context .ca-card-actions .button:hover {
	background: var(--ca-gold);
	border-color: var(--ca-gold);
	color: var(--ca-bg-deepest);
}
 
.ca-shop-context .ca-card-actions .added_to_cart { color: var(--ca-gold-bright); }
 
/* ---- 12c. FİLTRE KOLONU: KARANLIK ------------------------------------- */
 
.ca-shop-sidebar .ca-widget {
	background: var(--ca-bg-raised);
	border: var(--ca-border-gold);
	border-radius: var(--ca-radius);
}
 
.ca-shop-sidebar .ca-widget-title {
	color: var(--ca-gold);
	border-bottom-color: var(--ca-gold-faint);
	letter-spacing: 0.04em;
}
 
.ca-cat-list a { color: var(--ca-text-muted); }
 
.ca-cat-list a:hover,
.ca-cat-list .current-cat > a {
	color: var(--ca-gold-bright);
}
 
.ca-cat-list .children,
.ca-cat-list ul {
	border-left: 1px solid var(--ca-gold-faint);
	margin-left: 0.2rem;
	padding-left: 0.9rem;
}
 
/* Kategori sayaçları (hide_empty ile birlikte gösterilirse) */
.ca-cat-list .count { color: var(--ca-gold-dark); font-size: 0.75rem; }
 
/* ---- 12d. ARAÇ ÇUBUĞU & SAYFALAMA: KARANLIK --------------------------- */
 
.ca-shop-context .woocommerce-result-count { color: var(--ca-text-muted); }
 
.ca-shop-context .woocommerce-ordering select {
	background: var(--ca-bg-raised);
	border-color: rgba(201, 164, 92, 0.28);
	color: var(--ca-text);
}
 
.ca-shop-context .woocommerce-ordering select:focus {
	outline: none;
	border-color: var(--ca-gold);
}
 
/* Bazı tarayıcılarda açılan liste öğeleri sistem rengini alır */
.ca-shop-context .woocommerce-ordering select option {
	background: var(--ca-bg-raised);
	color: var(--ca-text);
}
 
.ca-shop-context .woocommerce-pagination .page-numbers {
	border-color: var(--ca-gold-faint);
	color: var(--ca-text-muted);
}
 
.ca-shop-context .woocommerce-pagination .page-numbers:hover {
	background: transparent;
	border-color: var(--ca-gold);
	color: var(--ca-gold-bright);
}
 
.ca-shop-context .woocommerce-pagination .page-numbers.current {
	background: var(--ca-gold);
	border-color: var(--ca-gold);
	color: var(--ca-bg-deepest);
}
 
/* ---- 12e. MAĞAZA İÇİ BİLDİRİMLER -------------------------------------- */
 
.ca-shop-context .woocommerce-info,
.ca-shop-context .woocommerce-message,
.ca-shop-context .woocommerce-error {
	background: var(--ca-bg-raised);
	color: var(--ca-text-muted);
}
 
.ca-shop-context .woocommerce-info a,
.ca-shop-context .woocommerce-message a { color: var(--ca-gold); }
 
/* "Ürün bulunamadı" durumu */
.ca-shop-context .woocommerce-no-products-found {
	padding: var(--ca-space-lg) 0;
	text-align: center;
	color: var(--ca-text-muted);
}
 
/* ---- 12f. MOBİLDE FİLTRE KOLONU --------------------------------------- */
 
@media (max-width: 900px) {
 
	.ca-shop-layout { grid-template-columns: 1fr; }
 
	.ca-shop-sidebar { order: 2; }
 
	.ca-shop-main { order: 1; }
}

/* ---- 13. RESPONSIVE -------------------------------------------------------------------- */

@media (max-width: 1024px) {
	.ca-product-top { grid-template-columns: 1fr; gap: 2rem; }
	.ca-cart-layout,
	.ca-checkout-layout { grid-template-columns: 1fr; }
	.ca-cart-summary,
	.ca-checkout-review { position: static; }
	ul.products,
	ul.products.columns-4 { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 900px) {
	.ca-shop-layout { grid-template-columns: 1fr; }
}

@media (max-width: 768px) {

	/* Responsive sepet tablosu: satırlar karta dönüşür */
	table.shop_table_responsive thead { display: none; }

	table.shop_table_responsive tr { display: block; padding: 0.6rem 0; }

	table.shop_table_responsive td {
		display: flex;
		justify-content: space-between;
		align-items: center;
		gap: 1rem;
		text-align: right;
		border-bottom: 1px dashed rgba(138, 108, 53, 0.2);
	}

	table.shop_table_responsive td::before {
		content: attr(data-title);
		font-size: 0.7rem;
		letter-spacing: 0.12em;
		text-transform: uppercase;
		color: var(--ca-gold-dark);
	}

	table.shop_table_responsive td.product-remove::before,
	table.shop_table_responsive td.product-thumbnail::before,
	table.shop_table_responsive td.actions::before { content: none; }

	td.actions .coupon { float: none; display: flex; margin-bottom: 1rem; }

	td.actions .button { float: none; width: 100%; }

	.woocommerce-billing-fields__field-wrapper,
	.woocommerce-shipping-fields__field-wrapper { grid-template-columns: 1fr; }
}

@media (max-width: 640px) {
	ul.products,
	ul.products.columns-4 { grid-template-columns: 1fr; }
	.ca-product-buy form.cart { flex-direction: column; }
	.single_add_to_cart_button { width: 100%; }
	.woocommerce-tabs ul.wc-tabs { gap: 1.4rem; }
}

/* =========================================================================
   18. ORTAK YÜZEYLER
   ========================================================================= */
 
.ca-cart-page,
.ca-checkout-page {
	background: var(--ca-bg-deep);
	color: var(--ca-text);
}
 
.ca-cart-items,
.cart_totals,
.ca-checkout-details,
.ca-checkout-review,
.woocommerce-order-details,
.woocommerce-customer-details {
	background: var(--ca-bg-raised);
	border: 1px solid var(--ca-gold-faint);
	border-radius: var(--ca-radius);
}
 
.ca-cart-title,
.cart_totals h2,
.ca-checkout-details h3,
.ca-checkout-review h3,
.ca-cart-page h2,
.ca-checkout-page h3 {
	color: var(--ca-text);
}
 
/* =========================================================================
   19. TABLOLAR
   ========================================================================= */
 
.ca-cart-page table.shop_table,
.ca-checkout-page table.shop_table {
	background: transparent;
	border: 0;
	color: var(--ca-text-muted);
}
 
.ca-cart-page table.shop_table th,
.ca-checkout-page table.shop_table th {
	background: transparent;
	border-bottom: 1px solid var(--ca-gold-faint);
	color: var(--ca-gold);
}
 
.ca-cart-page table.shop_table td,
.ca-checkout-page table.shop_table td {
	border-bottom: 1px solid rgba(201, 164, 92, 0.1);
	border-top: 0;
	color: var(--ca-text-muted);
}
 
.ca-cart-page td.product-name a,
.ca-checkout-page .product-name {
	color: var(--ca-text);
}
 
.ca-cart-page td.product-name a:hover { color: var(--ca-gold-bright); }
 
.ca-cart-page td.product-thumbnail img {
	border: 1px solid var(--ca-gold-faint);
	border-radius: var(--ca-radius);
}
 
/* Fiyat ve ara toplam sütunları biraz daha parlak */
.ca-cart-page td.product-price,
.ca-cart-page td.product-subtotal,
.ca-checkout-page .product-total,
.woocommerce-Price-amount { color: var(--ca-text); }
 
/* Kaldır düğmesi */
.ca-cart-page td.product-remove .remove {
	border-color: rgba(201, 164, 92, 0.25);
	color: var(--ca-error);
	background: transparent;
}
 
.ca-cart-page td.product-remove .remove:hover {
	background: var(--ca-error);
	border-color: var(--ca-error);
	color: var(--ca-bg-deepest);
}
 
/* Toplam satırı */
.cart_totals .order-total td,
.cart_totals .order-total th,
.ca-checkout-page .order-total td,
.ca-checkout-page .order-total th {
	color: var(--ca-gold-bright);
}
 
/* =========================================================================
   20. ADET KUTUSU VE KUPON
   ========================================================================= */
 
.ca-cart-page .quantity.ca-qty {
	border-color: rgba(201, 164, 92, 0.28);
	background: var(--ca-bg-deep);
}
 
.ca-cart-page .quantity.ca-qty input.qty {
	background: transparent;
	border-color: rgba(201, 164, 92, 0.28);
	color: var(--ca-text);
}
 
.ca-cart-page .quantity.ca-qty .ca-qty-btn { color: var(--ca-gold); }
.ca-cart-page .quantity.ca-qty .ca-qty-btn:hover { color: var(--ca-gold-bright); }
 
.ca-cart-page td.actions .coupon .input-text {
	background: var(--ca-bg-deep);
	border-color: rgba(201, 164, 92, 0.28);
	color: var(--ca-text);
	border-radius: var(--ca-radius);
}
 
.ca-cart-page td.actions .coupon .input-text::placeholder {
	color: var(--ca-text-muted);
	opacity: 0.6;
}
 
.ca-cart-page td.actions .coupon .input-text:focus {
	outline: none;
	border-color: var(--ca-gold);
}
 
.ca-cart-page td.actions .button {
	background: transparent;
	border-color: var(--ca-gold);
	border-radius: var(--ca-radius);
	color: var(--ca-gold-bright);
}
 
.ca-cart-page td.actions .button:hover {
	background: var(--ca-gold);
	color: var(--ca-bg-deepest);
}
 
/* =========================================================================
   21. FORM ALANLARI (ödeme sayfası)
   ========================================================================= */
 
.ca-checkout-page .form-row label,
.ca-checkout-page .woocommerce-shipping-destination,
.ca-checkout-page .woocommerce-privacy-policy-text {
	color: var(--ca-text-muted);
}
 
.ca-checkout-page .form-row .required { color: var(--ca-gold); }
 
.ca-checkout-page .form-row input.input-text,
.ca-checkout-page .form-row textarea,
.ca-checkout-page .form-row select,
.ca-checkout-page .select2-container--default .select2-selection--single {
	background: var(--ca-bg-deep);
	border: 1px solid var(--ca-gold-faint);
	border-radius: var(--ca-radius);
	color: var(--ca-text);
}
 
.ca-checkout-page .form-row input.input-text::placeholder,
.ca-checkout-page .form-row textarea::placeholder {
	color: var(--ca-text-muted);
	opacity: 0.55;
}
 
.ca-checkout-page .form-row input.input-text:focus,
.ca-checkout-page .form-row textarea:focus,
.ca-checkout-page .form-row select:focus {
	outline: none;
	border-color: var(--ca-gold);
}
 
.ca-checkout-page .form-row.woocommerce-invalid .input-text {
	border-color: var(--ca-error);
}
 
/* Tarayıcı otomatik doldurmasında beyaz zemin dönmesin */
.ca-checkout-page input:-webkit-autofill,
.ca-cart-page input:-webkit-autofill {
	-webkit-text-fill-color: var(--ca-text);
	-webkit-box-shadow: 0 0 0 40px var(--ca-bg-deep) inset;
}
 
/*
 * Select2 (Şehir/İlçe seçicileri) kendi açık temasını getirir; açılan
 * listenin de karanlık kalması gerekir, aksi hâlde beyaz bir kutu
 * belirir.
 */
.select2-container--default .select2-selection--single .select2-selection__rendered {
	color: var(--ca-text);
	line-height: 2.6;
}
 
.select2-container--default .select2-selection--single {
	height: auto;
	min-height: 46px;
}
 
.select2-dropdown,
.select2-container--default .select2-search--dropdown .select2-search__field {
	background: var(--ca-bg-raised);
	border-color: var(--ca-gold-faint);
	color: var(--ca-text);
}
 
.select2-container--default .select2-results__option {
	background: var(--ca-bg-raised);
	color: var(--ca-text-muted);
}
 
.select2-container--default .select2-results__option--highlighted[aria-selected],
.select2-container--default .select2-results__option[aria-selected="true"] {
	background: rgba(201, 164, 92, 0.14);
	color: var(--ca-gold-bright);
}
 
/* =========================================================================
   22. BİLDİRİMLER VE ÖDEME KUTUSU
   ========================================================================= */
 
.ca-cart-page .woocommerce-info,
.ca-cart-page .woocommerce-message,
.ca-cart-page .woocommerce-error,
.ca-checkout-page .woocommerce-info,
.ca-checkout-page .woocommerce-message,
.ca-checkout-page .woocommerce-error,
.ca-checkout-page .woocommerce-form-login-toggle .woocommerce-info,
.ca-checkout-page .woocommerce-form-coupon-toggle .woocommerce-info {
	background: var(--ca-bg-raised);
	border: 1px solid var(--ca-gold-faint);
	border-top: 2px solid var(--ca-gold);
	border-radius: var(--ca-radius);
	color: var(--ca-text-muted);
}
 
.ca-checkout-page .woocommerce-error { border-top-color: var(--ca-error); }
 
.ca-cart-page .woocommerce-info a,
.ca-checkout-page .woocommerce-info a,
.ca-checkout-page .woocommerce-privacy-policy-link,
.ca-checkout-page .woocommerce-terms-and-conditions-wrapper a {
	color: var(--ca-gold);
}
 
.ca-checkout-page .woocommerce-info a:hover { color: var(--ca-gold-bright); }
 
/* Ödeme yöntemi kutusu */
.ca-checkout-page #payment { background: transparent; }
 
.ca-checkout-page #payment ul.payment_methods {
	background: transparent;
	border-bottom: 1px solid var(--ca-gold-faint);
}
 
.ca-checkout-page #payment ul.payment_methods li label {
	color: var(--ca-text);
}
 
.ca-checkout-page #payment div.payment_box {
	background: rgba(201, 164, 92, 0.06);
	border: 1px solid var(--ca-gold-faint);
	border-radius: var(--ca-radius);
	color: var(--ca-text-muted);
}
 
/* WooCommerce'in ok işaretini karanlık zemine uydur */
.ca-checkout-page #payment div.payment_box::before {
	border-bottom-color: rgba(201, 164, 92, 0.2);
}
 
.ca-checkout-page ul#shipping_method,
.ca-checkout-page ul#shipping_method li,
.ca-cart-page ul#shipping_method li {
	color: var(--ca-text-muted);
}
 
.ca-cart-page input[type="radio"],
.ca-cart-page input[type="checkbox"],
.ca-checkout-page input[type="radio"],
.ca-checkout-page input[type="checkbox"] {
	accent-color: var(--ca-gold);
}
 
.ca-cart-page .woocommerce-shipping-calculator .shipping-calculator-button,
.ca-cart-page .woocommerce-shipping-destination strong {
	color: var(--ca-gold);
}
 
/* =========================================================================
   23. BUTONLAR — altın gradyanlı akış
   ========================================================================= */
 
.wc-proceed-to-checkout .checkout-button,
.ca-checkout-page #place_order,
.return-to-shop .button,
.ca-cart-page .shipping-calculator-form .button {
	position: relative;
	overflow: hidden;
	z-index: 0;
	background: transparent;
	border: 1px solid var(--ca-gold);
	border-radius: var(--ca-radius);
	color: var(--ca-gold-bright);
	transition: color 0.5s var(--ca-ease),
	            border-color 0.5s var(--ca-ease),
	            box-shadow 0.5s var(--ca-ease);
}
 
.wc-proceed-to-checkout .checkout-button::before,
.ca-checkout-page #place_order::before,
.return-to-shop .button::before,
.ca-cart-page .shipping-calculator-form .button::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: -1;
	background: linear-gradient(
		100deg,
		var(--ca-gold-dark) 0%,
		var(--ca-gold) 38%,
		#e8d5a8 62%,
		var(--ca-gold) 100%
	);
	transform: scaleX(0);
	transform-origin: left center;
	transition: transform 0.55s var(--ca-ease);
}
 
.wc-proceed-to-checkout .checkout-button:hover,
.ca-checkout-page #place_order:hover,
.return-to-shop .button:hover,
.ca-cart-page .shipping-calculator-form .button:hover {
	background: transparent;
	border-color: var(--ca-gold-bright);
	color: var(--ca-bg-deepest);
	box-shadow: 0 8px 28px rgba(201, 164, 92, 0.22);
}
 
.wc-proceed-to-checkout .checkout-button:hover::before,
.ca-checkout-page #place_order:hover::before,
.return-to-shop .button:hover::before,
.ca-cart-page .shipping-calculator-form .button:hover::before {
	transform: scaleX(1);
}
 
/* =========================================================================
   24. SİPARİŞ ALINDI EKRANI
   ========================================================================= */
 
.woocommerce-order-received .entry-content,
.woocommerce-order-received .ca-container {
	color: var(--ca-text);
}
 
.woocommerce-order-received table.shop_table th { color: var(--ca-gold); }
.woocommerce-order-received table.shop_table td { color: var(--ca-text-muted); }
.woocommerce-order-received .woocommerce-customer-details address { color: var(--ca-text-muted); }

/* =========================================================================
   25. SAYFA ZEMİNLERİ
   ========================================================================= */
 
body.woocommerce-account,
body.woocommerce-cart,
body.woocommerce-checkout,
body.woocommerce-order-received,
body.woocommerce-lost-password {
	background-color: var(--ca-bg-deep) !important;
}
 
body.woocommerce-account .site-main,
body.woocommerce-account .ca-page-article,
body.woocommerce-account .ca-container,
body.woocommerce-account .entry-content,
body.woocommerce-account .woocommerce,
body.woocommerce-account .woocommerce-MyAccount-content,
body.woocommerce-cart .site-main,
body.woocommerce-cart .ca-page-article,
body.woocommerce-cart .woocommerce,
body.woocommerce-checkout .site-main,
body.woocommerce-checkout .ca-page-article,
body.woocommerce-checkout .woocommerce {
	background-color: transparent !important;
	color: var(--ca-text);
}
 
/* Sayfa gövdesi karanlık kalsın; hero görseli üstte durmaya devam eder */
body.woocommerce-account .ca-page-article {
	background-color: var(--ca-bg-deep) !important;
	padding-bottom: var(--ca-space-lg);
}
 
/* =========================================================================
   26. HESABIM MENÜSÜ
   ========================================================================= */
 
.woocommerce-MyAccount-navigation ul {
	justify-content: center;
	margin-bottom: 2.4rem;
}
 
.woocommerce-MyAccount-navigation a {
	border-radius: var(--ca-radius);
	transition: background-color var(--ca-duration) var(--ca-ease),
	            border-color var(--ca-duration) var(--ca-ease),
	            color var(--ca-duration) var(--ca-ease);
}
 
/* =========================================================================
   27. İÇERİK METİNLERİ
   ========================================================================= */
 
.woocommerce-MyAccount-content p,
.woocommerce-MyAccount-content li,
.woocommerce-MyAccount-content span,
.woocommerce-MyAccount-content legend,
.woocommerce-MyAccount-content label {
	color: var(--ca-text-muted);
}
 
.woocommerce-MyAccount-content strong { color: var(--ca-text); }
 
.woocommerce-MyAccount-content a { color: var(--ca-gold); }
.woocommerce-MyAccount-content a:hover { color: var(--ca-gold-bright); }
 
.woocommerce-MyAccount-content h2,
.woocommerce-MyAccount-content h3,
.woocommerce-Address-title h3 {
	color: var(--ca-gold);
	font-family: var(--ca-font-display);
}
 
/* "Parola değiştirme" alan kümesi */
.woocommerce-MyAccount-content fieldset {
	margin-top: 1.8rem;
	padding: 1.4rem 1.5rem;
	background: rgba(201, 164, 92, 0.04);
	border: 1px solid var(--ca-gold-faint);
	border-radius: var(--ca-radius);
}
 
.woocommerce-MyAccount-content fieldset legend {
	padding: 0 0.6rem;
	color: var(--ca-gold);
	font-size: 0.7rem;
	letter-spacing: 0.16em;
	text-transform: uppercase;
}
 
/* =========================================================================
   28. BİLDİRİM KUTULARI
   -------------------------------------------------------------------------
   "Henüz bir sipariş verilmedi" kutusunda buton metnin üzerine biniyordu:
   WooCommerce butonu `float: right` ile konumlandırıyor. Esnek kutu
   düzenine geçirerek çakışmayı kaldırıyoruz.
   ========================================================================= */
 
.woocommerce-account .woocommerce-message,
.woocommerce-account .woocommerce-info,
.woocommerce-account .woocommerce-error,
.woocommerce-account .woocommerce-notice {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 1rem;
	padding: 1.1rem 1.4rem !important;
	background: var(--ca-bg-raised) !important;
	border: 1px solid var(--ca-gold-faint) !important;
	border-top: 2px solid var(--ca-gold) !important;
	border-radius: var(--ca-radius);
	color: var(--ca-text-muted) !important;
}
 
.woocommerce-account .woocommerce-error { border-top-color: var(--ca-error) !important; }
 
.woocommerce-account .woocommerce-message::before,
.woocommerce-account .woocommerce-info::before,
.woocommerce-account .woocommerce-error::before {
	display: none;
}
 
.woocommerce-account .woocommerce-message .button,
.woocommerce-account .woocommerce-info .button {
	float: none !important;
	margin: 0 !important;
	flex-shrink: 0;
}
 
/* =========================================================================
   29. GİRİŞ / ÜYE OL SAYFASI (oturum kapalıyken /hesabim)
   -------------------------------------------------------------------------
   WooCommerce iki formu yan yana iki sütunda basar; başlıklar sola,
   formlar sağa düşüp dengesiz görünüyordu. İki formu ortalanmış tek
   sütuna alıyoruz.
   ========================================================================= */
 
.woocommerce-account:not(.logged-in) .u-columns.col2-set,
.woocommerce-account .u-columns.col2-set {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 2.4rem;
	width: 100%;
	margin: 0;
}
 
.woocommerce-account .u-columns .col-1,
.woocommerce-account .u-columns .col-2 {
	float: none !important;
	width: 100% !important;
	max-width: 460px;
	margin: 0 !important;
	padding: 0 !important;
}
 
.woocommerce-account .u-columns h2 {
	margin: 0 0 1rem;
	color: var(--ca-gold);
	font-family: var(--ca-font-display);
	font-size: 1.5rem;
	text-align: center;
}
 
form.woocommerce-form-login,
form.woocommerce-form-register {
	position: relative;
	width: 100%;
	max-width: none;
	padding: 2.2rem 2rem;
	background: var(--ca-bg-raised);
	border: 1px solid var(--ca-gold-faint);
	border-radius: var(--ca-radius);
}
 
/* Üst kenardaki altın parlama — modal ve hero ile aynı dil */
form.woocommerce-form-login::before,
form.woocommerce-form-register::before {
	content: "";
	position: absolute;
	top: -1px;
	left: 50%;
	width: 150px;
	height: 1px;
	margin-left: -75px;
	background: var(--ca-gold-gradient);
}
 
form.woocommerce-form-login .input-text,
form.woocommerce-form-register .input-text {
	width: 100%;
	padding: 0.85rem 1rem;
	background: var(--ca-bg-deep);
	border: 1px solid var(--ca-gold-faint);
	border-radius: var(--ca-radius);
	color: var(--ca-text);
	font-family: var(--ca-font-body);
	font-size: 0.92rem;
}
 
form.woocommerce-form-login .input-text:focus,
form.woocommerce-form-register .input-text:focus {
	outline: none;
	border-color: var(--ca-gold);
}
 
form.woocommerce-form-login label,
form.woocommerce-form-register label {
	display: block;
	margin-bottom: 0.4rem;
	color: var(--ca-text-muted);
	font-size: 0.68rem;
	letter-spacing: 0.16em;
	text-transform: uppercase;
}
 
/* Parola alanının göz düğmesine yer aç */
form.woocommerce-form-login .password-input,
form.woocommerce-form-register .password-input,
.woocommerce-MyAccount-content .password-input {
	position: relative;
	display: block;
	width: 100%;
}
 
/* =========================================================================
   30. BUTONLAR — akan altın dolgu
   ========================================================================= */
 
.woocommerce-MyAccount-content .button,
form.woocommerce-form-login .button,
form.woocommerce-form-register .button,
.woocommerce-account .woocommerce-Button,
.woocommerce-Address .edit {
	position: relative;
	overflow: hidden;
	z-index: 0;
	display: inline-block;
	padding: 0.8rem 2rem;
	background: transparent !important;
	border: 1px solid var(--ca-gold) !important;
	border-radius: var(--ca-radius);
	color: var(--ca-gold-bright) !important;
	font-family: var(--ca-font-body);
	font-size: 0.72rem;
	letter-spacing: 0.16em;
	text-transform: uppercase;
	text-decoration: none;
	cursor: pointer;
	transition: color 0.5s var(--ca-ease),
	            border-color 0.5s var(--ca-ease),
	            box-shadow 0.5s var(--ca-ease);
}
 
.woocommerce-MyAccount-content .button::before,
form.woocommerce-form-login .button::before,
form.woocommerce-form-register .button::before,
.woocommerce-Address .edit::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: -1;
	background: linear-gradient(
		100deg,
		var(--ca-gold-dark) 0%,
		var(--ca-gold) 38%,
		#e8d5a8 62%,
		var(--ca-gold) 100%
	);
	transform: scaleX(0);
	transform-origin: left center;
	transition: transform 0.55s var(--ca-ease);
}
 
.woocommerce-MyAccount-content .button:hover,
form.woocommerce-form-login .button:hover,
form.woocommerce-form-register .button:hover,
.woocommerce-Address .edit:hover {
	color: var(--ca-bg-deepest) !important;
	border-color: var(--ca-gold-bright) !important;
	box-shadow: 0 6px 22px rgba(201, 164, 92, 0.2);
}
 
.woocommerce-MyAccount-content .button:hover::before,
form.woocommerce-form-login .button:hover::before,
form.woocommerce-form-register .button:hover::before,
.woocommerce-Address .edit:hover::before {
	transform: scaleX(1);
}
 
/* =========================================================================
   31. ADRES KUTULARI
   ========================================================================= */
 
.woocommerce-Addresses {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
	gap: 1.4rem;
}
 
.woocommerce-Address {
	padding: 1.6rem 1.7rem;
	background: var(--ca-bg-raised);
	border: 1px solid var(--ca-gold-faint);
	border-radius: var(--ca-radius);
}
 
.woocommerce-Address address {
	margin: 1rem 0 0;
	padding: 1.1rem 1.2rem;
	background: var(--ca-bg-deep);
	border: 1px solid rgba(201, 164, 92, 0.12);
	border-radius: var(--ca-radius);
	color: var(--ca-text-muted);
	font-style: normal;
	line-height: 1.9;
}
 
@media (max-width: 640px) {
 
	.woocommerce-MyAccount-navigation ul { gap: 0.5rem; }
 
	.woocommerce-MyAccount-navigation a {
		padding: 0.5rem 0.9rem;
		font-size: 0.7rem;
	}
 
	form.woocommerce-form-login,
	form.woocommerce-form-register { padding: 1.7rem 1.3rem; }
}

/* =========================================================================
   32. SÜTUN KURALININ KAPSAMI DARALTILIYOR
   -------------------------------------------------------------------------
   Önceki blokta giriş/üyelik formlarını ortalamak için `.u-columns`
   sütunlarına 460px sınırı koymuştuk. Ancak WooCommerce ADRESLER
   sayfasında da aynı sınıfı kullanıyor; adres kutuları bu yüzden dar
   kaldı.
 
   Kuralı yalnızca giriş sayfasının kabuğuna (#customer_login)
   bağlıyoruz ve adres sayfasındaki sınırlamayı geri alıyoruz.
   ========================================================================= */
 
.woocommerce-account .u-columns:not(#customer_login) .col-1,
.woocommerce-account .u-columns:not(#customer_login) .col-2 {
	max-width: none !important;
}
 
/* Adres sayfası: iki kutu yan yana, geniş ekranda ferah */
.woocommerce-account .woocommerce-Addresses,
.woocommerce-account .u-columns.addresses {
	display: grid !important;
	grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
	gap: 1.6rem;
	width: 100%;
	max-width: none;
}
 
.woocommerce-account .woocommerce-Address {
	display: flex;
	flex-direction: column;
	width: 100%;
	max-width: none;
	margin: 0;
}
 
.woocommerce-account .woocommerce-Address-title {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 0.8rem;
	margin-bottom: 1rem;
}
 
.woocommerce-account .woocommerce-Address-title h3 { margin: 0; }
 
.woocommerce-account .woocommerce-Address address { flex: 1; margin-top: 0; }
 
/* =========================================================================
   33. GİRİŞ / ÜYE OL — YAN YANA
   ========================================================================= */
 
.woocommerce-account #customer_login {
	display: grid !important;
	grid-template-columns: 1fr 1fr;
	align-items: start;
	gap: 2rem;
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
}
 
.woocommerce-account #customer_login .col-1,
.woocommerce-account #customer_login .col-2 {
	float: none !important;
	width: 100% !important;
	max-width: none !important;
	margin: 0 !important;
	padding: 0 !important;
}
 
.woocommerce-account #customer_login h2 {
	margin: 0 0 1.1rem;
	color: var(--ca-gold);
	font-family: var(--ca-font-display);
	font-size: 1.45rem;
	text-align: center;
}
 
/* Formlar sütun yüksekliğini doldursun ki alt kenarlar hizalansın */
.woocommerce-account #customer_login .col-1,
.woocommerce-account #customer_login .col-2 {
	display: flex;
	flex-direction: column;
}
 
.woocommerce-account #customer_login form { flex: 1; }
 
@media (max-width: 860px) {
 
	.woocommerce-account #customer_login {
		grid-template-columns: 1fr;
		max-width: 460px;
		gap: 2.4rem;
	}
}
 
/* =========================================================================
   34. SELECT2 (ŞEHİR / İLÇE SEÇİCİLERİ)
   -------------------------------------------------------------------------
   WooCommerce'in Select2 kütüphanesi kendi açık temasını getiriyor.
   Açılan liste karanlık görünürken kapalı kutu beyaz kalıyordu.
   Kurallar site genelinde geçerli olmalı: bu seçiciler yalnızca ödeme
   sayfasında değil, hesap adres formlarında da kullanılıyor.
   ========================================================================= */
 
.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--multiple,
.woocommerce .select2-container--default .select2-selection--single {
	height: auto !important;
	min-height: 48px;
	padding: 0.35rem 0.4rem;
	background: var(--ca-bg-deep) !important;
	border: 1px solid var(--ca-gold-faint) !important;
	border-radius: var(--ca-radius) !important;
	color: var(--ca-text) !important;
}
 
.select2-container--default .select2-selection--single .select2-selection__rendered {
	padding-left: 0.6rem;
	color: var(--ca-text) !important;
	line-height: 2.3;
}
 
/* Yer tutucu metni ("Bir seçenek seçin") soluk kalsın */
.select2-container--default .select2-selection__placeholder {
	color: var(--ca-text-muted) !important;
	opacity: 0.6;
}
 
/* Açılır ok */
.select2-container--default .select2-selection--single .select2-selection__arrow {
	top: 50%;
	right: 0.6rem;
	height: 20px;
	margin-top: -10px;
}
 
.select2-container--default .select2-selection--single .select2-selection__arrow b {
	border-color: var(--ca-gold) transparent transparent transparent;
}
 
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
	border-color: transparent transparent var(--ca-gold) transparent;
}
 
/* Açıkken kenarlık vurgusu */
.select2-container--default.select2-container--open .select2-selection--single {
	border-color: var(--ca-gold) !important;
}
 
/* Temizleme (x) düğmesi */
.select2-container--default .select2-selection__clear {
	color: var(--ca-text-muted);
	margin-right: 1.4rem;
}
 
/* Açılır liste */
.select2-container--default .select2-dropdown,
.select2-dropdown {
	background: var(--ca-bg-raised) !important;
	border: 1px solid var(--ca-gold-faint) !important;
	border-radius: var(--ca-radius) !important;
	color: var(--ca-text) !important;
}
 
.select2-container--default .select2-search--dropdown .select2-search__field {
	padding: 0.6rem 0.8rem;
	background: var(--ca-bg-deep) !important;
	border: 1px solid var(--ca-gold-faint) !important;
	border-radius: var(--ca-radius);
	color: var(--ca-text) !important;
}
 
.select2-container--default .select2-results__option {
	padding: 0.55rem 0.9rem;
	background: transparent !important;
	color: var(--ca-text-muted) !important;
}
 
.select2-container--default .select2-results__option--highlighted,
.select2-container--default .select2-results__option--highlighted[aria-selected],
.select2-container--default .select2-results__option[aria-selected="true"],
.select2-container--default .select2-results__option[data-selected="true"] {
	background: rgba(201, 164, 92, 0.14) !important;
	color: var(--ca-gold-bright) !important;
}
 
/* Tarayıcı otomatik doldurmasında beyaz zemin dönmesin */
.woocommerce-account input:-webkit-autofill,
.woocommerce-account input:-webkit-autofill:focus {
	-webkit-text-fill-color: var(--ca-text);
	-webkit-box-shadow: 0 0 0 40px var(--ca-bg-deep) inset;
}
 
/* =========================================================================
   35. ADRES DÜZENLEME FORMU
   ========================================================================= */
 
.woocommerce-account .woocommerce-address-fields .form-row,
.woocommerce-account .woocommerce-EditAccountForm .form-row {
	margin-bottom: 1.1rem;
}
 
.woocommerce-account .woocommerce-address-fields input.input-text,
.woocommerce-account .woocommerce-address-fields select,
.woocommerce-account .woocommerce-EditAccountForm input.input-text {
	width: 100%;
	padding: 0.85rem 1rem;
	background: var(--ca-bg-deep);
	border: 1px solid var(--ca-gold-faint);
	border-radius: var(--ca-radius);
	color: var(--ca-text);
	font-family: var(--ca-font-body);
	font-size: 0.92rem;
}
 
.woocommerce-account .woocommerce-address-fields input.input-text:focus,
.woocommerce-account .woocommerce-EditAccountForm input.input-text:focus {
	outline: none;
	border-color: var(--ca-gold);
}

/* =========================================================================
   36. ADRES KUTULARI — EŞİT YÜKSEKLİK, ALTTA ORTALI BUTON
   -------------------------------------------------------------------------
   WooCommerce, "Düzenle" bağlantısını başlığın İÇİNE koyuyor. Başlık
   satırı bu yüzden gereğinden uzun oluyor ve iki kutu farklı
   yüksekliklerde kalıyordu.
 
   `display: contents` ile başlık sarmalayıcısını düzenden çıkarıyoruz;
   böylece başlık, adres ve düzenle bağlantısı kutunun doğrudan
   çocukları hâline geliyor ve sırayla dizilebiliyor:
   başlık → adres (esner) → buton (altta, ortalı).
   ========================================================================= */
 
.woocommerce-account .woocommerce-Addresses,
.woocommerce-account .u-columns.addresses {
	display: grid !important;
	grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
	align-items: stretch;
	gap: 1.6rem;
	width: 100%;
	max-width: none;
}
 
.woocommerce-account .woocommerce-Address {
	display: flex;
	flex-direction: column;
	height: 100%;
	width: 100%;
	max-width: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
	background: var(--ca-bg-raised);
	border: 1px solid var(--ca-gold-faint);
	border-radius: var(--ca-radius);
}
 
/* Başlık sarmalayıcısını düzenden çıkar */
.woocommerce-account .woocommerce-Address-title {
	display: contents;
}
 
/* 1) Başlık — dikeyde ortalı, kenardan içerik kadar boşluklu */
.woocommerce-account .woocommerce-Address h3 {
	order: 1;
	display: flex;
	align-items: center;
	min-height: 58px;
	margin: 0;
	padding: 0.9rem 1.4rem;
	border-bottom: 1px solid var(--ca-gold-faint);
	color: var(--ca-gold);
	font-family: var(--ca-font-display);
	font-size: 1.25rem;
	line-height: 1.2;
}
 
/* 2) Adres gövdesi — kalan alanı doldurur, kutular eşitlenir */
.woocommerce-account .woocommerce-Address address,
.woocommerce-account .woocommerce-Address > p {
	order: 2;
	flex: 1;
	min-height: 130px;
	margin: 0;
	padding: 1.3rem 1.4rem;
	background: transparent;
	border: 0;
	color: var(--ca-text-muted);
	font-style: normal;
	font-size: 0.92rem;
	line-height: 1.95;
}
 
/* 3) Düzenle butonu — kutunun altında, ortalı */
.woocommerce-account .woocommerce-Address .edit {
	order: 3;
	align-self: center;
	margin: 0 1.4rem 1.4rem;
	padding: 0.72rem 1.7rem;
	font-size: 0.68rem;
	white-space: nowrap;
}
 
/* =========================================================================
   37. SİPARİŞ DETAY SAYFASI
   ========================================================================= */
 
.woocommerce-order-details,
.woocommerce-customer-details {
	margin-bottom: 1.8rem;
	padding: 0;
	overflow: hidden;
	background: var(--ca-bg-raised);
	border: 1px solid var(--ca-gold-faint);
	border-radius: var(--ca-radius);
}
 
/* Başlıklar kutunun içinde, adres kutularıyla aynı ölçüde */
.woocommerce-order-details .woocommerce-order-details__title,
.woocommerce-customer-details h2,
.woocommerce-column__title {
	display: flex;
	align-items: center;
	min-height: 58px;
	margin: 0;
	padding: 0.9rem 1.4rem;
	border-bottom: 1px solid var(--ca-gold-faint);
	color: var(--ca-gold);
	font-family: var(--ca-font-display);
	font-size: 1.25rem;
	line-height: 1.2;
}
 
.woocommerce-order-details table.shop_table {
	margin: 0;
	padding: 0.6rem 1.4rem 1.2rem;
	width: calc(100% - 2.8rem);
}
 
/* Fatura / Gönderim adresi sütunları */
.woocommerce-customer-details .woocommerce-columns--addresses {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
	gap: 0;
	margin: 0;
}
 
.woocommerce-customer-details .woocommerce-column {
	float: none !important;
	width: 100% !important;
	margin: 0 !important;
	padding: 0;
	border-right: 1px solid var(--ca-gold-faint);
}
 
.woocommerce-customer-details .woocommerce-column:last-child { border-right: 0; }
 
.woocommerce-customer-details address {
	margin: 0;
	padding: 1.3rem 1.4rem;
	background: transparent;
	border: 0;
	color: var(--ca-text-muted);
	font-style: normal;
	line-height: 1.95;
}
 
.woocommerce-customer-details .woocommerce-customer-details--phone,
.woocommerce-customer-details .woocommerce-customer-details--email {
	display: block;
	margin-top: 0.5rem;
	color: var(--ca-gold);
}
 
/* Sipariş durumu bildirimi */
.woocommerce-order .woocommerce-order-details + p,
.woocommerce-MyAccount-content > p.order-info {
	margin-bottom: 1.4rem;
	padding: 1rem 1.3rem;
	background: rgba(201, 164, 92, 0.05);
	border: 1px solid var(--ca-gold-faint);
	border-left: 2px solid var(--ca-gold);
	border-radius: var(--ca-radius);
	color: var(--ca-text-muted);
}
 
.woocommerce-MyAccount-content > p.order-info mark {
	padding: 0.05em 0.4em;
	background: rgba(201, 164, 92, 0.16);
	border-radius: 3px;
	color: var(--ca-gold-bright);
}
 
/* "Eylemler" satırındaki fatura butonu */
.woocommerce-order-details .woocommerce-table__product-name .wc-item-meta,
.woocommerce-order-details td.download-actions .button {
	margin: 0;
}
 
@media (max-width: 640px) {
 
	.woocommerce-account .woocommerce-Address h3,
	.woocommerce-customer-details h2,
	.woocommerce-order-details .woocommerce-order-details__title {
		min-height: 50px;
		padding: 0.8rem 1.1rem;
		font-size: 1.1rem;
	}
 
	.woocommerce-account .woocommerce-Address address,
	.woocommerce-account .woocommerce-Address > p,
	.woocommerce-customer-details address {
		padding: 1.1rem;
		min-height: 0;
	}
 
	.woocommerce-customer-details .woocommerce-column {
		border-right: 0;
		border-bottom: 1px solid var(--ca-gold-faint);
	}
 
	.woocommerce-customer-details .woocommerce-column:last-child { border-bottom: 0; }
 
	.woocommerce-order-details table.shop_table {
		padding: 0.5rem 1.1rem 1rem;
		width: calc(100% - 2.2rem);
	}
}