/**
 * PT Hesabım — "Sade ve sıkı" tasarım dili.
 *
 * İLKE (kullanıcı kararı, 26 Ağu 2026): süs yok. Gölge yok, büyük yuvarlama
 * yok, renkli ikon kutucuğu yok. Küçük köşeler (4px), ince çizgiler (1px),
 * sıkı satırlar. Yoğun ve işe yarar — bir yönetim paneli gibi. Dekorasyon
 * sıfır.
 *
 * Bu, önceki sürümlerin (stok WooCommerce markup'ı + yuvarlak köşe + gölge +
 * renkli ikon hapı) yamalanmış hâli DEĞİL; token'lar ve kurallar bu ilkeden
 * yeniden türetildi.
 *
 * Kuralların karşılıkları:
 *   - Yüzey ayrımı GÖLGEYLE değil 1px çizgiyle yapılır. Dosyada gölge üreten
 *     tek bir `box-shadow` bildirimi yok; yalnız temanın/eklentilerin bastığı
 *     gölgeleri söndüren `box-shadow: none` sıfırlamaları var. Odak halkası da
 *     `outline` ile çiziliyor (erişilebilirlik geri bildirimi, süs değil).
 *   - Aksan rengi (--pth-accent) YALNIZ aktif kenar-menü satırında, bağlantı
 *     metinlerinde ve birincil butonda. İkonlar her zaman tek renk/nötr.
 *   - Geçiş yalnız hover geri bildirimi için, 120ms.
 *
 * Ölçü birincilleri tek yerde: --pth-kontrol-h (36px form kontrolü),
 * --pth-buton-h (34px buton), --pth-satir-h (33px kenar menü satırı).
 *
 * Sürüm notu: bu dosyada görünür bir değişiklik yaptığında pt-hesabim.php
 * içindeki PT_HESABIM_VERSION sabitini artır — enqueue ?ver= olarak bunu
 * kullanıyor, artmazsa tarayıcı eski dosyayı önbellekten sunar.
 *
 * Tüm kurallar body.pt-hesabim altında yaşar: şalter kapalıyken bu sınıf
 * gövdeye eklenmez, dolayısıyla hiçbir kural sızmaz. Tek istisna
 * .pt-hesabim-grup için PT_Hesabim::grup_basligi_varsayilan_gizle() ile
 * basılan minik satır içi <style> — gerekçesi ilgili blokta.
 */

:root {
	/* Mürekkep — saf siyah değil; yoğun bir listede saf siyah sert okunuyor. */
	--pth-ink: #15171a;
	--pth-ink-soft: #5a5e66;
	--pth-ink-faint: #8b8f97;

	/* Çizgiler — tek yapısal araç. Gölge olmadığı için --pth-line, kartın
	   kenarını tek başına taşıyacak kadar görünür olmak zorunda. */
	--pth-line: #dcdee3;
	--pth-line-soft: #ebedf0;
	--pth-line-input: #cfd2d8;

	--pth-accent: #165ec9;
	--pth-accent-dk: #104a9f;
	--pth-accent-soft: #eef3fb;

	--pth-green: #1a7f37;
	--pth-green-soft: #eef7f0;
	--pth-amber: #8a5200;
	--pth-amber-soft: #fbf3e3;
	--pth-red: #b42318;

	/* Zemin tonu — başlık satırı, kenar menüsü hover'ı, pasif alanlar. */
	--pth-card: #fafafb;

	--pth-radius: 4px;
	--pth-radius-sm: 4px;
	--pth-radius-xs: 3px;
	/* Eski --pth-pill (999px) kaldırıldı: hap biçimi süstü. Etiket ve küçük
	   butonlar artık 3px köşeyle, veri gibi duruyor. */
	--pth-radius-tag: 3px;

	--pth-kontrol-h: 36px;
	--pth-buton-h: 34px;
	--pth-satir-h: 33px;

	--pth-font: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
}

/* ---- Sayfa başlığı ----
   Gerçek markup: themes/flatsome/woocommerce/myaccount/header.php basıyor,
   "<h1 class="uppercase mb-0">PT Üye Merkezi</h1>" — tema dosyasına dokunmadan
   yalnız CSS ile tüm-büyük-harften normal cümle düzenine dönüyoruz. */
body.pt-hesabim .my-account-header h1 {
	font-family: var(--pth-font);
	font-size: 19px;
	font-weight: 600;
	letter-spacing: -0.01em;
	text-transform: none;
	color: var(--pth-ink);
}

/* ---- İçerik alanı ---- */
body.pt-hesabim .woocommerce-MyAccount-content {
	font-family: var(--pth-font);
	font-size: 14px;
	color: var(--pth-ink);
	line-height: 1.5;
}

/* ---- İki kolonlu düzen ----
 * Gerçek yapı (Flatsome page-my-account.php:22-41, tema override'ı yok):
 *
 *   .row.vertical-tabs
 *     .large-3.col.col-border        ← Flatsome grid'in kendi sol kolonu
 *       account-user.php               (avatar + ad, Flatsome basıyor)
 *       <nav class="woocommerce-MyAccount-navigation">
 *         <ul id="my-account-nav" ...>
 *           account-links.php          ← BU EKLENTİNİN <li>'leri buraya düşer
 *     .large-9.col                    ← Flatsome grid'in kendi sağ kolonu
 *       .woocommerce > .woocommerce-MyAccount-content
 *
 * Sütun genişliği ayrımını Flatsome'ın kendi grid'i yapıyor — burada flex ile
 * yeniden kurmuyoruz, yalnız iki kolonun İÇİNİ stilliyoruz.
 */

/* ---- Avatar bloğu (Flatsome account-user.php) ----
 * 70px'lik gravatar + iki satır metin, kenar menüsünün üstünde ~100px dikey
 * yer kaplıyordu ve hiçbir bilgi taşımıyor (kullanıcı kendi hesabında,
 * kim olduğunu biliyor; ad zaten panelde "Merhaba, X" olarak yazıyor).
 * Görsel kaldırılıyor, kalan ad kenar menüsünün başlık satırına dönüşüyor —
 * yer kaybı ~100px'den ~26px'e iniyor. Şablon DÜZENLENMİYOR, yalnız CSS. */
body.pt-hesabim .account-user {
	display: block;
	margin: 0 0 8px;
	padding: 0;
	line-height: 1.3;
}

body.pt-hesabim .account-user .image {
	display: none !important;
}

body.pt-hesabim .account-user .user-name {
	display: block;
	margin: 0;
	font-family: var(--pth-font);
	font-size: 11.5px;
	font-weight: 600;
	letter-spacing: .06em;
	text-transform: uppercase;
	color: var(--pth-ink-faint);
}

/* Kullanıcı numarası (#12) — kimlik bilgisi değil, gürültü. */
body.pt-hesabim .account-user .user-id {
	display: none;
}

/* ---- Kenar menüsü kabuğu (sol kolon) ----
 * Gri hap kutu yerine 1px çerçeveli düz bir liste. İç boşluk yok: satırlar
 * kenardan kenara gidiyor, aktif satırın sol şeridi çerçeveye yapışıyor. */
/* Flatsome kenar menusu sutununa `col-border` sinifi veriyor ve o sutuna
   AYRI bir dikey cizgi ciziyor (`.large-3.col.col-border` uzerinde
   border-right). Bizim kendi kutu kenarligimizla ust uste biniyordu: iki
   paralel cizgi, ustelik tema sutunu menuden daha uzun oldugu icin (olculdu:
   516px vs 452px) cizgilerden biri menu bittikten sonra asagi devam ediyordu.
   Kutu bizim, dolayisiyla tema sutununun cizgisini KENDI kapsamimizda
   kapatiyoruz — sablonu degistirmeden, salter kapaninca geri geliyor. */
body.pt-hesabim .woocommerce-MyAccount-navigation {
	background: #fff;
	border: 1px solid var(--pth-line);
	border-radius: var(--pth-radius);
	padding: 0;
	overflow: hidden;
	font-family: var(--pth-font);
}

body.pt-hesabim .row.vertical-tabs > .col-border {
	border-right: 0;
}

body.pt-hesabim #my-account-nav {
	width: 100%;
	flex-flow: column nowrap;
	padding: 0;
	margin: 0;
	row-gap: 0;
}

body.pt-hesabim #my-account-nav > li {
	width: 100%;
	list-style: none;
	margin-left: 0 !important;
}

/* Flatsome'ın .nav-line'ı her satıra dekoratif bir kenar çubuğu (:before)
   ekliyor — kendi aktif şeridimizle çakışmasın diye kapatılıyor. */
body.pt-hesabim #my-account-nav > li > a:before {
	content: none;
	display: none;
}

/* Satır. Yükseklik TÜM satırlarda aynı (--pth-satir-h): metin nowrap +
 * ellipsis, çünkü tek uzun etiket ("İade/Değişim Talep Formu") iki satıra
 * sarınca 61px'e çıkıp ritmi bozuyordu. 13px'te o etiket ~172px, satırın
 * metin alanı ~230px — bugünkü etiketlerin hiçbiri kırpılmıyor; ellipsis
 * yalnız ileride eklenecek daha uzun bir etiket için güvence.
 *
 * Sol 2px'lik şerit her satırda AYRILMIŞ (şeffaf) — aktif olunca renklenir,
 * böylece aktif satır metni yatay olarak kaymaz. */
body.pt-hesabim #my-account-nav .woocommerce-MyAccount-navigation-link > a {
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	gap: 8px;
	min-height: var(--pth-satir-h);
	padding: 6px 10px;
	border-left: 2px solid transparent;
	border-radius: 0;
	color: var(--pth-ink-soft);
	font-size: 13px;
	font-weight: 500;
	line-height: 1.45;
	text-transform: none;
	letter-spacing: normal;
	text-decoration: none;
	transition: background-color .12s ease, color .12s ease;
}

/* Hover — YALNIZ nötr bir zemin tonu. Aktif satırın dilinden (aksan zemin +
 * aksan şerit + aksan metin) kasten çok uzak: eski sürümde hover da beyaz bir
 * hap + mavi ikon kutucuğu basıyordu ve aktif satırdan ayırt edilemiyordu —
 * "aynı anda iki satır aktif görünüyor" hatasının gerçek sebebi buydu
 * (DOM'da her zaman tek `is-active` vardı, sorun tamamen görseldi). */
body.pt-hesabim #my-account-nav .woocommerce-MyAccount-navigation-link > a:hover {
	background: var(--pth-line-soft);
	color: var(--pth-ink);
}

/* İkon — tek renk glif, kutucuk YOK.
 *
 * Seçici SADECE gerçek kenar menüsünü (.woocommerce-MyAccount-navigation)
 * kapsıyor: account-links.php aynı .pt-hesabim-ikon sınıfını header hesap
 * açılırında da basıyor ve oranın ölçüsü class-pt-hesabim.php::
 * header_dropdown_stilini_bas() ile site genelinde ayrıca veriliyor. Üç
 * sınıflı bu seçici oradaki tek sınıflı kuraldan daha spesifik olduğu için
 * kenar menüsünde her zaman kazanır. */
body.pt-hesabim .woocommerce-MyAccount-navigation .pt-hesabim-ikon {
	flex: none;
	display: block;
	width: 16px;
	height: 16px;
	background: none;
	border-radius: 0;
	color: var(--pth-ink-faint);
	transition: color .12s ease;
}

body.pt-hesabim #my-account-nav .woocommerce-MyAccount-navigation-link > a:hover .pt-hesabim-ikon {
	color: var(--pth-ink-soft);
}

body.pt-hesabim .pt-hesabim-etiket {
	flex: 1 1 auto;
	min-width: 0;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

/* Etiketin ölçüsü <a>'ya DEĞİL bu span'a yazılıyor. Gerekçe canlı DOM'da
 * ölçüldü: Flatsome'ın `.nav > li > a{font-size:16px}` kuralı `!important`
 * taşıyor, bizim ID'li (dolayısıyla çok daha spesifik) kuralımız bile onu
 * geçemiyor — <a> her koşulda 16px kalıyor ve satır 36px'e şişiyordu.
 * O kural span'a değmediği için ölçüyü buraya vermek `!important` yarışına
 * girmeden çözüyor. Kapsam kenar menüsü: aynı sınıf header hesap açılırında
 * da basılıyor, oranın ölçüsü class-pt-hesabim.php'den geliyor. */
body.pt-hesabim .woocommerce-MyAccount-navigation .pt-hesabim-etiket {
	font-size: 13px;
	font-weight: 500;
	line-height: 20px;
}

body.pt-hesabim #my-account-nav .woocommerce-MyAccount-navigation-link.is-active .pt-hesabim-etiket {
	font-weight: 600;
}

/* Aktif satır — açık aksan zemini + 2px sol şerit. Gölge yok, beyaz hap yok. */
body.pt-hesabim #my-account-nav .woocommerce-MyAccount-navigation-link.is-active > a,
body.pt-hesabim #my-account-nav .woocommerce-MyAccount-navigation-link.is-active > a:hover {
	background: var(--pth-accent-soft);
	border-left-color: var(--pth-accent);
	color: var(--pth-accent);
	font-weight: 600;
}

body.pt-hesabim #my-account-nav .woocommerce-MyAccount-navigation-link.is-active .pt-hesabim-ikon,
body.pt-hesabim #my-account-nav .woocommerce-MyAccount-navigation-link.is-active > a:hover .pt-hesabim-ikon {
	background: none;
	color: var(--pth-accent);
}

/* Çıkış satırı */
body.pt-hesabim #my-account-nav .woocommerce-MyAccount-navigation-link--customer-logout > a {
	color: var(--pth-ink-faint);
}

/* ---- Grup başlıkları ----
 * account-links.php ÜÇ farklı yerden çağrılıyor: gerçek kenar menüsü
 * (.woocommerce-MyAccount-navigation, solda) ve header hesap açılırının iki
 * kopyası (element-account.php → li.account-item > ul.nav-dropdown,
 * element-account-sidebar.php → li.account-item > ul.children). Grup başlığı
 * <li>'leri yalnız gerçek menüde anlamlı; varsayılan gizli tutulup yalnız
 * gerçek nav'ın sarmalayıcısı içinde geri açılıyor.
 *
 * NOT: hesabim.css yalnız Üye Merkezi sayfalarında yükleniyor (kapsamda_mi()),
 * ama açılır kopyası SİTENİN HER SAYFASINDA render oluyor — bu yüzden
 * "varsayılan gizle" kuralı ayrıca PT_Hesabim::grup_basligi_varsayilan_gizle()
 * ile her sayfada da basılıyor.
 *
 * display:none!important / display:block!important — canlı DOM'da ölçüldü:
 * Flatsome'ın `.nav-dropdown li{display:block}` kuralı (element+class) salt
 * class seçicisinden daha spesifik olduğu için !important'sız hâli eziyordu.
 */
body.pt-hesabim .pt-hesabim-grup {
	display: none !important;
	list-style: none;
	margin: 0;
	padding: 8px 10px 2px;
	border-top: 1px solid var(--pth-line-soft);
	font-size: 10.5px;
	line-height: 1.4;
	font-weight: 600;
	letter-spacing: .07em;
	text-transform: uppercase;
	color: var(--pth-ink-faint);
}

body.pt-hesabim .pt-hesabim-grup:first-child {
	padding-top: 4px;
	border-top: none;
}

body.pt-hesabim .woocommerce-MyAccount-navigation .pt-hesabim-grup {
	display: block !important;
}

@media (max-width: 849px) {
	body.pt-hesabim .woocommerce-MyAccount-navigation {
		margin-bottom: 16px;
	}
}

/* ====================================================================
 * Panel — dashboard.php (Üye Merkezi anasayfası, sağ kolon)
 * Üç katman: özet şeridi → son siparişler → kısayol kartları.
 * ==================================================================== */

body.pt-hesabim .pt-hesabim-panel {
	font-family: var(--pth-font);
	color: var(--pth-ink);
}

/* ---- Selamlama ---- */
body.pt-hesabim .pt-hesabim-selam {
	margin-bottom: 14px;
}

body.pt-hesabim .pt-hesabim-selam-baslik {
	font-size: 16px;
	font-weight: 600;
	letter-spacing: normal;
	color: var(--pth-ink);
	margin: 0 0 2px;
}

body.pt-hesabim .pt-hesabim-selam-aciklama {
	font-size: 13px;
	color: var(--pth-ink-soft);
	margin: 0;
}

/* ---- 1) Özet şeridi ----
   Bunlar VERİ, kahraman değil: düz, çerçeveli, küçük rakam. */
body.pt-hesabim .pt-hesabim-ozet-serit {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 8px;
	margin-bottom: 14px;
}

body.pt-hesabim .pt-hesabim-ozet-kart {
	display: flex;
	flex-direction: column;
	gap: 2px;
	background: #fff;
	border: 1px solid var(--pth-line);
	border-radius: var(--pth-radius);
	padding: 9px 12px;
}

body.pt-hesabim .pt-hesabim-ozet-etiket {
	font-size: 10.5px;
	font-weight: 600;
	letter-spacing: .07em;
	text-transform: uppercase;
	color: var(--pth-ink-faint);
}

body.pt-hesabim .pt-hesabim-ozet-deger {
	font-size: 18px;
	font-weight: 600;
	line-height: 1.2;
	font-variant-numeric: tabular-nums;
	color: var(--pth-ink);
}

/* ---- 2) Son siparişler ---- */
body.pt-hesabim .pt-hesabim-siparisler {
	background: #fff;
	border: 1px solid var(--pth-line);
	border-radius: var(--pth-radius);
	padding: 0;
	margin-bottom: 14px;
}

body.pt-hesabim .pt-hesabim-siparisler-baslik {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	padding: 8px 12px;
	border-bottom: 1px solid var(--pth-line);
	background: var(--pth-card);
}

body.pt-hesabim .pt-hesabim-siparisler-baslik h3 {
	font-size: 11px;
	font-weight: 600;
	letter-spacing: .07em;
	text-transform: uppercase;
	color: var(--pth-ink-faint);
	margin: 0;
}

body.pt-hesabim .pt-hesabim-siparisler-baslik a {
	flex: none;
	font-size: 12px;
	font-weight: 500;
	color: var(--pth-accent);
	text-decoration: none;
	white-space: nowrap;
}

body.pt-hesabim .pt-hesabim-siparisler-baslik a:hover {
	color: var(--pth-accent-dk);
	text-decoration: underline;
}

body.pt-hesabim .pt-hesabim-siparis-liste {
	list-style: none;
	margin: 0;
	padding: 0;
}

body.pt-hesabim .pt-hesabim-siparis-satir {
	border-top: 1px solid var(--pth-line-soft);
}

body.pt-hesabim .pt-hesabim-siparis-satir:first-child {
	border-top: none;
}

body.pt-hesabim .pt-hesabim-siparis-link {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 7px 12px;
	text-decoration: none;
	color: inherit;
	transition: background-color .12s ease;
}

body.pt-hesabim .pt-hesabim-siparis-link:hover {
	background: var(--pth-card);
}

body.pt-hesabim .pt-hesabim-siparis-bilgi {
	display: flex;
	flex-direction: column;
	flex: 1 1 auto;
	min-width: 0;
}

body.pt-hesabim .pt-hesabim-siparis-no {
	font-size: 13px;
	font-weight: 600;
	color: var(--pth-ink);
}

body.pt-hesabim .pt-hesabim-siparis-meta {
	font-size: 12px;
	color: var(--pth-ink-soft);
}

/* Durum etiketi — hap değil, veri etiketi: 3px köşe, 1px çerçeve. */
body.pt-hesabim .pt-hesabim-hap {
	flex: none;
	padding: 1px 6px;
	border: 1px solid;
	border-radius: var(--pth-radius-tag);
	font-size: 11px;
	font-weight: 500;
	line-height: 1.6;
	white-space: nowrap;
}

body.pt-hesabim .pt-hesabim-hap--tamamlanan {
	background: var(--pth-green-soft);
	border-color: rgba(26,127,55,.3);
	color: var(--pth-green);
}

body.pt-hesabim .pt-hesabim-hap--bekleyen {
	background: var(--pth-amber-soft);
	border-color: rgba(138,82,0,.3);
	color: var(--pth-amber);
}

body.pt-hesabim .pt-hesabim-hap--diger {
	background: var(--pth-card);
	border-color: var(--pth-line);
	color: var(--pth-ink-soft);
}

body.pt-hesabim .pt-hesabim-siparis-tutar {
	flex: none;
	font-size: 13px;
	font-weight: 600;
	font-variant-numeric: tabular-nums;
	color: var(--pth-ink);
	text-align: right;
}

/* ---- 3) Kısayol kartları ---- */
body.pt-hesabim .pt-hesabim-kisayollar {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 8px;
}

body.pt-hesabim .pt-hesabim-kisayol-kart {
	display: flex;
	align-items: flex-start;
	gap: 9px;
	padding: 10px 12px;
	background: #fff;
	border: 1px solid var(--pth-line);
	border-radius: var(--pth-radius);
	text-decoration: none;
	color: inherit;
	transition: background-color .12s ease, border-color .12s ease;
}

body.pt-hesabim .pt-hesabim-kisayol-kart:hover {
	background: var(--pth-card);
	border-color: var(--pth-ink-faint);
}

/* İkon — kutucuk yok, aksan yok; nötr glif. */
body.pt-hesabim .pt-hesabim-kisayol-ikon {
	flex: none;
	display: block;
	width: 16px;
	height: 16px;
	margin-top: 2px;
	background: none;
	border-radius: 0;
	color: var(--pth-ink-faint);
}

body.pt-hesabim .pt-hesabim-kisayol-ikon svg {
	display: block;
	width: 16px;
	height: 16px;
}

body.pt-hesabim .pt-hesabim-kisayol-metin {
	display: flex;
	flex-direction: column;
	min-width: 0;
}

body.pt-hesabim .pt-hesabim-kisayol-baslik {
	font-size: 13px;
	font-weight: 600;
	color: var(--pth-ink);
}

body.pt-hesabim .pt-hesabim-kisayol-aciklama {
	font-size: 12px;
	color: var(--pth-ink-soft);
	line-height: 1.35;
}

@media (max-width: 599px) {
	body.pt-hesabim .pt-hesabim-ozet-serit {
		grid-template-columns: 1fr;
	}

	body.pt-hesabim .pt-hesabim-kisayollar {
		grid-template-columns: 1fr;
	}

	body.pt-hesabim .pt-hesabim-siparis-link {
		flex-wrap: wrap;
	}

	body.pt-hesabim .pt-hesabim-siparis-tutar {
		text-align: left;
	}
}

/* ---- iTeam hoş geldin kuponu kartı ----------------------------------
 * dashboard.php `woocommerce_account_dashboard` kancasını basıyor; iteam bu
 * kancaya referansla gelen müşterinin hoş geldin kuponu kartını
 * (`.esa-welcome-widget` > `.esa-coupon-card`) bağlıyor. Kart kendi <style>
 * bloğunu birlikte basıyor (mor gradyan, kendi ölçüleri). iteam eklentisi
 * DÜZENLENMİYOR ve kartın rengi/ölçüsü de DEĞİŞTİRİLMİYOR — burada yalnız
 * yazı tipi sitenin geri kalanıyla hizalanıyor. ---------------------- */
body.pt-hesabim .esa-welcome-widget {
	font-family: var(--pth-font);
}

/* ====================================================================
 * Adres listesi — my-address.php ("Adresler" sekmesi; edit-address ile
 * karıştırma — bu, iki kart hâlindeki ÖZET liste).
 * ==================================================================== */

body.pt-hesabim .pt-hesabim-adresler {
	font-family: var(--pth-font);
	color: var(--pth-ink);
}

body.pt-hesabim .pt-hesabim-adresler-aciklama {
	font-size: 13px;
	color: var(--pth-ink-soft);
	margin: 0 0 12px;
}

body.pt-hesabim .pt-hesabim-adres-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 8px;
}

body.pt-hesabim .pt-hesabim-adres-kart {
	background: #fff;
	border: 1px solid var(--pth-line);
	border-radius: var(--pth-radius);
	padding: 0;
}

body.pt-hesabim .pt-hesabim-adres-baslik {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	padding: 8px 12px;
	border-bottom: 1px solid var(--pth-line);
	background: var(--pth-card);
	margin-bottom: 0;
}

body.pt-hesabim .pt-hesabim-adres-baslik h2 {
	font-size: 11px;
	font-weight: 600;
	letter-spacing: .07em;
	text-transform: uppercase;
	color: var(--pth-ink-faint);
	margin: 0;
}

body.pt-hesabim .pt-hesabim-adres-duzenle {
	flex: none;
	font-size: 12px;
	font-weight: 500;
	color: var(--pth-accent);
	text-decoration: none;
}

body.pt-hesabim .pt-hesabim-adres-duzenle:hover {
	color: var(--pth-accent-dk);
	text-decoration: underline;
}

body.pt-hesabim .pt-hesabim-adres-govde {
	display: block;
	font-style: normal;
	font-size: 13px;
	line-height: 1.5;
	color: var(--pth-ink-soft);
	padding: 10px 12px;
	margin: 0;
}

@media (max-width: 599px) {
	body.pt-hesabim .pt-hesabim-adres-grid {
		grid-template-columns: 1fr;
	}
}

/* ====================================================================
 * Form kontrolleri — ortak dil.
 *
 * Adres DÜZENLEME formu (form-edit-address.php) bu eklentide OVERRIDE
 * EDİLMİYOR — yalnız CSS. pt-adres, alan ID'lerine (#billing_state,
 * #billing_city, #billing_address_1/2 ve shipping_ eşdeğerleri), `_field`
 * sarmalayıcılarına ve satır-sınıfı gridine bağımlı; bu blokta o yüzden
 * HİÇBİR genişlik/float/grid kuralı yok — yalnız kontrollerin görünümü.
 * pt-adres'in kendi sokak seçicisi de aynı `.woocommerce-address-fields__
 * field-wrapper` sarmalayıcısının içinde olduğu için aşağıdaki genel
 * seçiciler onu otomatik kapsar.
 * ==================================================================== */

body.pt-hesabim .woocommerce-address-fields {
	font-family: var(--pth-font);
}

/* "Fatura adresi" / "Teslimat adresi" başlığı. DİKKAT: stok şablonda bu <h2>
 * `.woocommerce-address-fields` sarmalayıcısının İÇİNDE DEĞİL — <form>
 * açıldıktan hemen sonra geliyor, sarmalayıcı div ondan sonra. Seçici o
 * yüzden formun doğrudan çocuğunu hedefliyor. */
body.pt-hesabim .woocommerce-MyAccount-content > form > h2 {
	font-family: var(--pth-font);
	font-size: 15px;
	font-weight: 600;
	color: var(--pth-ink);
	margin: 0 0 12px;
}

body.pt-hesabim .woocommerce-address-fields__field-wrapper .form-row {
	margin-bottom: 12px;
}

body.pt-hesabim .woocommerce-address-fields__field-wrapper .form-row label,
body.pt-hesabim .woocommerce-EditAccountForm .form-row label,
body.pt-hesabim #alisverissiz_odeme_formu label {
	display: block;
	font-size: 11px;
	font-weight: 600;
	letter-spacing: .06em;
	text-transform: uppercase;
	color: var(--pth-ink-faint);
	margin-bottom: 4px;
}

/* Zorunlu yıldız WooCommerce standardı — kırmızı kalır. */
body.pt-hesabim .woocommerce-address-fields__field-wrapper .form-row label .required,
body.pt-hesabim .woocommerce-EditAccountForm .form-row label .required {
	color: var(--pth-red);
	text-decoration: none;
}

body.pt-hesabim .woocommerce-address-fields__field-wrapper .optional {
	color: var(--pth-ink-faint);
	font-weight: 400;
	text-transform: none;
	letter-spacing: normal;
}

body.pt-hesabim .woocommerce-address-fields__field-wrapper input.input-text,
body.pt-hesabim .woocommerce-address-fields__field-wrapper select,
body.pt-hesabim .woocommerce-address-fields__field-wrapper textarea,
body.pt-hesabim .woocommerce-EditAccountForm input.input-text,
body.pt-hesabim #alisverissiz_odeme_formu input.input-text {
	width: 100%;
	height: var(--pth-kontrol-h);
	padding: 0 10px;
	background: #fff;
	border: 1px solid var(--pth-line-input);
	border-radius: var(--pth-radius);
	font-family: var(--pth-font);
	font-size: 13.5px;
	color: var(--pth-ink);
	/* Tema (Flatsome) input'lara iç gölge basıyor — söndürülüyor. */
	box-shadow: none;
	transition: border-color .12s ease;
}

body.pt-hesabim .woocommerce-address-fields__field-wrapper textarea {
	height: auto;
	min-height: 72px;
	padding-top: 8px;
	padding-bottom: 8px;
}

/* Odak — gölge değil `outline`. Bu dosyada gölge üreten hiçbir bildirim yok. */
body.pt-hesabim .woocommerce-address-fields__field-wrapper input.input-text:focus,
body.pt-hesabim .woocommerce-address-fields__field-wrapper select:focus,
body.pt-hesabim .woocommerce-address-fields__field-wrapper textarea:focus,
body.pt-hesabim .woocommerce-EditAccountForm input.input-text:focus,
body.pt-hesabim #alisverissiz_odeme_formu input.input-text:focus {
	border-color: var(--pth-accent);
	box-shadow: none;
	outline: 2px solid rgba(22, 94, 201, .35);
	outline-offset: -1px;
}

/* select2/selectWoo — il, ilçe, mahalle ve pt-adres'in sokak seçicisi. */
body.pt-hesabim .woocommerce-address-fields__field-wrapper .select2-container .select2-selection--single {
	height: var(--pth-kontrol-h);
	background: #fff;
	border: 1px solid var(--pth-line-input);
	border-radius: var(--pth-radius);
	display: flex;
	align-items: center;
	box-shadow: none;
	transition: border-color .12s ease;
}

body.pt-hesabim .woocommerce-address-fields__field-wrapper .select2-selection__rendered {
	padding-left: 10px !important;
	font-size: 13.5px;
	color: var(--pth-ink);
	line-height: 34px !important;
}

body.pt-hesabim .woocommerce-address-fields__field-wrapper .select2-selection__arrow {
	height: 34px !important;
	right: 8px !important;
}

/*
 * Ok işareti — select2/selectWoo oku CSS üçgeniyle çiziliyor. Flatsome'ın
 * KENDİ genel CSS'i sitedeki TÜM select2 oklarını
 * `.select2-selection__arrow b{border-color:transparent!important}` ile
 * şeffaflaştırıyor; Ödeme sayfasında tema kendi pt-checkout.css'inde geri
 * açıyor ama Hesabım'ın adres formu o kapsamın dışında. Tema dosyasına
 * dokunmadan aynı düzeltmeyi kendi kapsamımızda tekrar ediyoruz.
 */
body.pt-hesabim .woocommerce-address-fields__field-wrapper .select2-selection__arrow b {
	border-color: var(--pth-ink-soft) transparent transparent transparent !important;
}

body.pt-hesabim .woocommerce-address-fields__field-wrapper .select2-container--open .select2-selection--single,
body.pt-hesabim .woocommerce-address-fields__field-wrapper .select2-container--focus .select2-selection--single {
	border-color: var(--pth-accent);
	box-shadow: none;
	outline: 2px solid rgba(22, 94, 201, .35);
	outline-offset: -1px;
}

/* select2 açılır listesi — aynı dil: 4px köşe, 1px çizgi, gölgesiz. */
body.pt-hesabim .select2-container--default .select2-dropdown {
	border-color: var(--pth-line-input);
	border-radius: var(--pth-radius);
	box-shadow: none;
}

body.pt-hesabim .select2-container--default .select2-results__option {
	font-family: var(--pth-font);
	font-size: 13.5px;
	padding: 5px 10px;
}

/* Pasif sokak seçici (pt-adres .pt-adres-satir--pasif) — pt-adres.css
   düzenlenmiyor, yalnız çerçeve dili bizden. */
body.pt-hesabim .pt-adres-satir--pasif .select2-selection--single {
	background: var(--pth-card);
	border-color: var(--pth-line);
}

/* ---- Butonlar — tek dil ---- */
body.pt-hesabim .woocommerce-address-fields button[name="save_address"],
body.pt-hesabim .woocommerce-EditAccountForm button[name="save_account_details"],
body.pt-hesabim .pt-iys-account button.button {
	height: var(--pth-buton-h);
	padding: 0 16px;
	background: var(--pth-accent);
	border: 1px solid var(--pth-accent);
	border-radius: var(--pth-radius);
	color: #fff;
	font-family: var(--pth-font);
	font-size: 13px;
	font-weight: 600;
	letter-spacing: normal;
	text-transform: none;
	box-shadow: none;
	cursor: pointer;
	transition: background-color .12s ease, border-color .12s ease;
}

body.pt-hesabim .woocommerce-address-fields button[name="save_address"]:hover,
body.pt-hesabim .woocommerce-EditAccountForm button[name="save_account_details"]:hover,
body.pt-hesabim .pt-iys-account button.button:hover {
	background: var(--pth-accent-dk);
	border-color: var(--pth-accent-dk);
	box-shadow: none;
}

/* ---- pt-adres'in kendi sınıfları — markup'a dokunulmuyor, yalnız yazı tipi
   aynı token setinden gelsin diye eşitleniyor. pt-adres.css DÜZENLENMİYOR. */
body.pt-hesabim .pt-adres-uyari,
body.pt-hesabim .pt-adres-kutucuk,
body.pt-hesabim .pt-adres-eski,
body.pt-hesabim .pt-adres-temizle {
	font-family: var(--pth-font);
	font-size: 12px;
}

/* ====================================================================
 * Giriş / Üye Ol ekranı — form-login.php (override EDİLMİYOR, yalnız CSS).
 * Yapı theme'in styleCustom.css'indeki .pt-login-docs bloğundan geliyor.
 *
 * DİKKAT — bu blok İKİ yüzeyi birden etkiliyor: `.pt-login-docs` sınıfını
 * themes/pt/woocommerce/myaccount/account-type.php de basıyor, yani
 * `/hesabim/pt-account-type` ("Hesap Türü") ekranı da bu override'ları alıyor.
 * Bu bloğu değiştiren biri DEĞİŞİKLİĞİ İKİ EKRANDA DA doğrulamalı.
 * ==================================================================== */

body.pt-hesabim .pt-login-docs {
	font-family: var(--pth-font);
	color: var(--pth-ink);
}

body.pt-hesabim .pt-login-docs .auth-container,
body.pt-hesabim .pt-login-docs .social-login,
body.pt-hesabim .pt-login-docs .help-section {
	background-color: #fff;
	border: 1px solid var(--pth-line);
	border-radius: var(--pth-radius);
	box-shadow: none;
}

body.pt-hesabim .pt-login-docs .tab.active {
	color: var(--pth-accent);
	border-bottom-color: var(--pth-accent);
}

body.pt-hesabim .pt-login-docs .form-group input {
	height: var(--pth-kontrol-h);
	padding: 0 10px;
	background: #fff;
	border: 1px solid var(--pth-line-input);
	border-radius: var(--pth-radius);
	font-family: var(--pth-font);
	font-size: 13.5px;
	color: var(--pth-ink);
	box-shadow: none;
	transition: border-color .12s ease;
}

body.pt-hesabim .pt-login-docs .form-group input:focus {
	border-color: var(--pth-accent);
	box-shadow: none;
	outline: 2px solid rgba(22, 94, 201, .35);
	outline-offset: -1px;
}

body.pt-hesabim .pt-login-docs .btn-primary {
	height: var(--pth-buton-h);
	padding: 0 16px;
	background: var(--pth-accent);
	border: 1px solid var(--pth-accent);
	border-radius: var(--pth-radius);
	color: #fff;
	font-family: var(--pth-font);
	font-size: 13px;
	font-weight: 600;
	box-shadow: none;
	transition: background-color .12s ease;
}

body.pt-hesabim .pt-login-docs .btn-primary:hover {
	background: var(--pth-accent-dk);
	border-color: var(--pth-accent-dk);
}

body.pt-hesabim .pt-login-docs .forgot-password,
body.pt-hesabim .pt-login-docs .terms-text a {
	color: var(--pth-accent);
}

/* ====================================================================
 * Sipariş listesi — orders.php ("Siparişlerim" sekmesi). Markup stok
 * WooCommerce sınıflarını korur; başka eklentilerin (ör. pt-pdf-fatura'nın
 * "Fatura" sütunu) eklediği hücreler de aynı genel kurallara yakalanır —
 * kolon sayısı/sırası koda sabit yazılmadı.
 * ==================================================================== */

/* Sarmalayıcı YATAY KAYDIRILABİLİR olmak ZORUNDA: bu sitede WooCommerce'in
 * shop_table_responsive stacking'i devre dışı (tema woocommerce-smallscreen
 * stilini deregister ediyor) ve yerine koyan yok; tablo her genişlikte gerçek
 * bir <table>. `overflow:hidden` olsaydı son sütunlar dar ekranda kırpılır ve
 * TIKLANAMAZ hâle gelirdi. */
body.pt-hesabim .pt-hesabim-siparis-tablo-sarmalayici {
	background: #fff;
	border: 1px solid var(--pth-line);
	border-radius: var(--pth-radius);
	overflow-x: auto;
}

body.pt-hesabim table.pt-hesabim-siparis-tablo {
	width: 100%;
	border-collapse: collapse;
	margin: 0;
	font-family: var(--pth-font);
}

body.pt-hesabim table.pt-hesabim-siparis-tablo thead th {
	text-align: left;
	padding: 8px 12px;
	font-size: 10.5px;
	font-weight: 600;
	letter-spacing: .07em;
	text-transform: uppercase;
	color: var(--pth-ink-faint);
	border-bottom: 1px solid var(--pth-line);
	background: var(--pth-card);
	white-space: nowrap;
}

body.pt-hesabim table.pt-hesabim-siparis-tablo tbody td,
body.pt-hesabim table.pt-hesabim-siparis-tablo tbody th {
	padding: 8px 12px;
	border-top: 1px solid var(--pth-line-soft);
	font-size: 13px;
	color: var(--pth-ink);
	vertical-align: middle;
	font-weight: 400;
	text-align: left;
}

body.pt-hesabim table.pt-hesabim-siparis-tablo tbody tr:first-child td,
body.pt-hesabim table.pt-hesabim-siparis-tablo tbody tr:first-child th {
	border-top: none;
}

body.pt-hesabim .pt-hesabim-siparis-tablo-no {
	font-weight: 600;
	color: var(--pth-ink);
	text-decoration: none;
}

body.pt-hesabim .pt-hesabim-siparis-tablo-no:hover {
	color: var(--pth-accent);
}

/* Tarih hücresi sarmasın ("12 Ağustos" / "2026" iki satıra bölünüp satırı
   gereksiz yükseltiyordu). Eylem hücresine BİLEREK dokunulmuyor: orada
   nowrap denendi ve üçüncü buton ("Vazgeç") sarmalayıcının görünür alanının
   dışına, yatay kaydırmanın arkasına düşüyordu — gizlenen bir eylemdense
   iki satırlık bir hücre yeğdir. */
body.pt-hesabim table.pt-hesabim-siparis-tablo .woocommerce-orders-table__cell-order-date {
	white-space: nowrap;
}

body.pt-hesabim table.pt-hesabim-siparis-tablo .woocommerce-orders-table__cell-order-total {
	font-weight: 600;
	font-variant-numeric: tabular-nums;
	white-space: nowrap;
}

/* Aksiyon/fatura hücrelerindeki TÜM buton benzeri linkler — kendi
 * eylemlerimiz (Öde/Görüntüle/İptal) VE başka eklentilerin eklediği
 * .button/.woocommerce-button sınıflı linkler (ör. pt-pdf-fatura'nın "Fatura
 * İndir"i) dahil, tek dilde giydiriliyor. */
body.pt-hesabim table.pt-hesabim-siparis-tablo .woocommerce-orders-table__cell a.button,
body.pt-hesabim table.pt-hesabim-siparis-tablo .woocommerce-orders-table__cell a.woocommerce-button {
	display: inline-flex;
	align-items: center;
	height: 26px;
	padding: 0 8px;
	margin: 1px 4px 1px 0;
	background: #fff;
	border: 1px solid var(--pth-line-input);
	border-radius: var(--pth-radius-tag);
	color: var(--pth-ink-soft);
	font-size: 12px;
	font-weight: 500;
	text-decoration: none;
	white-space: nowrap;
	box-shadow: none;
	transition: border-color .12s ease, color .12s ease;
}

body.pt-hesabim table.pt-hesabim-siparis-tablo .woocommerce-orders-table__cell a.button:hover,
body.pt-hesabim table.pt-hesabim-siparis-tablo .woocommerce-orders-table__cell a.woocommerce-button:hover {
	border-color: var(--pth-accent);
	color: var(--pth-accent);
}

/* "Öde" eylemi vurgulu (ödeme bekleyen sipariş). Seçici yukarıdaki genel
   kuralla AYNI özgüllükte tutuluyor — kısa yazılırsa genel kural onu ezer. */
body.pt-hesabim table.pt-hesabim-siparis-tablo .woocommerce-orders-table__cell a.pt-hesabim-buton--pay {
	background: var(--pth-accent);
	border-color: var(--pth-accent);
	color: #fff;
}

body.pt-hesabim table.pt-hesabim-siparis-tablo .woocommerce-orders-table__cell a.pt-hesabim-buton--pay:hover {
	background: var(--pth-accent-dk);
	border-color: var(--pth-accent-dk);
	color: #fff;
}

/* Sayfalama */
body.pt-hesabim .pt-hesabim-sayfalama {
	display: flex;
	gap: 6px;
	margin-top: 10px;
}

body.pt-hesabim .pt-hesabim-sayfalama a {
	display: inline-flex;
	align-items: center;
	height: 28px;
	padding: 0 10px;
	background: #fff;
	border: 1px solid var(--pth-line-input);
	border-radius: var(--pth-radius-tag);
	color: var(--pth-ink-soft);
	font-size: 12px;
	font-weight: 500;
	text-decoration: none;
}

body.pt-hesabim .pt-hesabim-sayfalama a:hover {
	border-color: var(--pth-accent);
	color: var(--pth-accent);
}

@media (max-width: 767px) {
	/* DİKKAT — `shop_table_responsive` sınıfı BU SİTEDE ÖLÜ: onun data-title'lı
	   stacking'ini yapan tek dosya WooCommerce'in woocommerce-smallscreen.css'i
	   ve tema onu frontend'de koşulsuz deregister ediyor. Tablo dar ekranda
	   SATIRLARA AYRILMIYOR; okunur kılan tek şey sarmalayıcının overflow-x'i.
	   Burada yalnız hücre iç boşluğu daraltılıyor. */
	body.pt-hesabim table.pt-hesabim-siparis-tablo tbody td,
	body.pt-hesabim table.pt-hesabim-siparis-tablo tbody th {
		padding: 7px 12px;
	}
}

/* ====================================================================
 * Sipariş detayı — view-order.php. Özet kart ve sipariş güncellemeleri BU
 * eklentinin markup'ı; ürün tablosu, toplamlar ve adres kartları STOK
 * WooCommerce şablonlarından geliyor (override edilmiyor) — onların hazır
 * sınıfları hedefleniyor.
 * ==================================================================== */

body.pt-hesabim .pt-hesabim-siparis-detay {
	font-family: var(--pth-font);
	color: var(--pth-ink);
}

/* Standart "visually hidden" tekniği — stok woocommerce_order_details_status
   filtresinin çıktısını erişilebilirlik için DOM'da tutar, ekranda gizler. */
body.pt-hesabim .pt-hesabim-sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

/* ---- Özet kart ---- */
body.pt-hesabim .pt-hesabim-siparis-ozet-kart {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 10px;
	background: #fff;
	border: 1px solid var(--pth-line);
	border-radius: var(--pth-radius);
	padding: 10px 12px;
	margin-bottom: 12px;
}

body.pt-hesabim .pt-hesabim-siparis-ozet-sol {
	display: flex;
	flex-direction: column;
	margin-right: auto;
}

body.pt-hesabim .pt-hesabim-siparis-ozet-etiket {
	font-size: 10.5px;
	font-weight: 600;
	letter-spacing: .07em;
	text-transform: uppercase;
	color: var(--pth-ink-faint);
}

body.pt-hesabim .pt-hesabim-siparis-ozet-no {
	font-size: 15px;
	font-weight: 600;
	color: var(--pth-ink);
}

body.pt-hesabim .pt-hesabim-siparis-ozet-tarih {
	font-size: 12.5px;
	color: var(--pth-ink-soft);
}

/* ---- Sipariş güncellemeleri (order notes) ---- */
body.pt-hesabim .pt-hesabim-siparis-notlar {
	background: #fff;
	border: 1px solid var(--pth-line);
	border-radius: var(--pth-radius);
	padding: 10px 12px;
	margin-bottom: 12px;
}

body.pt-hesabim .pt-hesabim-siparis-notlar h2 {
	font-size: 11px;
	font-weight: 600;
	letter-spacing: .07em;
	text-transform: uppercase;
	color: var(--pth-ink-faint);
	margin: 0 0 8px;
}

body.pt-hesabim .woocommerce-OrderUpdates.notes {
	list-style: none;
	margin: 0;
	padding: 0;
}

body.pt-hesabim .woocommerce-OrderUpdate {
	padding: 7px 0;
	border-top: 1px solid var(--pth-line-soft);
}

body.pt-hesabim .woocommerce-OrderUpdate:first-child {
	border-top: none;
	padding-top: 0;
}

body.pt-hesabim .woocommerce-OrderUpdate-meta {
	font-size: 11px;
	font-weight: 500;
	color: var(--pth-ink-faint);
	margin: 0 0 2px;
}

body.pt-hesabim .woocommerce-OrderUpdate-description {
	font-size: 13px;
	color: var(--pth-ink-soft);
	line-height: 1.5;
}

/* ---- Ürün tablosu — order/order-details.php (override edilmiyor) ---- */
body.pt-hesabim .woocommerce-order-details {
	background: #fff;
	border: 1px solid var(--pth-line);
	border-radius: var(--pth-radius);
	padding: 10px 12px;
	margin-bottom: 12px;
	font-family: var(--pth-font);
}

body.pt-hesabim .woocommerce-order-details__title {
	font-size: 11px;
	font-weight: 600;
	letter-spacing: .07em;
	text-transform: uppercase;
	color: var(--pth-ink-faint);
	margin: 0 0 8px;
}

body.pt-hesabim table.woocommerce-table--order-details {
	width: 100%;
	border-collapse: collapse;
	margin: 0;
}

body.pt-hesabim table.woocommerce-table--order-details thead th {
	text-align: left;
	padding: 0 0 6px;
	font-size: 10.5px;
	font-weight: 600;
	letter-spacing: .07em;
	text-transform: uppercase;
	color: var(--pth-ink-faint);
	border-bottom: 1px solid var(--pth-line);
}

body.pt-hesabim table.woocommerce-table--order-details thead th.product-total,
body.pt-hesabim table.woocommerce-table--order-details tbody td.product-total,
body.pt-hesabim table.woocommerce-table--order-details tfoot tr td {
	text-align: right;
}

body.pt-hesabim table.woocommerce-table--order-details tbody tr.order_item td {
	padding: 9px 0;
	border-top: 1px solid var(--pth-line-soft);
	font-size: 13px;
	color: var(--pth-ink);
}

body.pt-hesabim table.woocommerce-table--order-details .product-quantity {
	color: var(--pth-ink-soft);
	font-weight: 400;
}

body.pt-hesabim table.woocommerce-table--order-details tfoot tr th,
body.pt-hesabim table.woocommerce-table--order-details tfoot tr td {
	padding: 6px 0;
	border-top: 1px solid var(--pth-line-soft);
	font-size: 13px;
	text-align: left;
	font-weight: 400;
}

body.pt-hesabim table.woocommerce-table--order-details tfoot tr:last-child th,
body.pt-hesabim table.woocommerce-table--order-details tfoot tr:last-child td {
	font-size: 14px;
	font-weight: 600;
	color: var(--pth-ink);
}

body.pt-hesabim table.woocommerce-table--order-details .order-actions--heading {
	border-top: none;
	padding-top: 10px;
}

body.pt-hesabim table.woocommerce-table--order-details th.order-actions--heading + td {
	padding-top: 10px;
}

/* Öde/İptal (order-details.php) + Tekrar sipariş ver (order-again.php) —
   markup farklı konteynerlerde ama aynı dilde giydiriliyor. */
body.pt-hesabim table.woocommerce-table--order-details .order-actions-button,
body.pt-hesabim p.order-again a.button {
	display: inline-flex;
	align-items: center;
	height: 28px;
	padding: 0 12px;
	margin: 1px 6px 1px 0;
	background: var(--pth-accent);
	border: 1px solid var(--pth-accent);
	border-radius: var(--pth-radius-tag);
	color: #fff;
	font-size: 12.5px;
	font-weight: 500;
	text-decoration: none;
	box-shadow: none;
	transition: background-color .12s ease, border-color .12s ease;
}

body.pt-hesabim table.woocommerce-table--order-details .order-actions-button:hover,
body.pt-hesabim p.order-again a.button:hover {
	background: var(--pth-accent-dk);
	border-color: var(--pth-accent-dk);
	color: #fff;
}

body.pt-hesabim table.woocommerce-table--order-details .order-actions-button.cancel {
	background: #fff;
	border-color: var(--pth-line-input);
	color: var(--pth-ink-soft);
}

body.pt-hesabim table.woocommerce-table--order-details .order-actions-button.cancel:hover {
	border-color: var(--pth-red);
	color: var(--pth-red);
}

body.pt-hesabim p.order-again {
	margin: 12px 0 0;
}

/* ---- Adres kartları — order/order-details-customer.php (override
   edilmiyor). Tek adres basıldığında .woocommerce-columns--addresses
   sarmalayıcısı hiç basılmaz — bu yüzden kart çerçevesi üst
   .woocommerce-customer-details'e verildi. ---- */
body.pt-hesabim .woocommerce-customer-details {
	background: #fff;
	border: 1px solid var(--pth-line);
	border-radius: var(--pth-radius);
	padding: 10px 12px;
	margin-bottom: 12px;
	font-family: var(--pth-font);
}

body.pt-hesabim .woocommerce-customer-details .woocommerce-columns--addresses {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 16px;
	margin: 0;
}

body.pt-hesabim .woocommerce-customer-details .woocommerce-column__title {
	font-size: 11px;
	font-weight: 600;
	letter-spacing: .07em;
	text-transform: uppercase;
	color: var(--pth-ink-faint);
	margin: 0 0 6px;
}

body.pt-hesabim .woocommerce-customer-details address {
	font-style: normal;
	font-size: 13px;
	line-height: 1.5;
	color: var(--pth-ink-soft);
	border: none;
	padding: 0;
}

body.pt-hesabim .woocommerce-customer-details--phone,
body.pt-hesabim .woocommerce-customer-details--email {
	margin: 2px 0 0;
}

@media (max-width: 599px) {
	body.pt-hesabim .woocommerce-customer-details .woocommerce-columns--addresses {
		grid-template-columns: 1fr;
		gap: 14px;
	}

	body.pt-hesabim .pt-hesabim-siparis-ozet-kart {
		flex-direction: column;
		align-items: flex-start;
	}

	body.pt-hesabim table.woocommerce-table--order-details thead th.product-total,
	body.pt-hesabim table.woocommerce-table--order-details tbody td.product-total,
	body.pt-hesabim table.woocommerce-table--order-details tfoot tr td {
		text-align: left;
	}
}

/* ====================================================================
 * Hesap detayları — form-edit-account.php (override EDİLMİYOR, stok
 * WooCommerce şablonu). Alanlar adres formuyla aynı WooCommerce sınıf
 * ailesini taşıyor ama `.woocommerce-address-fields__field-wrapper`
 * sarmalayıcısının İÇİNDE DEĞİL — bu formda adres alanı yok, pt-adres hiç
 * çalışmıyor. Ortak kontrol kuralları yukarıdaki "Form kontrolleri" bloğunda
 * bu formu da kapsayacak şekilde yazıldı; burada yalnız forma özgü parçalar.
 * ==================================================================== */

body.pt-hesabim .woocommerce-EditAccountForm {
	font-family: var(--pth-font);
	max-width: 560px;
}

body.pt-hesabim .woocommerce-EditAccountForm .form-row {
	margin-bottom: 12px;
}

body.pt-hesabim .woocommerce-EditAccountForm #account_display_name_description {
	display: block;
	margin-top: 4px;
	font-size: 11.5px;
	color: var(--pth-ink-soft);
}

/* Metin <em> içinde basılıyor (stok şablon) — UA'nın em{font-style:italic}
   kuralı elemanın KENDİSİNDE tanımlı olduğu için üstteki span'a yazılan
   font-style:normal ona miras yoluyla ulaşmıyor; doğrudan em hedefleniyor. */
body.pt-hesabim .woocommerce-EditAccountForm #account_display_name_description em {
	font-style: normal;
}

body.pt-hesabim .woocommerce-EditAccountForm fieldset {
	border: none;
	border-top: 1px solid var(--pth-line);
	padding: 14px 0 0;
	margin: 18px 0 12px;
	min-width: 0;
}

body.pt-hesabim .woocommerce-EditAccountForm fieldset legend {
	font-size: 11px;
	font-weight: 600;
	letter-spacing: .07em;
	text-transform: uppercase;
	color: var(--pth-ink-faint);
	padding: 0;
	margin: 0 0 12px;
	width: 100%;
}

/* ====================================================================
 * İletişim İzinleri — pt-iys eklentisinin
 * woocommerce_account_iletisim-izinleri_endpoint kancasına bastığı markup.
 * O dosya DÜZENLENMİYOR; seçiciler onun bastığı sınıflara göre yazıldı.
 * ==================================================================== */

body.pt-hesabim .pt-iys-account {
	background: #fff;
	border: 1px solid var(--pth-line);
	border-radius: var(--pth-radius);
	padding: 12px 14px;
	font-family: var(--pth-font);
	color: var(--pth-ink);
	max-width: 560px;
}

body.pt-hesabim .pt-iys-account h3 {
	font-size: 15px;
	font-weight: 600;
	color: var(--pth-ink);
	margin: 0 0 4px;
}

body.pt-hesabim .pt-iys-kvkk-note {
	font-size: 12.5px;
	color: var(--pth-ink-soft);
	margin: 0 0 12px;
}

body.pt-hesabim .pt-iys-no-phone-note {
	background: var(--pth-amber-soft);
	border: 1px solid rgba(138, 82, 0, .25);
	border-left-width: 2px;
	border-left-color: var(--pth-amber);
	color: var(--pth-amber);
	padding: 8px 10px;
	border-radius: var(--pth-radius-xs);
	font-size: 12px;
	margin-bottom: 12px;
}

body.pt-hesabim .pt-iys-no-phone-note a {
	color: inherit;
	font-weight: 600;
	text-decoration: underline;
}

body.pt-hesabim .pt-iys-row {
	padding: 8px 0;
	border-bottom: 1px solid var(--pth-line-soft);
}

/* pt-iys'nin kendi account.css'i son satırın çizgisini kaldırıyor; bizim
   kuralımız spesifiklikle onu ezip çizgiyi geri getiriyordu — tekrar ediyoruz. */
body.pt-hesabim .pt-iys-row:last-of-type {
	border-bottom: 0;
}

body.pt-hesabim .pt-iys-row strong {
	font-size: 13px;
	font-weight: 600;
	color: var(--pth-ink);
}

body.pt-hesabim .pt-iys-row label {
	font-size: 12.5px;
	color: var(--pth-ink-soft);
	gap: 6px;
}

body.pt-hesabim .pt-iys-row input[type="radio"] {
	width: 14px;
	height: 14px;
	accent-color: var(--pth-accent);
	margin: 0;
}

body.pt-hesabim .pt-iys-status {
	font-size: 12px;
	color: var(--pth-green);
	margin-left: 10px;
	font-weight: 500;
}

/* ====================================================================
 * Alışverişsiz Ödeme — pt-bayi-odeme eklentisinin
 * woocommerce_account_bayi-odeme_endpoint kancasına bastığı markup. O dosya
 * DÜZENLENMİYOR — yalnız zaten bastığı sınıfların üzerine yazılıyor.
 *
 * Başlıklar (<h2>, <h3>) sarmalayıcı DIV olmadan doğrudan
 * .woocommerce-MyAccount-content'in ÇOCUĞU olarak basılıyor; onlara ulaşmanın
 * tek yolu doğrudan-çocuk seçici. O seçici tek başına bu ekrana özgü olmadığı
 * için kural `pt-hesabim-ekran-bayi-odeme` gövde sınıfına bağlandı (sınıfı
 * PT_Hesabim::govde_sinifi() basıyor).
 * ==================================================================== */

body.pt-hesabim.pt-hesabim-ekran-bayi-odeme .woocommerce-MyAccount-content > h2 {
	font-family: var(--pth-font);
	font-size: 16px;
	font-weight: 600;
	letter-spacing: normal;
	color: var(--pth-ink);
	margin: 0 0 12px;
}

body.pt-hesabim.pt-hesabim-ekran-bayi-odeme .woocommerce-MyAccount-content > h3 {
	font-family: var(--pth-font);
	font-size: 11px;
	font-weight: 600;
	letter-spacing: .07em;
	text-transform: uppercase;
	color: var(--pth-ink-faint);
	margin: 16px 0 8px;
}

body.pt-hesabim #alisverissiz_odeme_formu {
	font-family: var(--pth-font);
	max-width: 620px;
}

/* Buton — pt-bayi-odeme'nin kendi style.css'i aynı zincire sabit renk/radius
   basıyor (!important YOK); `body.pt-hesabim` öneki spesifikliği yükselttiği
   için enqueue sırasından bağımsız kazanıyor. */
body.pt-hesabim #alisverissiz_odeme_formu button.button.alt,
body.pt-hesabim #alisverissiz_odeme_formu button[type="submit"] {
	height: var(--pth-buton-h);
	padding: 0 16px;
	background: var(--pth-accent);
	border: 1px solid var(--pth-accent);
	border-radius: var(--pth-radius);
	font-size: 13px;
	font-weight: 600;
	box-shadow: none;
}

body.pt-hesabim #alisverissiz_odeme_formu button.button.alt:hover,
body.pt-hesabim #alisverissiz_odeme_formu button[type="submit"]:hover {
	background: var(--pth-accent-dk);
	border-color: var(--pth-accent-dk);
	box-shadow: none;
}

/* Taksit kutuları — get_installment_options() AJAX yanıtının bastığı markup
   (kart numarasının ilk 6 hanesi girilince yüklenir). pt-bayi-odeme'nin kendi
   style.css'i burada `!important` kullanıyor; üzerine yazan kurallar da aynı
   şekilde `!important` taşımak zorunda. Kart alanına veri girmeyi
   gerektirdiği için bu yüzey canlı DOM'da TETİKLENMEDİ (görev kısıtı) —
   yalnız kaynak koddaki markup'a göre stillendi. */
body.pt-hesabim .bayi-installment-box input[type="radio"]:checked + label {
	border-color: var(--pth-accent) !important;
	box-shadow: none !important;
	background: var(--pth-accent-soft) !important;
}

body.pt-hesabim .bayi-installment-box label h4 {
	font-family: var(--pth-font) !important;
	font-size: 13px !important;
	font-weight: 600 !important;
	color: var(--pth-ink) !important;
	margin: 0 0 2px !important;
}

body.pt-hesabim .bayi-inst-meta,
body.pt-hesabim .bayi-inst-total {
	font-family: var(--pth-font) !important;
	font-size: 11.5px !important;
	color: var(--pth-ink-soft) !important;
	margin: 0 !important;
}

/* Önceki ödemeler tablosu — display_previous_payments() stok WooCommerce
   sınıflarını basıyor ama .pt-hesabim-siparis-tablo sınıfını TAŞIMIYOR; iki
   tabloyu ayırmak için bu ekrana özgü sarmalayıcı (.table-responsive)
   kullanıldı. Fonksiyon ayrıca kendi <style> bloğunu (!important YOK) sayfaya
   basıyor — `body.pt-hesabim` öneki spesifikliği yeterince yükseltiyor. */
body.pt-hesabim .table-responsive {
	border: 1px solid var(--pth-line);
	border-radius: var(--pth-radius);
	overflow: hidden;
}

body.pt-hesabim .table-responsive .woocommerce-orders-table {
	font-family: var(--pth-font);
	border: none;
	margin-bottom: 0;
}

body.pt-hesabim .table-responsive .woocommerce-orders-table th,
body.pt-hesabim .table-responsive .woocommerce-orders-table td {
	border-bottom: 1px solid var(--pth-line-soft);
	font-size: 12.5px;
	color: var(--pth-ink);
	padding: 8px 12px;
}

body.pt-hesabim .table-responsive .woocommerce-orders-table th {
	background: var(--pth-card);
	font-size: 10.5px;
	font-weight: 600;
	letter-spacing: .07em;
	text-transform: uppercase;
	color: var(--pth-ink-faint);
}

/* Dar ekran (768px altı) — pt-bayi-odeme'nin kendi <style> bloğu bu
   genişlikte tabloyu kart düzenine çeviriyor (td{padding-left:50%} +
   td:before{position:absolute;width:45%}). Yukarıdaki padding kuralımız
   spesifiklikle o padding-left'i eziyor ve etiketle metni üst üste
   bindiriyordu; burada geri veriliyor. td:before'a dokunulmuyor. */
@media (max-width: 768px) {
	body.pt-hesabim .table-responsive .woocommerce-orders-table td {
		padding: 8px 12px 8px 50%;
	}
}

/* ====================================================================
 * Genel gölge sıfırlaması — tema (Flatsome) ve stok WooCommerce, Üye
 * Merkezi yüzeylerindeki bazı elemanlara (buton, input, notice, tablo)
 * kendi gölgesini basıyor. Bu tasarımda gölge YOK; kapsam yalnız Üye
 * Merkezi içeriği ve kenar menüsü — sayfanın geri kalanına (header, footer,
 * sticky sepet) dokunulmuyor.
 * ==================================================================== */
body.pt-hesabim .woocommerce-MyAccount-content input,
body.pt-hesabim .woocommerce-MyAccount-content select,
body.pt-hesabim .woocommerce-MyAccount-content textarea,
body.pt-hesabim .woocommerce-MyAccount-content button,
body.pt-hesabim .woocommerce-MyAccount-content .button,
body.pt-hesabim .woocommerce-MyAccount-navigation,
body.pt-hesabim .woocommerce-MyAccount-navigation a {
	box-shadow: none;
}

/* WooCommerce bildirimleri (kaydedildi/hata) — aynı düz dil. */
body.pt-hesabim .woocommerce-message,
body.pt-hesabim .woocommerce-error,
body.pt-hesabim .woocommerce-info {
	border-radius: var(--pth-radius);
	box-shadow: none;
	font-family: var(--pth-font);
	font-size: 13px;
}