/**
 * Papillon Glow — Hesabım (My Account) Sayfası Tam Tasarım & Layout Sistemi.
 *
 * CSS Grid mimarisi ile float çakışmalarını tamamen engeller.
 * Giriş/kayıt formları, sol menü, kontrol paneli, sipariş takibi ve adres kartlarını
 * niş lüks e-ticaret markaları seviyesine çıkarır.
 */

/* ------------------------------------------------------------------ */
/* 1. Hesabım Sayfası Ana Grid Düzeni & Temizleme                    */
/* ------------------------------------------------------------------ */

/*
 * WooCommerce blok tema stili (woocommerce-blocktheme.css) hesap/sepet/ödeme
 * sayfalarını `.woocommerce-account main .woocommerce{max-width:1000px}` ile
 * kısıtlıyor. Bu seçici iki sınıf + bir eleman olduğu için sadece
 * `.woocommerce-account .woocommerce` yazmak yetmiyordu; şablondaki
 * .pg-account-page sınıfı eklenerek spesifiklik geçiliyor.
 */
.woocommerce-account main.pg-account-page .woocommerce {
	max-width: 76rem;
	margin-inline: auto;
	padding-block: clamp( 1.5rem, 3.5vw, 3rem );
}

/* Giriş yapmış müşteri için Grid Layout */
.woocommerce-account .woocommerce:has( .woocommerce-MyAccount-navigation ) {
	display: grid;
	grid-template-columns: 280px minmax( 0, 1fr );
	gap: 2rem;
	align-items: start;
}

/*
 * KRİTİK — WooCommerce çekirdeği bu iki kutuya kendi float düzenini veriyor:
 *   .woocommerce-MyAccount-navigation { float: left;  width: 30%; }
 *   .woocommerce-MyAccount-content    { float: right; width: 68%; }
 * ve box-sizing'i content-box'a çekiyor. Grid içinde float yok sayılır ama
 * yüzdesel genişlikler artık KAPSAYICIYA değil grid İZİNE göre hesaplanır:
 * menü 698px'lik izin %30'una (209px), içerik 270px'lik izin %68'ine (184px)
 * büzülüyor — sayfanın "her şey dar bir şeride sıkışmış" görünmesinin sebebi
 * buydu. Üstelik otomatik yerleşim beklenenin tersine dönüp menüyü sağ,
 * içeriği sol sütuna atıyordu. Bu yüzden genişlikler sıfırlanıp yerleşim
 * açıkça yazılıyor; otomatik yerleşime bırakılmıyor.
 */
.woocommerce-account .woocommerce-MyAccount-navigation,
.woocommerce-account .woocommerce-MyAccount-content {
	float: none;
	width: auto;
	max-width: none;
	box-sizing: border-box;
	min-width: 0;
}

.woocommerce-account .woocommerce-MyAccount-navigation {
	grid-column: 1;
	grid-row: 1;
}

.woocommerce-account .woocommerce-MyAccount-content {
	grid-column: 2;
	grid-row: 1;
}

/* WooCommerce'in float'ları için bıraktığı clearfix boşluğunu kapat. */
.woocommerce-account .woocommerce::before,
.woocommerce-account .woocommerce::after {
	content: none;
}

@media ( max-width: 860px ) {
	.woocommerce-account .woocommerce:has( .woocommerce-MyAccount-navigation ) {
		grid-template-columns: minmax( 0, 1fr );
		gap: 1.5rem;
	}

	/* Tek sütuna inerken açık yerleşim iki kutuyu aynı hücreye yığmasın. */
	.woocommerce-account .woocommerce-MyAccount-navigation,
	.woocommerce-account .woocommerce-MyAccount-content {
		grid-column: auto;
		grid-row: auto;
	}

}

/* ------------------------------------------------------------------ */
/* 2. Sol Navigasyon Menüsü (.woocommerce-MyAccount-navigation)      */
/* ------------------------------------------------------------------ */

.woocommerce-account .woocommerce-MyAccount-navigation {
	background: #ffffff;
	border: 1px solid var( --wp--preset--color--accent-6 );
	border-radius: 16px;
	padding: 0.85rem;
	box-shadow: 0 4px 20px rgba( 36, 30, 27, 0.04 );
	position: static;
}

/*
 * Sticky YALNIZCA iki sütunlu düzende (menü solda, içerik sağda) anlamlı.
 * Tek sütuna inildiğinde menü içeriğin ÜSTÜNDE yer aldığı için sabitlenirse
 * sayfa kaydırıldıkça alttaki kartın üzerine biniyor: `position: sticky`
 * konumlandırılmış bir kutu ürettiğinden, konumlandırılmamış içerik kartının
 * üstüne boyanıyor.
 *
 * Bu kural bilinçli olarak min-width ile yazıldı. Önceki hâlinde sticky temel
 * kuralda tanımlanıp mobilde `max-width` sorgusuyla geri alınıyordu; ancak
 * media query dosyada temel kuraldan ÖNCE geldiği ve iki seçicinin
 * spesifikliği eşit olduğu için sonraki (sticky) kazanıyor, geri alma hiç
 * çalışmıyordu. min-width kurgusu bu sıra bağımlılığını tamamen ortadan
 * kaldırıyor.
 */
@media ( min-width: 861px ) {
	.woocommerce-account .woocommerce-MyAccount-navigation {
		position: sticky;
		top: 1.5rem;
	}
}

.woocommerce-account .woocommerce-MyAccount-navigation ul {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 0.35rem;
}

/*
 * WooCommerce `li`'lere padding-bottom veriyor (float'lu eski düzenden kalma);
 * flex/gap kullandığımız için bu, menü öğeleri arasında ~18px fazladan boşluk
 * bırakıp listeyi gereksiz uzatıyordu.
 */
.woocommerce-account .woocommerce-MyAccount-navigation li {
	margin: 0;
	padding: 0;
	list-style: none;
}

.woocommerce-account .woocommerce-MyAccount-navigation li a {
	display: flex;
	align-items: center;
	padding: 0.85rem 1.15rem;
	border-radius: 10px;
	font-size: 0.92rem;
	font-weight: 500;
	color: var( --wp--preset--color--contrast );
	/* Tema global bağlantı stilini alt çizgili basıyor; menüde istemiyoruz. */
	text-decoration: none !important;
	transition: background-color 0.2s ease, color 0.2s ease, transform 0.15s ease;
}

.woocommerce-account .woocommerce-MyAccount-navigation li a:hover {
	background: #faf8f5;
	color: #7E6034;
	transform: translateX( 3px );
}

.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a {
	background: #faf8f5;
	color: #7E6034;
	font-weight: 600;
	border-left: 3px solid #7E6034;
	box-shadow: 0 2px 8px rgba( 126, 96, 52, 0.08 );
}

/* ------------------------------------------------------------------ */
/* 3. Sağ İçerik Alanı (.woocommerce-MyAccount-content)               */
/* ------------------------------------------------------------------ */

.woocommerce-account .woocommerce-MyAccount-content {
	background: #ffffff;
	border: 1px solid var( --wp--preset--color--accent-6 );
	border-radius: 16px;
	padding: 2.25rem;
	box-shadow: 0 4px 20px rgba( 36, 30, 27, 0.04 );
	/* Kısa ekranlarda (ör. 2 satırlık sipariş listesi) kartın altında büyük
	   bir boşluk kalıyordu; menü yüksekliğini karşılayacak kadar yeter. */
	min-height: 320px;
}

@media ( max-width: 600px ) {
	.woocommerce-account .woocommerce-MyAccount-content {
		padding: 1.5rem;
	}
}

/* ------------------------------------------------------------------ */
/* 4. Kontrol Paneli: Karşılama Kartı & Hızlı Erişim Kartları         */
/* ------------------------------------------------------------------ */

/*
 * Karşılama kartı. Önceki sürüm koyu kahve degrade bir kutuydu; sayfanın geri
 * kalanı açık/sıcak nötr olduğu için ekranda yamalı duruyor, dar sütunda da
 * içeriği kırpıyordu. Sitenin kart diline (açık zemin + ince kenarlık) çekildi.
 */
.pg-account-hero-card {
	display: flex;
	align-items: flex-start;
	gap: 1.35rem;
	background: linear-gradient( 135deg, var( --wp--preset--color--accent-5 ) 0%, #f6f0e8 100% );
	border: 1px solid var( --wp--preset--color--accent-6 );
	border-radius: 14px;
	padding: clamp( 1.35rem, 2.5vw, 1.85rem );
	margin-bottom: 2rem;
}

@media ( max-width: 580px ) {
	.pg-account-hero-card {
		flex-direction: column;
		align-items: center;
		text-align: center;
	}
}

.pg-account-avatar {
	flex: 0 0 auto;
}

.pg-account-initials {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 3.5rem;
	height: 3.5rem;
	border-radius: 50%;
	background: #7E6034;
	color: var( --wp--preset--color--base );
	font-family: var( --wp--preset--font-family--heading-serif );
	font-size: 1.5rem;
	font-weight: 500;
	line-height: 1;
	box-shadow: 0 3px 10px rgba( 126, 96, 52, 0.25 );
}

.pg-account-welcome {
	min-width: 0;
}

.pg-account-welcome h2 {
	font-family: var( --wp--preset--font-family--heading-serif );
	font-size: clamp( 1.35rem, 2.4vw, 1.7rem );
	font-weight: 500;
	line-height: 1.2;
	color: var( --wp--preset--color--contrast );
	margin: 0 0 0.4rem;
}

.pg-account-welcome > p {
	font-size: 0.92rem;
	line-height: 1.6;
	color: var( --wp--preset--color--text-muted );
	margin: 0;
	max-width: 44rem;
}

/* Gerçek veriden gelen iki istatistik (sipariş sayısı / üyelik başlangıcı). */
.pg-account-stats {
	display: flex;
	flex-wrap: wrap;
	gap: 0.75rem 2.25rem;
	list-style: none;
	margin: 1.25rem 0 0;
	padding: 1.15rem 0 0;
	border-top: 1px solid var( --wp--preset--color--accent-6 );
}

@media ( max-width: 580px ) {
	.pg-account-stats {
		justify-content: center;
	}
}

.pg-account-stats li {
	display: flex;
	flex-direction: column;
	gap: 0.15rem;
	margin: 0;
}

.pg-account-stat-value {
	font-family: var( --wp--preset--font-family--heading-serif );
	font-size: 1.3rem;
	font-weight: 500;
	line-height: 1.1;
	color: var( --wp--preset--color--contrast );
}

.pg-account-stat-label {
	font-size: 0.74rem;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: var( --wp--preset--color--text-muted );
}

.pg-account-identity {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.5rem;
	font-size: 0.82rem;
	color: var( --wp--preset--color--text-muted );
	margin: 0.9rem 0 0;
}

@media ( max-width: 580px ) {
	.pg-account-identity {
		justify-content: center;
	}
}

.pg-account-identity a {
	color: #7E6034;
	text-decoration: underline;
	text-underline-offset: 2px;
}

.pg-account-section-title {
	font-family: var( --wp--preset--font-family--heading-serif );
	font-size: 1.15rem;
	font-weight: 500;
	color: var( --wp--preset--color--contrast );
	margin: 0 0 1rem;
}

/* Hızlı Erişim Kartları Grid */

/* 260px alt sınır: içerik sütununda 2x2 düzen kuruluyor — 3+1 yerleşimi
   dördüncü kartı tek başına bırakıp dengesiz görünüyordu. */
.pg-account-quick-cards {
	display: grid;
	grid-template-columns: repeat( auto-fit, minmax( min( 260px, 100% ), 1fr ) );
	gap: 1.15rem;
	margin-bottom: 0;
}

.pg-quick-card {
	display: flex;
	align-items: center;
	gap: 0.85rem;
	background: #faf8f5;
	border: 1px solid var( --wp--preset--color--accent-6 );
	border-radius: 12px;
	padding: 1.15rem 1.25rem;
	text-decoration: none;
	color: inherit;
	transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
}

.pg-quick-card:hover {
	transform: translateY( -3px );
	box-shadow: 0 6px 18px rgba( 126, 96, 52, 0.12 );
	border-color: #7E6034;
}

.pg-quick-card-icon {
	flex: 0 0 auto;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 2.5rem;
	height: 2.5rem;
	border-radius: 10px;
	background: var( --wp--preset--color--base );
	border: 1px solid var( --wp--preset--color--accent-6 );
	color: #7E6034;
}

.pg-account-icon {
	width: 1.2rem;
	height: 1.2rem;
	display: block;
}

.pg-account-icon--sm {
	width: 1rem;
	height: 1rem;
}

.pg-quick-card-text {
	display: flex;
	flex-direction: column;
	gap: 0.15rem;
	flex: 1;
	min-width: 0;
}

.pg-quick-card-text strong {
	font-size: 0.9rem;
	color: var( --wp--preset--color--contrast );
	font-weight: 600;
}

.pg-quick-card-text span {
	font-size: 0.78rem;
	color: var( --wp--preset--color--text-muted );
}

.pg-quick-card-arrow {
	flex: 0 0 auto;
	display: inline-flex;
	color: #7E6034;
	transition: transform 0.2s ease;
}

.pg-quick-card:hover .pg-quick-card-arrow {
	transform: translateX( 4px );
}

@media ( prefers-reduced-motion: reduce ) {
	.pg-quick-card,
	.pg-quick-card-arrow {
		transition: none;
	}

	.pg-quick-card:hover {
		transform: none;
	}

	.pg-quick-card:hover .pg-quick-card-arrow {
		transform: none;
	}
}

/* ------------------------------------------------------------------ */
/* Sol menü ikonları                                                    */
/* ------------------------------------------------------------------ */

.woocommerce-account .woocommerce-MyAccount-navigation li a {
	gap: 0.7rem;
}

.woocommerce-account .woocommerce-MyAccount-navigation .pg-account-icon {
	flex: 0 0 auto;
	color: var( --wp--preset--color--text-muted );
	transition: color 0.2s ease;
}

.woocommerce-account .woocommerce-MyAccount-navigation li a:hover .pg-account-icon,
.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a .pg-account-icon {
	color: #7E6034;
}

.pg-account-nav-label {
	min-width: 0;
}

/* Çıkış Yap görsel olarak ayrılsın: yıkıcı/oturum sonlandıran eylem. */
.woocommerce-account .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--customer-logout {
	margin-top: 0.35rem;
	padding-top: 0.6rem;
	border-top: 1px solid var( --wp--preset--color--accent-6 );
}

@media ( prefers-reduced-motion: reduce ) {
	.woocommerce-account .woocommerce-MyAccount-navigation li a {
		transition: none;
	}

	.woocommerce-account .woocommerce-MyAccount-navigation li a:hover {
		transform: none;
	}
}

/* ------------------------------------------------------------------ */
/* 5. Boş Sipariş Durumu (Empty Orders Card)                          */
/* ------------------------------------------------------------------ */

.pg-empty-orders-card {
	text-align: center;
	padding: 3rem 2rem;
	background: #faf8f5;
	border: 1px dashed var( --wp--preset--color--accent-6 );
	border-radius: 16px;
	margin: 1.5rem 0;
}

.pg-empty-orders-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 3.25rem;
	height: 3.25rem;
	margin-bottom: 1.1rem;
	border-radius: 50%;
	background: var( --wp--preset--color--base );
	border: 1px solid var( --wp--preset--color--accent-6 );
	color: #7E6034;
}

.pg-empty-orders-icon .pg-account-icon {
	width: 1.55rem;
	height: 1.55rem;
}

.pg-empty-orders-card h3 {
	font-family: var( --wp--preset--font-family--heading-serif );
	font-size: 1.4rem;
	font-weight: 500;
	color: var( --wp--preset--color--contrast );
	margin: 0 0 0.5rem;
}

.pg-empty-orders-card p {
	font-size: 0.92rem;
	color: var( --wp--preset--color--text-muted );
	max-width: 28rem;
	margin: 0 auto 1.5rem;
	line-height: 1.6;
}

.pg-empty-orders-btn {
	display: inline-flex;
	align-items: center;
	background: #7E6034;
	color: #ffffff;
	padding: 0.75rem 2rem;
	border-radius: 999px;
	font-size: 0.92rem;
	font-weight: 600;
	text-decoration: none;
	box-shadow: 0 4px 14px rgba( 126, 96, 52, 0.25 );
	transition: background-color 0.2s ease, transform 0.15s ease;
}

.pg-empty-orders-btn:hover {
	background: #624a27;
	color: #ffffff;
	transform: translateY( -1px );
}

/* ------------------------------------------------------------------ */
/* 6. Siparişler Tablosu (.woocommerce-orders-table)                  */
/* ------------------------------------------------------------------ */

.woocommerce-orders-table {
	width: 100%;
	border-collapse: separate;
	border-spacing: 0;
	margin-bottom: 1.5rem;
	font-size: 0.9rem;
	border: 1px solid var( --wp--preset--color--accent-6 );
	border-radius: 12px;
	overflow: hidden;
}

.woocommerce-orders-table th {
	background: #faf8f5;
	color: var( --wp--preset--color--contrast );
	font-weight: 600;
	padding: 0.9rem 1.15rem;
	text-align: left;
	border-bottom: 1px solid var( --wp--preset--color--accent-6 );
}

.woocommerce-orders-table td {
	padding: 1rem 1.15rem;
	border: 0;
	border-bottom: 1px solid var( --wp--preset--color--accent-6 );
	color: var( --wp--preset--color--contrast );
	vertical-align: middle;
}

.woocommerce-orders-table th {
	border-inline: 0;
}

.woocommerce-orders-table tr:last-child td {
	border-bottom: none;
}

/* Başlık satırını sessiz etiket diline çek (ürün tablolarıyla tutarlı). */
.woocommerce-orders-table th {
	font-size: 0.76rem;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: var( --wp--preset--color--text-muted );
}

.woocommerce-orders-table .woocommerce-orders-table__cell-order-number a {
	font-weight: 600;
	color: #7E6034;
	text-decoration: none;
}

.woocommerce-orders-table .woocommerce-orders-table__cell-order-number a:hover {
	text-decoration: underline;
}

/*
 * Sipariş durumu rozeti. WooCommerce satıra
 * `woocommerce-orders-table__row--status-{durum}` sınıfı bastığı için renk
 * durumdan türetilebiliyor; düz metin yerine rozet göstermek durumu bir
 * bakışta okunur kılıyor.
 */
.woocommerce-orders-table .woocommerce-orders-table__cell-order-status {
	white-space: nowrap;
}

.woocommerce-orders-table .woocommerce-orders-table__cell-order-status::before {
	content: "";
	display: inline-block;
	width: 7px;
	height: 7px;
	border-radius: 50%;
	margin-right: 0.5rem;
	background: currentColor;
	vertical-align: middle;
}

.woocommerce-orders-table tr[class*="--status-completed"] .woocommerce-orders-table__cell-order-status {
	color: #556a4e;
}

.woocommerce-orders-table tr[class*="--status-processing"] .woocommerce-orders-table__cell-order-status,
.woocommerce-orders-table tr[class*="--status-on-hold"] .woocommerce-orders-table__cell-order-status,
.woocommerce-orders-table tr[class*="--status-pending"] .woocommerce-orders-table__cell-order-status {
	color: #7E6034;
}

.woocommerce-orders-table tr[class*="--status-cancelled"] .woocommerce-orders-table__cell-order-status,
.woocommerce-orders-table tr[class*="--status-failed"] .woocommerce-orders-table__cell-order-status,
.woocommerce-orders-table tr[class*="--status-refunded"] .woocommerce-orders-table__cell-order-status {
	color: var( --wp--preset--color--error );
}

.woocommerce-orders-table .button {
	display: inline-flex;
	align-items: center;
	background: #7E6034;
	color: #ffffff;
	padding: 0.45rem 1rem;
	border-radius: 999px;
	font-size: 0.82rem;
	font-weight: 600;
	text-decoration: none;
	transition: background-color 0.2s ease, transform 0.15s ease;
}

.woocommerce-orders-table .button:hover {
	background: #624a27;
	color: #ffffff;
	transform: translateY( -1px );
}

/* ------------------------------------------------------------------ */
/* 7. Adres Kartları (.woocommerce-Addresses)                         */
/* ------------------------------------------------------------------ */

/*
 * minmax( min( 280px, 100% ), 1fr ) — düz `minmax(280px, 1fr)` kullanıldığında
 * kullanılabilir alan 280px'in altına düştüğünde (320px ekran, kart dolgusu
 * düşülünce ~240px kalıyor) iz yine de 280px talep edip sayfayı yatay
 * kaydırılabilir yapıyordu.
 */
.woocommerce-Addresses {
	display: grid;
	grid-template-columns: repeat( auto-fit, minmax( min( 280px, 100% ), 1fr ) );
	gap: 1.5rem;
	margin-top: 1.5rem;
}

.woocommerce-Address {
	background: #faf8f5;
	border: 1px solid var( --wp--preset--color--accent-6 );
	border-radius: 14px;
	padding: 1.5rem;
}

.woocommerce-Address-title {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 1rem;
	flex-wrap: wrap;
	margin-bottom: 1rem;
	padding-bottom: 0.75rem;
	border-bottom: 1px solid var( --wp--preset--color--accent-6 );
}

/*
 * Başlık esner, "düzenle" bağlantısı margin-auto ile sağa yaslanır.
 * justify-content: space-between + wrap kombinasyonu uzun başlıklarda
 * bağlantıyı alt satıra atıp kartları asimetrik gösteriyordu.
 * border/padding sıfırlaması gerekli: genel `__title` kuralları bu h3'e de
 * uyup metnin altına ikinci bir çizgi çiziyordu.
 */
.woocommerce-Address-title h3 {
	flex: 1 1 auto;
	font-family: var( --wp--preset--font-family--heading-serif );
	font-size: 1.15rem;
	font-weight: 500;
	margin: 0;
	padding: 0;
	border: 0;
	color: var( --wp--preset--color--contrast );
}

.woocommerce-Address-title .edit {
	margin-left: auto;
	white-space: nowrap;
}

.woocommerce-Address-title .edit {
	font-size: 0.85rem;
	font-weight: 600;
	color: #7E6034;
	text-decoration: none;
}

.woocommerce-Address-title .edit:hover {
	text-decoration: underline;
}

.woocommerce-Address address {
	font-style: normal;
	font-size: 0.9rem;
	line-height: 1.65;
	color: var( --wp--preset--color--text-muted );
	margin: 0;
}

/* ------------------------------------------------------------------ */
/* 8. Giriş & Kayıt Ol Formları (Ziyaretçi Ekranı)                   */
/* ------------------------------------------------------------------ */

.pg-auth-header {
	text-align: center;
	max-width: 44rem;
	margin: 0 auto 2.5rem;
}

.pg-auth-badge {
	display: inline-block;
	background: #faf8f5;
	border: 1px solid var( --wp--preset--color--accent-6 );
	color: #7E6034;
	font-size: 0.78rem;
	font-weight: 600;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	padding: 0.35rem 0.95rem;
	border-radius: 999px;
	margin-bottom: 0.75rem;
}

.pg-auth-header h2 {
	font-family: var( --wp--preset--font-family--heading-serif );
	font-size: clamp( 1.6rem, 3vw, 2.25rem );
	font-weight: 500;
	color: var( --wp--preset--color--contrast );
	margin: 0 0 0.65rem;
}

.pg-auth-header p {
	font-size: 0.95rem;
	line-height: 1.65;
	color: var( --wp--preset--color--text-muted );
	margin: 0;
}

.woocommerce-account #customer_login {
	display: grid;
	grid-template-columns: repeat( auto-fit, minmax( min( 320px, 100% ), 1fr ) );
	gap: 2rem;
	max-width: 64rem;
	margin-inline: auto;
}

.woocommerce-account .u-column1,
.woocommerce-account .u-column2 {
	background: #ffffff;
	border: 1px solid var( --wp--preset--color--accent-6 );
	border-radius: 16px;
	padding: 2.25rem 2rem;
	box-shadow: 0 4px 20px rgba( 36, 30, 27, 0.04 );
}

/*
 * Kart başlıkları ("Giriş Yap" / "Üye Ol"). :not() ile üstteki karşılama
 * bloğu dışlanıyor — aksi halde ortalanmış banner başlığının altına da
 * ayırıcı çizgi düşüyor ve yamuk duruyordu.
 */
.woocommerce-account h2:not( .pg-auth-header h2 ):not( .pg-account-welcome h2 ) {
	font-family: var( --wp--preset--font-family--heading-serif );
	font-size: 1.4rem;
	font-weight: 500;
	color: var( --wp--preset--color--contrast );
	margin: 0 0 1.5rem;
	padding-bottom: 0.75rem;
	border-bottom: 1px solid var( --wp--preset--color--accent-6 );
}

.woocommerce-account form.woocommerce-form {
	display: flex;
	flex-direction: column;
	gap: 1.15rem;
}

.woocommerce-account form .form-row {
	display: flex;
	flex-direction: column;
	gap: 0.4rem;
	margin: 0;
}

.woocommerce-account form .form-row label {
	font-size: 0.88rem;
	font-weight: 500;
	color: var( --wp--preset--color--contrast );
}

.woocommerce-account form .input-text,
.woocommerce-account form select {
	width: 100%;
	box-sizing: border-box;
	padding: 0.75rem 1rem;
	border: 1px solid var( --wp--preset--color--accent-6 );
	border-radius: 8px;
	background: #faf8f5;
	font-family: inherit;
	font-size: 0.95rem;
	color: var( --wp--preset--color--contrast );
	transition: border-color 0.15s ease, box-shadow 0.15s ease, background-color 0.15s ease;
}

.woocommerce-account form .input-text:focus-visible,
.woocommerce-account form select:focus-visible {
	outline: none;
	background: #ffffff;
	border-color: #7E6034;
	box-shadow: 0 0 0 3px rgba( 126, 96, 52, 0.15 );
}

.woocommerce-account form button.button {
	background: #7E6034;
	color: #ffffff;
	border: none;
	border-radius: 999px;
	padding: 0.8rem 2rem;
	font-family: inherit;
	font-size: 0.95rem;
	font-weight: 600;
	cursor: pointer;
	transition: background-color 0.2s ease, transform 0.15s ease;
	margin-top: 0.5rem;
}

.woocommerce-account form button.button:hover {
	background: #624a27;
	transform: translateY( -1px );
}

.woocommerce-account .woocommerce-LostPassword {
	font-size: 0.85rem;
	color: #7E6034;
	margin-top: 0.5rem;
}

.woocommerce-account .woocommerce-LostPassword a {
	color: #7E6034;
	text-decoration: underline;
}

/* ------------------------------------------------------------------ */
/* 9. WooCommerce çekirdek düzen kalıntılarının temizliği              */
/* ------------------------------------------------------------------ */

/*
 * WooCommerce'in `u-columns` düzeni (hem giriş/kayıt hem adres ekranı) float +
 * yüzdesel genişlikle geliyor: `.col-1 { float:left; width:47~48% }`. İkisini
 * de grid'e aldığımız için sıfırlanmalı — aksi halde kartlar iz genişliğinin
 * yarısına düşüp birbirinden kayıyor (adres ekranında iki kart çapraz
 * yerleşiyordu).
 */
.woocommerce-account .u-columns > .u-column1,
.woocommerce-account .u-columns > .u-column2,
.woocommerce-account .u-columns > .col-1,
.woocommerce-account .u-columns > .col-2 {
	float: none;
	width: auto;
	max-width: none;
	box-sizing: border-box;
	margin: 0;
}

.woocommerce-account .u-columns::before,
.woocommerce-account .u-columns::after,
.woocommerce-account .col2-set::before,
.woocommerce-account .col2-set::after {
	content: none;
}

/*
 * WooCommerce form.login / form.register kutularına kendi kenarlık + dolgusunu
 * veriyor; bizim kart zaten kenarlıklı olduğu için ekranda "kart içinde kart"
 * çıkıyordu. Sıfırlanıyor.
 */
.woocommerce-account form.login,
.woocommerce-account form.register {
	border: 0;
	padding: 0;
	margin: 0;
	border-radius: 0;
}

/*
 * Onay kutulu etiketler ("Beni hatırla" vb.). WooCommerce'in kendi
 * `form .form-row label` kuralları daha spesifik olduğu için seçici
 * bilinçli olarak derinleştirildi; yoksa kutu ile metin bitişik kalıyordu.
 */
.woocommerce-account form .form-row label.woocommerce-form__label-for-checkbox,
.woocommerce-account form label.woocommerce-form-login__rememberme {
	display: flex;
	align-items: center;
	gap: 0.55rem;
	font-size: 0.88rem;
	font-weight: 400;
	color: var( --wp--preset--color--text-muted );
	cursor: pointer;
}

.woocommerce-account form label.woocommerce-form__label-for-checkbox input[type="checkbox"],
.woocommerce-account form label.woocommerce-form-login__rememberme input[type="checkbox"] {
	width: 1.1rem;
	height: 1.1rem;
	accent-color: #7E6034;
	margin: 0;
	flex: 0 0 auto;
}

.woocommerce-account .woocommerce-form-login__submit,
.woocommerce-account .woocommerce-form-register__submit {
	align-self: flex-start;
}

/*
 * "Parola değiştirme" alanı çekirdek şablonda <fieldset><legend> olarak
 * geliyor ve tarayıcı varsayılanıyla (ince gri çerçeve + çentikli başlık)
 * çiziliyordu; kart diline uyarlandı.
 */
.woocommerce-account form fieldset {
	border: 1px solid var( --wp--preset--color--accent-6 );
	border-radius: 12px;
	background: var( --wp--preset--color--accent-5 );
	padding: 1.5rem;
	margin: 0.5rem 0 0;
	display: flex;
	flex-direction: column;
	gap: 1.15rem;
	min-width: 0;
}

.woocommerce-account form fieldset legend {
	font-family: var( --wp--preset--font-family--heading-serif );
	font-size: 1.05rem;
	font-weight: 500;
	color: var( --wp--preset--color--contrast );
	padding: 0;
	margin-bottom: 0.35rem;
	float: left;
	width: 100%;
}

/* Alan altı yardımcı açıklamalar (ör. "Adınız hesap bölümünde…"). */
.woocommerce-account form .form-row em,
.woocommerce-account form span.description {
	font-size: 0.8rem;
	font-style: normal;
	line-height: 1.5;
	color: var( --wp--preset--color--text-muted );
}

/* Ad / Soyad gibi yan yana alanlar dar ekranda alt alta insin. */
@media ( max-width: 600px ) {
	.woocommerce-account form .form-row-first,
	.woocommerce-account form .form-row-last {
		width: 100%;
		float: none;
	}
}

/* Kayıt formundaki gizlilik/koşul metni */
.woocommerce-account .woocommerce-privacy-policy-text p,
.woocommerce-account .woocommerce-form-register__lost-password {
	font-size: 0.82rem;
	line-height: 1.6;
	color: var( --wp--preset--color--text-muted );
	margin: 0;
}

/* Parola gücü göstergesi */
.woocommerce-account .woocommerce-password-strength {
	font-size: 0.8rem;
	font-weight: 600;
	padding: 0.5rem 0.85rem;
	border-radius: 8px;
	text-align: left;
}

.woocommerce-account .woocommerce-password-strength.short,
.woocommerce-account .woocommerce-password-strength.bad {
	background: color-mix( in srgb, var( --wp--preset--color--error ) 12%, transparent );
	color: var( --wp--preset--color--error );
}

.woocommerce-account .woocommerce-password-strength.good {
	background: color-mix( in srgb, var( --wp--preset--color--accent-4 ) 18%, transparent );
	color: #7E6034;
}

.woocommerce-account .woocommerce-password-strength.strong {
	background: color-mix( in srgb, var( --wp--preset--color--success ) 14%, transparent );
	color: #556a4e;
}

.woocommerce-account .woocommerce-password-hint {
	font-size: 0.8rem;
	line-height: 1.55;
	color: var( --wp--preset--color--text-muted );
}

/* ------------------------------------------------------------------ */
/* 10. Bildirimler (mesaj / hata / bilgi)                              */
/*                                                                     */
/* "Adres kaydedildi", "Hatalı parola", "Sipariş bulunamadı" gibi tüm  */
/* geri bildirimler bu kutulardan geçiyor ve hiç biçimlendirilmemişti — */
/* WooCommerce'in varsayılan yeşil/mavi şeritleri paletle çakışıyordu.  */
/* ------------------------------------------------------------------ */

.woocommerce-account .woocommerce-message,
.woocommerce-account .woocommerce-error,
.woocommerce-account .woocommerce-info,
.woocommerce-account .woocommerce-notice {
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.75rem 1rem;
	margin: 0 0 1.5rem;
	padding: 1rem 1.25rem;
	border: 1px solid var( --wp--preset--color--accent-6 );
	border-left-width: 3px;
	border-radius: 10px;
	background: var( --wp--preset--color--accent-5 );
	color: var( --wp--preset--color--contrast );
	font-size: 0.9rem;
	line-height: 1.55;
}

.woocommerce-account .woocommerce-message::before,
.woocommerce-account .woocommerce-error::before,
.woocommerce-account .woocommerce-info::before {
	content: none;
}

.woocommerce-account .woocommerce-message {
	border-left-color: var( --wp--preset--color--success );
	background: color-mix( in srgb, var( --wp--preset--color--success ) 8%, var( --wp--preset--color--accent-5 ) );
}

.woocommerce-account .woocommerce-error {
	border-left-color: var( --wp--preset--color--error );
	background: color-mix( in srgb, var( --wp--preset--color--error ) 8%, var( --wp--preset--color--accent-5 ) );
}

.woocommerce-account .woocommerce-info,
.woocommerce-account .woocommerce-notice {
	border-left-color: var( --wp--preset--color--accent-4 );
}

.woocommerce-account .woocommerce-error li {
	margin: 0;
	list-style: none;
}

.woocommerce-account .woocommerce-message .button,
.woocommerce-account .woocommerce-info .button {
	margin-left: auto;
	background: #7E6034;
	color: #ffffff;
	border-radius: 999px;
	padding: 0.5rem 1.25rem;
	font-size: 0.85rem;
	font-weight: 600;
	text-decoration: none;
}

/* ------------------------------------------------------------------ */
/* 11. Sipariş detayı, indirmeler ve sayfalama                         */
/* ------------------------------------------------------------------ */

.woocommerce-account .woocommerce-order-details,
.woocommerce-account .woocommerce-customer-details {
	margin-top: 2rem;
}

.woocommerce-account .woocommerce-order-details__title,
.woocommerce-account .woocommerce-column__title {
	font-family: var( --wp--preset--font-family--heading-serif );
	font-size: 1.15rem;
	font-weight: 500;
	margin: 0 0 1rem;
	padding-bottom: 0.65rem;
	border-bottom: 1px solid var( --wp--preset--color--accent-6 );
}

.woocommerce-account table.woocommerce-table,
.woocommerce-account table.shop_table {
	width: 100%;
	border-collapse: separate;
	border-spacing: 0;
	border: 1px solid var( --wp--preset--color--accent-6 );
	border-radius: 12px;
	overflow: hidden;
	font-size: 0.9rem;
	margin: 0 0 1.5rem;
}

.woocommerce-account table.woocommerce-table th,
.woocommerce-account table.shop_table th {
	background: var( --wp--preset--color--accent-5 );
	text-align: left;
	font-size: 0.76rem;
	font-weight: 600;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: var( --wp--preset--color--text-muted );
	padding: 0.85rem 1.1rem;
	border: 0;
	border-bottom: 1px solid var( --wp--preset--color--accent-6 );
}

.woocommerce-account table.woocommerce-table td,
.woocommerce-account table.shop_table td {
	padding: 0.9rem 1.1rem;
	border: 0;
	border-bottom: 1px solid var( --wp--preset--color--accent-6 );
	vertical-align: middle;
	color: var( --wp--preset--color--contrast );
}

.woocommerce-account table.woocommerce-table tr:last-child td,
.woocommerce-account table.shop_table tfoot tr:last-child td,
.woocommerce-account table.shop_table tfoot tr:last-child th {
	border-bottom: 0;
}

.woocommerce-account table.shop_table tfoot th {
	background: transparent;
	text-transform: none;
	font-size: 0.9rem;
	letter-spacing: 0;
	color: var( --wp--preset--color--contrast );
	border-bottom: 1px solid var( --wp--preset--color--accent-6 );
}

/* Sayfalama (sipariş listesi) */
.woocommerce-account .woocommerce-pagination ul {
	display: flex;
	flex-wrap: wrap;
	gap: 0.4rem;
	list-style: none;
	margin: 1.5rem 0 0;
	padding: 0;
	border: 0;
}

.woocommerce-account .woocommerce-pagination li {
	margin: 0;
	border: 0;
}

.woocommerce-account .woocommerce-pagination a,
.woocommerce-account .woocommerce-pagination span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 2.5rem;
	height: 2.5rem;
	padding-inline: 0.6rem;
	border: 1px solid var( --wp--preset--color--accent-6 );
	border-radius: 8px;
	background: var( --wp--preset--color--accent-5 );
	color: var( --wp--preset--color--contrast );
	font-size: 0.88rem;
	text-decoration: none;
}

.woocommerce-account .woocommerce-pagination a:hover {
	border-color: #7E6034;
	color: #7E6034;
}

.woocommerce-account .woocommerce-pagination .current {
	background: #7E6034;
	border-color: #7E6034;
	color: #ffffff;
	font-weight: 600;
}

/* Boş indirmeler / boş adres gibi bilgilendirme satırları */
.woocommerce-account .woocommerce-MyAccount-content > p:only-child {
	color: var( --wp--preset--color--text-muted );
	margin: 0;
}

/* Dar ekranda tablolar sayfayı yatay kaydırmasın; kendi içinde kayar. */
@media ( max-width: 720px ) {
	.woocommerce-account .woocommerce-MyAccount-content table.woocommerce-table,
	.woocommerce-account .woocommerce-MyAccount-content table.shop_table {
		display: block;
		overflow-x: auto;
		white-space: nowrap;
	}
}