/* ==========================================================================
   WATER POINT — HESABIM
   Giriş ekranı, üyelik ve hesap panosu.

   ⚠ TEMEL GERÇEK: `woocommerce-general` ve `woocommerce-layout` stilleri
   inc/enqueue.php'de kuyruktan çıkarılmış. Bu sayfalarda WooCommerce'ten
   gelen TEK stil `woocommerce-smallscreen` (yalnızca max-width:768px) ve
   `select2`. Yani buradaki her kutu, her alan, her buton sıfırdan kuruluyor;
   "WooCommerce hallediyordur" varsayımı bu dosyada geçerli değil.

   Sınıf adları tahmin edilmedi; hepsi
   plugins/woocommerce/templates/myaccount/ altındaki şablonlardan ve
   canlı işaretlemeden (curl) alındı.

   Bölümler:
     0  Yerel değişkenler
     1  Sayfa kabuğu — .wpt-entry'nin çözülmesi
     2  Ortak başlık
     3  Bildirimler
     4  Panel deseni
     5  Form alanları
     6  Parola: göster düğmesi + güç ölçer
     7  Butonlar
     8  GİRİŞ EKRANI — iki sütun
     9  Misafir alışverişi kutusu
    10  HESAP PANOSU — ray + içerik
    11  Sipariş tablosu
    12  Sipariş detayı
    13  Adres kutuları ve adres formu
    14  Hesap detayları formu
    15  Parola sıfırlama ekranları
    16  select2 uyumu
    17  Sayfalama ve indirmeler
    18  ⚠ ESKİ SAYFA İÇİ CSS'İ ETKİSİZLEŞTİRME (silinecek blok)
    19  Hareket azaltma
   ========================================================================== */


/* --------------------------------------------------------------------------
   0. YEREL DEĞİŞKENLER

   Yalnızca BU SAYFAYA ait iki ölçü kaldı. Alan yüksekliği (--wpt-alan) ve
   birincil buton gölgesi (--wpt-golge-btn / -h) _tokens.css'e TAŞINDI:
   ikisi de sepet ve ödeme yüzeylerinde de kullanılıyordu ve orada başka
   sayılarla/başka gölgelerle yazılmışlardı.
   Renk, gölge, yarıçap YOK — hepsi tokendan okunuyor (sözleşme kural 1).
   -------------------------------------------------------------------------- */
.woocommerce-account{
  /* Giriş ekranının iki sütunlu bloğu. --wpt-en-dar (820px) iki forma dar
     geliyor, --wpt-en (1240px) ise giriş için gereksiz genişti. */
  --wpt-hesap-en: 1000px;

  /* Sözleşme 3.2'nin imza kuralı bu sayfada DÖRT yerde geçiyor (sayfa
     başlığı, giriş paneli başlığı, uç nokta başlığı, tablo başlık satırı).
     Degradeyi dört kez yazmak birinin diğerlerinden kayması demekti; tek
     kaynak burada. Özel değişken ikamesi tembeldir: --wpt-amber ve
     --wpt-line kullanım yerinde çözülür, tema değişimi bozulmaz. */
  --wpt-hesap-kural: linear-gradient(90deg,
                       var(--wpt-amber) 0, var(--wpt-amber) 56px,
                       var(--wpt-line) 56px, var(--wpt-line) 100%);

  /* Panel başlığının göz kapağı satırı — sözleşme 3.2'nin ilk parçası.
     ⚠ Bu satır bu dosyada ve sepet.css'te HİÇ YOKTU, odeme.css'te vardı:
     aynı panel başlığı bir sayfada "tick + başlık + kural", diğerinde
     yalnızca "başlık + kural" olarak basılıyordu. Metin gerekmediği için
     içerik sert boşluk; boş `content:""` satır kutusu üretmez ve tick
     görünmez kalırdı (odeme.css'te aynı tuzak not edilmiş). */
  --wpt-hesap-kapak: linear-gradient(var(--wpt-amber),var(--wpt-amber))
                     left center / 18px var(--wpt-tick) no-repeat;
}


/* --------------------------------------------------------------------------
   1. SAYFA KABUĞU — .wpt-entry burada ÇÖZÜLÜR

   ⚠ TUZAK: main.css'te `.wpt-entry` beyaz bir panel (arka plan + çerçeve +
   48px iç boşluk) ve `.wpt-entry > *` içeriği 820px'e kısıp ORTALIYOR.
   Kullanıcının gördüğü "alt alta, ortada, çıplak kutular" görüntüsünün
   yarısı buradan geliyordu: iki sütun 820px'e sıkışıyor, üstelik panelin
   panel içine giriyordu (kutu içinde kutu).

   Hesap sayfasında dış panel dağıtılır; kendi panellerim (bölüm 4) sayfanın
   asıl yüzeyi olur. Blog ve kurumsal sayfalarda .wpt-entry aynen kalır.
   -------------------------------------------------------------------------- */
.woocommerce-account .wpt-entry{
  background:none; border:0; border-radius:0; box-shadow:none; padding:0;
}
.woocommerce-account .wpt-entry > *{
  max-width:none; margin-inline:0;
}

/* Giriş/parola ekranı oturum açmamış ziyaretçiye gösterilir ve tek bir
   bloktur: başlık ile sütunlar aynı eksende dursun diye ikisi de aynı
   genişlikte ortalanır. Panonun (oturum açık) böyle bir sınırı yok. */
.woocommerce-account:not(.logged-in) .wpt-entry > *{
  max-width:var(--wpt-hesap-en); margin-inline:auto;
}

/* Sipariş özetini dolduran gizli özel eleman. Formu ızgaraya çevirdiğim için
   ızgara hücresi sayılıp boş bir satır açıyordu. Gizlemek gönderimi
   etkilemez: form serileştirme CSS'e bakmaz. */
.woocommerce-account wc-order-attribution-inputs{ display:none }

/* Şablonlardaki float temizleyicileri. Izgara düzeninde işlevsizler ama
   ızgara hücresi olarak boşluk açıyorlar. */
.woocommerce-account .woocommerce .clear{ display:none }


/* --------------------------------------------------------------------------
   2. ORTAK BAŞLIK

   İki biçim de destekleniyor:
   a) Bugünkü işaretleme — <header class="wpt-entry-head"><h1>Hesabım</h1></header>
   b) Zenginleştirilmiş — aynı header'a .wpt-hesap-bas sınıfı eklenir:
        <header class="wpt-entry-head wpt-hesap-bas">
          <p class="wpt-tick">Hesap</p>
          <h1>Hesabım</h1>
          <p class="wpt-hesap-bas-alt">Tek cümlelik açıklama.</p>
        </header>
   .wpt-tick main.css'te zaten var (mono göz kapağı + amber çubuk);
   yeni bir göz kapağı sınıfı ÜRETİLMEDİ.
   -------------------------------------------------------------------------- */
.woocommerce-account .wpt-entry-head{
  /* 28px: sepet ve ödeme ile aynı. Burası 30, sepet 26, ödeme 28 yazıyordu. */
  position:relative; margin-bottom:28px; padding-bottom:16px;
}
/* Sözleşme 3.2'nin imza kuralı: solda 56px amber, sonra griye sönen 2px.
   Sayfanın ilk gördüğü çizgi bu; mağaza ve blog başlıklarıyla aynı. */
.woocommerce-account .wpt-entry-head::after{
  content:""; position:absolute; left:0; right:0; bottom:0; height:2px;
  border-radius:2px; background:var(--wpt-hesap-kural);
}
/* ⚠ Sayfa başlığı boyu YAZILMAMIŞTI, yani main.css'in genel `h1`inden
   (clamp 28→44px) geliyordu. Sepet ve ödeme ise clamp(26px,3.4vw,38px)
   kullanıyor: "Hesabım" masaüstünde 44px, "Sepetim" 38px basılıyordu —
   akıştaki üç sayfanın başlığı aynı boyda değildi. */
.woocommerce-account .wpt-entry-head h1{
  margin:0;
  font-size:clamp(26px,3.4vw,38px);
  letter-spacing:var(--wpt-track-s);
}
.woocommerce-account .wpt-hesap-bas .wpt-tick{ margin-bottom:10px }
.wpt-hesap-bas-alt{
  margin:10px 0 0; max-width:62ch;
  font-size:var(--wpt-fs-md); line-height:1.6; color:var(--wpt-ink-2);
}


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

   Gerçek işaretleme (templates/notices/ altındaki üç şablon):
     <div class="woocommerce-info" role="status">
     <div class="woocommerce-message" role="alert">
     <ul  class="woocommerce-error" role="alert"><li>…</li></ul>

   Ortak dil: yatay kutu, sol kenarında --wpt-tick kalınlığında renkli çubuk.
   Renk anlamı sözleşme §2'den: bilgi marka, başarı iyi, hata kötü.
   Kapsam bilerek .woocommerce-account ile sınırlı — sepet ve ödeme
   yüzeylerinde paralel çalışan ajanlar var, global kural çakışır.
   -------------------------------------------------------------------------- */
/* ⚠ İKİ DÜZELTME.
   (1) Köşe yarıçapı DÖRT köşeye birden veriliyordu (`--wpt-r-sm`); oysa
   kutunun solunda 3 piksellik imza çubuğu var ve yuvarlak köşe o çubuğu
   kırpıyordu. Sepet ve ödeme `0 var(--wpt-r) var(--wpt-r) 0` yazıyor —
   sol kenar düz, sağ köşeler yuvarlak.
   (2) Alt boşluk `--wpt-gap` (18px) idi, diğer iki yüzeyde 14px. */
.woocommerce-account .woocommerce .woocommerce-info,
.woocommerce-account .woocommerce .woocommerce-message,
.woocommerce-account .woocommerce .woocommerce-error{
  display:flex; flex-wrap:wrap; align-items:center; gap:10px 16px;
  margin:0 0 14px; padding:14px 18px;
  background:var(--wpt-surface);
  border:1px solid var(--wpt-line);
  border-left:var(--wpt-tick) solid var(--wpt-amber);
  border-radius:0 var(--wpt-r) var(--wpt-r) 0;
  box-shadow:var(--wpt-golge-sm);
  font-size:var(--wpt-fs-kart); line-height:1.55; color:var(--wpt-ink);
  list-style:none;
}
.woocommerce-account .woocommerce .woocommerce-info{
  border-left-color:var(--wpt-brand); background:var(--wpt-brand-soft);
}
/* ⚠ YEŞİL BANT KALDIRILDI. Sözleşme §4 açıkça yasaklıyor: "yeşil yalnızca
   stok ve onay ikonunda". sepet.css bunu uygulamıştı, bu dosya ve odeme.css
   `--wpt-iyi-soft` zeminli bir başarı bandı basıyordu. */
.woocommerce-account .woocommerce .woocommerce-message{
  border-left-color:var(--wpt-amber); background:var(--wpt-surface);
}
.woocommerce-account .woocommerce .woocommerce-error{
  border-left-color:var(--wpt-kotu); background:var(--wpt-kotu-soft);
  display:block; padding-left:18px;
}
.woocommerce-account .woocommerce .woocommerce-error li{ margin:0 }
.woocommerce-account .woocommerce .woocommerce-error li + li{ margin-top:7px }

/* WooCommerce'in "uyarı" bildirim türü YOK; şablon üç tip üretiyor.
   --wpt-uyari tokenının bildirimdeki karşılığı bu isteğe bağlı sınıf:
   <div class="woocommerce-info wpt-hesap-uyari"> */
.woocommerce-account .woocommerce .wpt-hesap-uyari{
  border-left-color:var(--wpt-uyari); background:var(--wpt-uyari-soft);
}

/* Bildirimin içindeki eylem bağlantısı ("Ürünlere göz at", "E-postayı onayla")
   metnin peşine değil, kutunun sağ ucuna gider. */
.woocommerce-account .woocommerce .woocommerce-info > .button,
.woocommerce-account .woocommerce .woocommerce-message > .button{
  margin-left:auto; order:2;
}
.woocommerce-account .woocommerce .woocommerce-notices-wrapper > *:last-child{
  margin-bottom:var(--wpt-gap);
}


/* --------------------------------------------------------------------------
   4. PANEL DESENİ — sözleşme 3.1

   Sayfadaki her kutu bunun türevi. Tek yerde tanımlı ki giriş paneli,
   pano rayı ve içerik paneli aynı kâğıttan kesilmiş görünsün.
   -------------------------------------------------------------------------- */
.woocommerce-account #customer_login > .col-1,
.woocommerce-account #customer_login > .col-2,
.woocommerce-account .woocommerce-MyAccount-navigation,
.woocommerce-account .woocommerce-MyAccount-content,
.woocommerce-account .woocommerce form.lost_reset_password{
  background:var(--wpt-grad-kagit);
  border:1px solid var(--wpt-line);
  border-radius:var(--wpt-r-lg);
  box-shadow:var(--wpt-golge-sm);
}

/* GÖMÜK kutu — panelin İÇİNDEKİ kutu. Aynı kâğıt rengini tekrar etmek
   "kutu içinde kutu" hissi veriyordu; içteki yüzey bir ton çöküyor. */
.woocommerce-account .woocommerce .woocommerce-Addresses .woocommerce-Address,
.woocommerce-account .woocommerce-EditAccountForm fieldset{
  position:relative; overflow:hidden;
  background:var(--wpt-surface-2);
  border:1px solid var(--wpt-line);
  border-radius:var(--wpt-r);
}
/* Gömük kutunun sol kenarındaki amber şerit — sözleşme 3.2'deki imzanın
   dikey hâli, icerik.css'teki .wpt-ic-lead ile aynı desen. */
.woocommerce-account .woocommerce .woocommerce-Addresses .woocommerce-Address::before,
.woocommerce-account .woocommerce-EditAccountForm fieldset::before{
  content:""; position:absolute; inset:0 auto 0 0;
  width:var(--wpt-tick); background:var(--wpt-amber);
}

/* RAKAM — sözleşme 3.5. ⚠ DENETİM: bu kural sepet.css'te SAYFA GENELİNDE
   `.woocommerce-Price-amount` / `.amount` üzerine yazılmış, burada ise hücre
   hücre tekrarlanıyordu. Kuralın değmediği her tutar (indirmeler listesi,
   sipariş notlarındaki tutar, iade satırı) gövde yazı tipinde ve orantılı
   rakamlarla basılıyordu; sepette hepsi mono ve tabular. Tek kaynağa alındı.
   Kural sarmalayıcının ÜZERİNE yazılıyor, hücreye değil: tutar `<bdi>` ve
   para birimi `<span>`'iyle tek bir kabın içinde geliyor. */
.woocommerce-account .woocommerce .woocommerce-Price-amount,
.woocommerce-account .woocommerce .amount{
  font-family:var(--wpt-mono);
  font-variant-numeric:tabular-nums;
  letter-spacing:-.01em;
  white-space:nowrap;
}


/* --------------------------------------------------------------------------
   5. FORM ALANLARI — sözleşme 3.3

   ⚠ Seçici uzunluğu keyfi değil. Sayfa gövdesine gömülü eski bir <style>
   bloğu alanları `body.woocommerce-account .woocommerce input.input-text`
   (0,3,2) ile boyuyor ve benim dosyamdan SONRA geliyor. `.form-row`
   üzerinden geçmek 4 sınıf yapıyor (0,4,1) ve kuralı geri alıyor.
   Bkz. bölüm 18.
   -------------------------------------------------------------------------- */
.woocommerce-account .woocommerce .form-row{
  display:block; margin:0; padding:0;
}
.woocommerce-account .woocommerce .form-row label{
  display:block; margin:0 0 7px;
  font-size:var(--wpt-fs-sm); font-weight:600; line-height:1.35;
  color:var(--wpt-ink-2);
}
/* Zorunlu yıldızı kırmızı DEĞİL: sözleşme 3.3 — bu bir hata değil, bilgi. */
.woocommerce-account .woocommerce .form-row label .required{
  color:var(--wpt-amber-ink); font-weight:700; text-decoration:none; border:0;
}
.woocommerce-account .woocommerce .form-row label .optional{
  font-family:var(--wpt-mono); font-size:10px; font-weight:500;
  letter-spacing:var(--wpt-track-l); text-transform:uppercase;
  color:var(--wpt-ink-3); margin-left:6px;
}
.woocommerce-account .woocommerce .woocommerce-input-wrapper{ display:block }

.woocommerce-account .woocommerce .form-row input.input-text,
.woocommerce-account .woocommerce .form-row input[type="text"],
.woocommerce-account .woocommerce .form-row input[type="email"],
.woocommerce-account .woocommerce .form-row input[type="tel"],
.woocommerce-account .woocommerce .form-row input[type="password"],
.woocommerce-account .woocommerce .form-row select{
  width:100%; height:var(--wpt-alan); padding:0 15px;
  font-family:var(--wpt-font); font-size:14.5px; color:var(--wpt-ink);
  background:var(--wpt-surface);
  border:1px solid var(--wpt-line);
  border-radius:var(--wpt-r-sm);
  transition:border-color var(--wpt-gecis), box-shadow var(--wpt-gecis);
}
.woocommerce-account .woocommerce .form-row input::placeholder{ color:var(--wpt-ink-3) }

/* Odak çizgi değil IŞIK — sözleşme §2 "Derinlik ve değişim". */
.woocommerce-account .woocommerce .form-row input.input-text:focus,
.woocommerce-account .woocommerce .form-row input:focus,
.woocommerce-account .woocommerce .form-row select:focus{
  outline:none; border-color:var(--wpt-brand);
  box-shadow:0 0 0 4px var(--wpt-brand-soft);
}

.woocommerce-account .woocommerce .form-row select{ cursor:pointer }

/* Ok işareti sağda, appearance:none ile — sözleşme 3.3. Ok bir görsel değil
   döndürülmüş kenarlık: rengi tokendan okuyor, koyu temada da doğru.

   ⚠ appearance:none ile okun kendisi AYNI kuralda tutuluyor. Ayrı yazılsaydı
   :has() desteklemeyen bir tarayıcıda seçim kutusu hem yerli okunu kaybeder
   hem yenisini alamaz, yani oksuz kalırdı. Böyle bağlıyken ikisi birlikte
   yaşıyor ya da birlikte devre dışı kalıyor. */
.woocommerce-account .woocommerce .form-row:has(> .woocommerce-input-wrapper > select){
  position:relative;
}
.woocommerce-account .woocommerce .form-row:has(> .woocommerce-input-wrapper > select) select{
  appearance:none; -webkit-appearance:none; -moz-appearance:none;
  padding-right:40px;
}
/* ⚠ OK BURADAN KALDIRILDI — ÇİFT OK. Açılır listelerin oku artık site
   genelindeki taban kuralda (main.css · `select`) SVG olarak çiziliyor;
   burada da bir CSS üçgeni durunca iki aşağı ok yan yana görünüyordu. */

/* Doğrulama JS'i (woocommerce/assets/js/frontend/address-i18n + checkout)
   satıra bu sınıfları basıyor. --wpt-kotu burada meşru: sözleşme §2'de
   kötü rengin iki işinden biri HATA. */
.woocommerce-account .woocommerce .form-row.woocommerce-invalid input.input-text,
.woocommerce-account .woocommerce .form-row.woocommerce-invalid select{
  border-color:var(--wpt-kotu);
}
/* ⚠ YEŞİL "GEÇERLİ" ÇERÇEVESİ KALDIRILDI.
   `.woocommerce-validated` alanlara `--wpt-iyi` çerçeve veriyordu. Sözleşme
   §4: yeşil yalnızca stok ve onay ikonunda; odeme.css aynı kararı yorumda
   açıkça yazmış ("sekiz alanın birden yeşile dönmesi başarılı bandı gürültüsü
   üretirdi"). Aynı adres formu hesabımda yeşile dönüyor, ödemede dönmüyordu.
   Doğrulanmış alan sessiz kalır; yalnızca HATA renklenir. */

/* Onay kutusu satırı — "Beni hatırla" */
.woocommerce-account .woocommerce .woocommerce-form__label-for-checkbox{
  display:flex; align-items:center; gap:10px; margin:0;
  font-size:var(--wpt-fs-sm); font-weight:500; color:var(--wpt-ink-2);
  cursor:pointer;
}
.woocommerce-account .woocommerce .woocommerce-form__input-checkbox{
  width:18px; height:18px; margin:0; flex:0 0 auto;
  accent-color:var(--wpt-brand); cursor:pointer;
}
/* ⚠ main.css'teki genel `:focus-visible` kuralı halkanın yanında
   `border-radius:var(--wpt-r-sm)` de veriyor — 18px'lik kareyi odaklanınca
   8px yuvarlatıyor, kutu odakta şekil değiştiriyordu. Halka korunuyor,
   yarıçap geri alınıyor (sözleşme kural 6). */
.woocommerce-account .woocommerce .woocommerce-form__input-checkbox:focus-visible{
  outline:2px solid var(--wpt-brand); outline-offset:2px; border-radius:3px;
}

/* Alan altı açıklaması — "Adınız hesap bölümünde … görüntülenir".
   Şablon <em> ile basıyor; eğik yazı ölçüm diline yabancı, düzleştirildi. */
.woocommerce-account .woocommerce #account_display_name_description,
.woocommerce-account .woocommerce .form-row .description{
  display:block; margin-top:7px;
  /* 1.45 — odeme.css'teki `.description` ve form.css'teki `.wpt-form-not`
     ile aynı; burada tek başına 1.5 idi. */
  font-size:12.5px; line-height:1.45; color:var(--wpt-ink-2);
}
.woocommerce-account .woocommerce #account_display_name_description em{ font-style:normal }


/* --------------------------------------------------------------------------
   6. PAROLA — göster düğmesi ve güç ölçer

   ⚠ ASIL TUZAK BURADAYDI. woocommerce.js her parola alanını
   <span class="password-input"> ile sarıp içine boş bir
   <button class="show-password-input"> ekliyor. Bu düğmenin GÖRÜNÜMÜ
   woocommerce-layout.css'te tanımlı — o dosya kuyruktan çıkarılmış olduğu
   için ekranda içeriksiz, konumsuz, küçük bir kare kalıyordu. Kullanıcının
   "bozuk göz ikonu" dediği şey bu.

   ⚠ İKİNCİ TUZAK: WooCommerce'in kendi çözümü background-image ve SVG'nin
   içine fill="%23111111" gömüyor. O ikon koyu temada siyah kalır, koyu
   alanın üstünde görünmez olur. Bu yüzden görüntü değil MASKE kullanılıyor:
   şekil maskeden, renk currentColor'dan geliyor; iki temada da doğru.
   -------------------------------------------------------------------------- */
.woocommerce-account .woocommerce .password-input{
  position:relative; display:block;
}
.woocommerce-account .woocommerce .password-input input{ padding-right:48px }
/* Edge kendi göz ikonunu basıyor; iki göz yan yana çıkıyordu. */
.woocommerce-account .woocommerce .password-input input::-ms-reveal{ display:none }

.woocommerce-account .woocommerce .show-password-input{
  /* Maskeler renk taşımaz — alfa kanalı okunur. Bu yüzden içlerindeki
     "black" bir tasarım rengi değil, sadece opaklık. Sözleşme kural 1
     ihlal edilmiyor: görünen renk currentColor. */
  --wpt-goz: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 12s3.6-6.6 10-6.6S22 12 22 12s-3.6 6.6-10 6.6S2 12 2 12Z'/%3E%3Ccircle cx='12' cy='12' r='2.8'/%3E%3C/svg%3E");
  --wpt-goz-kapali: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10.7 6.1A10.4 10.4 0 0 1 12 5.4c6.4 0 10 6.6 10 6.6a17.4 17.4 0 0 1-3.4 4.1M6.2 8.1A17 17 0 0 0 2 12s3.6 6.6 10 6.6a10.3 10.3 0 0 0 3.9-.7'/%3E%3Cpath d='M9.9 9.9a3 3 0 0 0 4.2 4.2'/%3E%3Cpath d='M3.5 3.5l17 17'/%3E%3C/svg%3E");

  position:absolute; top:50%; right:5px; transform:translateY(-50%);
  display:flex; align-items:center; justify-content:center;
  width:36px; height:36px; padding:0; margin:0;
  background:none; border:0; border-radius:var(--wpt-r-sm);
  color:var(--wpt-ink-3); cursor:pointer;
  transition:color var(--wpt-gecis), background var(--wpt-gecis);
}
.woocommerce-account .woocommerce .show-password-input::before{
  content:""; display:block; width:20px; height:20px;
  background-color:currentColor;
  -webkit-mask-image:var(--wpt-goz); mask-image:var(--wpt-goz);
  -webkit-mask-repeat:no-repeat;    mask-repeat:no-repeat;
  -webkit-mask-position:center;     mask-position:center;
  -webkit-mask-size:20px 20px;      mask-size:20px 20px;
}
/* Parola görünürken ikon "üstü çizili göz"e döner: düğmenin bir sonraki
   işi gizlemek. aria-label'ı WooCommerce zaten çeviriyor. */
.woocommerce-account .woocommerce .show-password-input.display-password::before{
  -webkit-mask-image:var(--wpt-goz-kapali); mask-image:var(--wpt-goz-kapali);
}
.woocommerce-account .woocommerce .show-password-input:hover{
  color:var(--wpt-brand); background:var(--wpt-brand-soft);
}
.woocommerce-account .woocommerce .show-password-input:focus-visible{
  outline:2px solid var(--wpt-brand); outline-offset:2px;
}

/* Güç ölçer — password-strength-meter.js .password-input'un ARDINA basıyor,
   sınıflar: short | bad | good | strong. */
/* ⚠ Mono DEĞİL. Sözleşme §2: --wpt-mono yalnızca rakam, birim, stok kodu ve
   göz kapağı içindir. Ölçer tam cümle basıyor ("Zayıf — lütfen daha güçlü
   bir şifre giriniz."); mono'da hem okunmuyor hem dilin dışına çıkıyordu.
   Ölçüm hissini renk ve sol çubuk taşıyor, yazı tipi değil. */
.woocommerce-account .woocommerce .woocommerce-password-strength{
  margin-top:9px; padding:9px 13px;
  /* Sol imza çubuğu taşıyan kutunun sol köşeleri DÜZ: odeme.css'teki
     `.payment_box` ve `.woocommerce-terms-and-conditions-wrapper`,
     form.css'teki `.wpt-form-uyari` hepsi böyle. */
  border-radius:0 var(--wpt-r-sm) var(--wpt-r-sm) 0;
  border-left:var(--wpt-tick) solid var(--wpt-ink-3);
  background:var(--wpt-surface-2);
  font-size:12.5px; font-weight:600; line-height:1.45; color:var(--wpt-ink-2);
}
.woocommerce-account .woocommerce .woocommerce-password-strength.short,
.woocommerce-account .woocommerce .woocommerce-password-strength.bad{
  border-left-color:var(--wpt-kotu); background:var(--wpt-kotu-soft); color:var(--wpt-kotu);
}
.woocommerce-account .woocommerce .woocommerce-password-strength.good{
  border-left-color:var(--wpt-uyari); background:var(--wpt-uyari-soft); color:var(--wpt-uyari);
}
.woocommerce-account .woocommerce .woocommerce-password-strength.strong{
  border-left-color:var(--wpt-iyi); background:var(--wpt-iyi-soft); color:var(--wpt-iyi);
}
.woocommerce-account .woocommerce .woocommerce-password-hint{
  display:block; margin-top:7px;
  font-family:var(--wpt-font); font-size:12.5px; line-height:1.5; color:var(--wpt-ink-2);
}


/* --------------------------------------------------------------------------
   7. BUTONLAR

   Sözleşme 3.4: yeni bir buton dili KURULMAZ, WooCommerce'in kendi
   sınıfları .wpt-btn görünümüne EŞİTLENİR. Değerler main.css'teki
   .wpt-btn / .is-primary / .is-ghost ile birebir aynı.

   ⚠ Zincirdeki `.wpt-entry` süs değil. Sayfa gövdesine gömülü eski <style>
   bloğu (bkz. bölüm 18) butonları `body.woocommerce-account .woocommerce
   button.button` ile boyuyor — bu (0,3,2). `.wpt-entry` olmadan buradaki
   seçiciler de (0,3,x) kalıyor ve BERABERE bitiyor; beraberlikte belge
   sırası kazandığı için eski blok (gövdede, benden sonra) üstün geliyordu.
   Tema sarmalayıcısını zincire almak seçiciyi (0,4,x) yapıp kuralı geri
   alıyor. Eski blok silindiğinde bu ön ek zararsızca kalabilir.
   -------------------------------------------------------------------------- */
.woocommerce-account .wpt-entry .woocommerce .button,
.woocommerce-account .wpt-entry .woocommerce .woocommerce-Button,
.woocommerce-account .wpt-entry .woocommerce button[type="submit"]{
  display:inline-flex; align-items:center; justify-content:center; gap:7px;
  height:var(--wpt-btn); padding:0 20px;
  border:1px solid transparent; border-radius:var(--wpt-r-hap);
  font-family:var(--wpt-font); font-size:13.5px; font-weight:600; line-height:1;
  text-align:center; text-decoration:none; cursor:pointer;
  background:var(--wpt-surface); color:var(--wpt-ink);
  border-color:var(--wpt-line-2); box-shadow:var(--wpt-golge-sm);
  transition:background var(--wpt-gecis), border-color var(--wpt-gecis),
             color var(--wpt-gecis), box-shadow var(--wpt-gecis),
             transform var(--wpt-gecis);
}
.woocommerce-account .wpt-entry .woocommerce .button:hover,
.woocommerce-account .wpt-entry .woocommerce .woocommerce-Button:hover{
  border-color:transparent; color:var(--wpt-brand); text-decoration:none;
  transform:translateY(-1px); box-shadow:var(--wpt-parilti);
}
/* main.css: `.wpt-btn:active{transform:translateY(1px)}` (hayalet düğme basılır),
   `.wpt-btn.is-primary:active{transform:translateY(0)}` (kalkmış düğme yerine
   oturur). Burada ikisi de `translateY(0)` yazılmıştı — ikincil düğmelerin
   basma geri bildirimi yoktu; ödeme yüzeyindeki kardeşlerinde vardı. */
.woocommerce-account .wpt-entry .woocommerce .button:active,
.woocommerce-account .wpt-entry .woocommerce .woocommerce-Button:active{
  transform:translateY(1px);
}
/* Üç sınıf da ayrı ayrı yazılıyor: sayfalama bağlantısı .woocommerce-Button,
   giriş düğmesi button[type=submit]; ikisinin de .button'ı var ama liste
   eksik kalırsa halka main.css'teki genel kurala düşüyor ve o kural yarıçapı
   da değiştiriyor (hap düğmede 8px halka). Sözleşme kural 6. */
.woocommerce-account .wpt-entry .woocommerce .button:focus-visible,
.woocommerce-account .wpt-entry .woocommerce .woocommerce-Button:focus-visible,
.woocommerce-account .wpt-entry .woocommerce button[type="submit"]:focus-visible{
  outline:2px solid var(--wpt-brand); outline-offset:2px;
  border-radius:var(--wpt-r-hap);
}

/* BİRİNCİL — formun asıl eylemi. Düz dolgu değil, üstten aydınlanan yüzey;
   gölge nötr siyah değil marka mavisi (main.css .wpt-btn.is-primary). */
.woocommerce-account .wpt-entry .woocommerce button[name="login"],
.woocommerce-account .wpt-entry .woocommerce button[name="save_address"],
.woocommerce-account .wpt-entry .woocommerce button[name="save_account_details"],
.woocommerce-account .wpt-entry .woocommerce form.lost_reset_password button[type="submit"]{
  height:var(--wpt-btn-buyuk); padding:0 26px; font-size:15px;
  background:var(--wpt-grad-marka); color:var(--wpt-btn-ink);
  border-color:transparent;
  /* Gölge artık tokenda: aynı üçlü sepette ve ödemede `--wpt-parilti` ile
     taklit ediliyordu, burada yerel değişkene kopyalanmıştı. _tokens.css'e
     taşındı; main.css `.wpt-btn.is-primary` de aynı yerden okuyor. */
  box-shadow:var(--wpt-golge-btn);
}
.woocommerce-account .wpt-entry .woocommerce button[name="login"]:hover,
.woocommerce-account .wpt-entry .woocommerce button[name="save_address"]:hover,
.woocommerce-account .wpt-entry .woocommerce button[name="save_account_details"]:hover,
.woocommerce-account .wpt-entry .woocommerce form.lost_reset_password button[type="submit"]:hover{
  color:var(--wpt-btn-ink); transform:translateY(-1px);
  box-shadow:var(--wpt-golge-btn-h);
}
.woocommerce-account .wpt-entry .woocommerce button[name="login"]:active,
.woocommerce-account .wpt-entry .woocommerce button[name="save_address"]:active,
.woocommerce-account .wpt-entry .woocommerce button[name="save_account_details"]:active,
.woocommerce-account .wpt-entry .woocommerce form.lost_reset_password button[type="submit"]:active{
  transform:translateY(0);
}

/* ÜYE OL bilerek ikincil (hayalet). Sitede misafir alışverişi açık; üyelik
   zorunlu bir adım değil, sunulan bir seçenek. İki dolu buton yan yana
   ziyaretçiye "hangisi?" dedirtiyordu. */
.woocommerce-account .wpt-entry .woocommerce button[name="register"]{
  height:var(--wpt-btn-buyuk); padding:0 26px; font-size:15px;
  background:var(--wpt-surface); color:var(--wpt-ink);
  border-color:var(--wpt-line-2); box-shadow:var(--wpt-golge-sm);
}

/* Formun asıl eylemi panelin tamamını kaplar — panelde tek çıkış vardır. */
.woocommerce-account #customer_login button[type="submit"],
.woocommerce-account .woocommerce form.lost_reset_password button[type="submit"]{
  width:100%;
}

/* Güç ölçer zayıf parolada gönderimi kilitliyor (.disabled + disabled). */
/* Devre dışı reçetesi üç yüzeyde aynı: .45 sönüklük, gölge yok.
   Önce burada .5 + golge-sm, sepette .42 + gölgesiz, ödemede
   `filter:saturate(.35)` vardı. */
.woocommerce-account .wpt-entry .woocommerce button.disabled,
.woocommerce-account .wpt-entry .woocommerce button[disabled]{
  opacity:.45; cursor:not-allowed; transform:none; box-shadow:none;
}

/* Tablo ve kutu içindeki küçük eylemler — sözleşme --wpt-btn-kart (36px). */
.woocommerce-account .wpt-entry .woocommerce .woocommerce-orders-table a.button,
.woocommerce-account .wpt-entry .woocommerce .woocommerce-info a.button,
.woocommerce-account .wpt-entry .woocommerce .woocommerce-message a.button,
.woocommerce-account .wpt-entry .woocommerce .order_details a.button{
  height:var(--wpt-btn-kart); padding:0 16px; font-size:13px;
}


/* --------------------------------------------------------------------------
   8. GİRİŞ EKRANI — iki sütun

   İşaretleme WooCommerce'ten geliyor, değiştirilmesi gerekmiyor:
     #customer_login.col2-set > .col-1 (Giriş Yap) + .col-2 (Üye Ol)
   ⚠ woocommerce-smallscreen 768px altında `.col2-set .col-1{float:none;
     width:100%}` diyor; ızgara kullandığım için float zaten yok sayılıyor.
   -------------------------------------------------------------------------- */
.woocommerce-account #customer_login{
  display:grid; grid-template-columns:repeat(2,minmax(0,1fr));
  gap:var(--wpt-gap); align-items:start;
}
@media (max-width:760px){
  .woocommerce-account #customer_login{ grid-template-columns:minmax(0,1fr) }
}

/* ⚠ Panel iç boşluğu tek sayıya indi. Burası `clamp(22px,3vw,32px)`, içerik
   paneli `clamp(20px,3vw,32px)`, ödeme sayfasının panelleri `22px 24px 24px`
   yazıyordu: aynı rolü oynayan üç panel üç ayrı dolguyla çiziliyordu ve
   ikisinin arasındaki fark (22 vs 20) hiçbir şeye dayanmıyordu. */
.woocommerce-account #customer_login > .col-1,
.woocommerce-account #customer_login > .col-2{
  min-width:0; padding:22px 24px 24px;
}
/* Giriş, dönen müşterinin yolu — bir kademe yukarıda durur.
   Üyelik ikincil yol, dinlenen yüzeyde kalır. */
.woocommerce-account #customer_login > .col-1{ box-shadow:var(--wpt-golge) }

/* Panel başlıkları sayfanın bölüm başlığıyla AYNI imzayı taşır:
   solda 56px amber, sonra griye sönen 2px kural (sözleşme 3.2). */
.woocommerce-account #customer_login h2{
  position:relative; margin:0 0 22px; padding-bottom:14px;
  font-size:var(--wpt-fs-lg); font-weight:700;
  letter-spacing:var(--wpt-track-m); color:var(--wpt-ink);
}
.woocommerce-account #customer_login h2::before{
  content:"\00a0"; display:block;
  margin-bottom:9px; padding-left:27px;
  background:var(--wpt-hesap-kapak);
  font-family:var(--wpt-mono); font-size:var(--wpt-fs-xs); font-weight:600;
  letter-spacing:var(--wpt-track-l); text-transform:uppercase;
  color:var(--wpt-ink-3); line-height:1.5;
}
.woocommerce-account #customer_login h2::after{
  content:""; position:absolute; left:0; right:0; bottom:0; height:2px;
  border-radius:2px; background:var(--wpt-hesap-kural);
}

.woocommerce-account #customer_login form{
  display:grid; gap:var(--wpt-gap-sm) 0; margin:0;
}
/* Şifre ve kullanıcı adı arasında 18px, eylem bloğundan önce daha fazla. */
.woocommerce-account #customer_login form > .form-row{ margin:0 }
.woocommerce-account #customer_login form > .woocommerce-form-row + .woocommerce-form-row{
  margin-top:8px;
}
/* "Beni hatırla" ve gönder düğmesi ŞABLONDA aynı <p> içinde; dikey diziliyor. */
.woocommerce-account #customer_login form > p.form-row:has(button){
  display:flex; flex-direction:column; gap:16px; margin-top:8px;
}
.woocommerce-account #customer_login .woocommerce-LostPassword{
  margin:2px 0 0; text-align:right; font-size:var(--wpt-fs-sm);
}
.woocommerce-account #customer_login .woocommerce-LostPassword a{ color:var(--wpt-ink-2) }
.woocommerce-account #customer_login .woocommerce-LostPassword a:hover{ color:var(--wpt-brand) }

/* Gizlilik metni — üyelik formunun altında, sessiz. */
.woocommerce-account .woocommerce .woocommerce-privacy-policy-text{
  margin-top:6px; padding-top:14px; border-top:1px solid var(--wpt-line);
}
.woocommerce-account .woocommerce .woocommerce-privacy-policy-text p{
  margin:0; font-size:12.5px; line-height:1.55; color:var(--wpt-ink-3);
}


/* --------------------------------------------------------------------------
   9. MİSAFİR ALIŞVERİŞİ KUTUSU

   ⚠ Sitede misafir alışverişi AÇIK — giriş ekranı bunu söylemezse ziyaretçi
   üyeliği zorunlu sanıp sepeti bırakıyor.

   İşaretlemeyi kullanıcı ekleyecek; beklenen yapı (#customer_login İÇİNE
   konursa iki sütunu birden kaplar, dışına konursa tam genişlik):

     <div class="wpt-hesap-misafir">
       <div>
         <p class="wpt-tick is-ters">Üyelik zorunlu değil</p>
         <b>Üye olmadan da sipariş verebilirsiniz</b>
         <p>Ödeme adımında misafir olarak devam edin.</p>
       </div>
       <a class="wpt-btn is-ters" href="/magaza/">Ürünlere göz at</a>
     </div>

   Koyu lacivert bilinçli: iki açık panelin altında kompozisyonu bağlıyor ve
   sözleşme §2'deki "koyu MARKA yüzeyi" kuralına uyuyor — bu yüzden içinde
   --wpt-ink DEĞİL --wpt-koyu-ink kullanılıyor.
   -------------------------------------------------------------------------- */
.wpt-hesap-misafir{
  position:relative; overflow:hidden;
  display:flex; align-items:center; justify-content:space-between;
  gap:var(--wpt-gap) 26px; flex-wrap:wrap;
  padding:22px 26px;
  background:var(--wpt-grad-koyu);
  /* ⚠ Mürekkep KUTUYA veriliyor, tek tek çocuklara değil. Yalnızca <b> ve <p>
     boyanınca kutunun içine sonradan konan her şey (düz metin, <a>, <small>)
     gövdeden --wpt-ink miras alıyor ve koyu lacivertin üstünde okunmaz
     oluyordu — sözleşme kural 3'ün tam olarak yasakladığı durum. Temanın
     diğer koyu yüzeyleri de böyle: main.css .wpt-footer, home.css, kurumsal.css. */
  color:var(--wpt-koyu-ink);
  border:1px solid var(--wpt-koyu-cizgi);
  border-radius:var(--wpt-r-lg);
  box-shadow:var(--wpt-golge);
}
.woocommerce-account #customer_login > .wpt-hesap-misafir{ grid-column:1 / -1 }
/* Koyu panelin sol kenarındaki amber şerit — sözleşme 3.2'nin dördüncü
   tekrarı (bölüm başlığı, kart üstü, koyu panel, alt bilgi). */
.wpt-hesap-misafir::before{
  content:""; position:absolute; inset:0 auto 0 0;
  width:var(--wpt-tick); background:var(--wpt-amber);
}
.wpt-hesap-misafir > div{ min-width:0; flex:1 1 320px }
.wpt-hesap-misafir b{
  display:block; margin-bottom:5px;
  font-size:16.5px; font-weight:700; letter-spacing:var(--wpt-track-m);
  color:var(--wpt-koyu-ink);
}
.wpt-hesap-misafir p{
  margin:0; font-size:var(--wpt-fs-sm); line-height:1.6; color:var(--wpt-koyu-ink-2);
}
.wpt-hesap-misafir .wpt-tick{ margin-bottom:9px }
.wpt-hesap-misafir .wpt-btn{ flex:0 0 auto }
@media (max-width:600px){
  .wpt-hesap-misafir{ padding:20px }
  .wpt-hesap-misafir .wpt-btn{ width:100% }
}


/* --------------------------------------------------------------------------
   10. HESAP PANOSU — ray + içerik

   ⚠ Izgara yalnızca oturum AÇIKKEN kurulur. Aynı .woocommerce sarmalayıcısı
   oturum kapalıyken giriş ekranını taşıyor; koşulsuz ızgara giriş sütunlarını
   bozuyordu. `logged-in` gövde sınıfı WordPress'in kendi damgası, bu yüzden
   :has() gerekmiyor ve eski tarayıcıda da çalışıyor.
   -------------------------------------------------------------------------- */
.woocommerce-account.logged-in .woocommerce{
  display:grid; grid-template-columns:var(--wpt-ray) minmax(0,1fr);
  gap:26px; align-items:start;
}

/* --- Ray (dikey gezinme) --- */
.woocommerce-account .woocommerce-MyAccount-navigation{
  position:sticky; top:calc(var(--wpt-head-h) + var(--wpt-admin-h) + 16px);
  padding:8px; min-width:0;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul{
  display:flex; flex-direction:column; gap:2px;
  margin:0; padding:0; list-style:none;
}
.woocommerce-account .woocommerce-MyAccount-navigation li{ margin:0 }

/* Liste maddesi değil SEÇİLEBİLİR SATIR: tam genişlik, tek tıklama alanı. */
.woocommerce-account .woocommerce-MyAccount-navigation li a{
  position:relative; display:flex; align-items:center;
  padding:11px 14px 11px 17px; border-radius:var(--wpt-r-sm);
  font-size:14px; font-weight:600; line-height:1.3;
  color:var(--wpt-ink-2); text-decoration:none;
  transition:background var(--wpt-gecis), color var(--wpt-gecis);
}
.woocommerce-account .woocommerce-MyAccount-navigation li a:hover{
  background:var(--wpt-surface-2); color:var(--wpt-ink); text-decoration:none;
}
.woocommerce-account .woocommerce-MyAccount-navigation li a:focus-visible{
  outline:2px solid var(--wpt-brand); outline-offset:-2px;
}
.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a{
  background:var(--wpt-brand-soft); color:var(--wpt-brand);
}
/* Aktif satırın solundaki amber çubuk — imzanın ray hâli. */
.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a::before{
  content:""; position:absolute; left:0; top:50%; transform:translateY(-50%);
  width:var(--wpt-tick); height:18px;
  border-radius:var(--wpt-r-hap); background:var(--wpt-amber);
}

/* Oturumu kapat bir hata değil, bir çıkış: kırmızı KULLANILMAZ
   (sözleşme §2 — --wpt-kotu yalnızca indirim ve hata). Ayrımı renk değil
   ayırıcı çizgi ve daha sessiz mürekkep kuruyor. */
.woocommerce-account .woocommerce-MyAccount-navigation-link--customer-logout{
  margin-top:6px; padding-top:6px; border-top:1px solid var(--wpt-line);
}
.woocommerce-account .woocommerce-MyAccount-navigation-link--customer-logout a{
  color:var(--wpt-ink-3); font-weight:500;
}

/* --- Dar ekran: ray yatay kaydırmalı çip şeridine döner --- */
@media (max-width:900px){
  .woocommerce-account.logged-in .woocommerce{
    grid-template-columns:minmax(0,1fr); gap:var(--wpt-gap);
  }
  .woocommerce-account .woocommerce-MyAccount-navigation{
    position:static; padding:0;
    background:none; border:0; box-shadow:none; border-radius:0;
    /* Şerit ekranın kenarına kadar aksın — kesilen çip "devamı var" der.
       Taşma tam olarak .wpt-kap'ın iç boşluğu kadar; sayfa yana kaymaz.
       ⚠ Yalnızca negatif kenar boşluğu yetmedi: öğe bir ızgara hücresi ve
       tarayıcı genişliği hücre izine sabitliyor, sağ taraf 22px eksik
       kalıyordu. Genişlik açıkça isteniyor. */
    width:calc(100% + var(--wpt-kenar) * 2);
    margin-inline:calc(var(--wpt-kenar) * -1);
  }
  .woocommerce-account .woocommerce-MyAccount-navigation ul{
    flex-direction:row; gap:8px;
    padding:2px var(--wpt-kenar);
    overflow-x:auto; scrollbar-width:none; -webkit-overflow-scrolling:touch;
  }
  .woocommerce-account .woocommerce-MyAccount-navigation ul::-webkit-scrollbar{ display:none }
  .woocommerce-account .woocommerce-MyAccount-navigation li{ flex:0 0 auto }
  .woocommerce-account .woocommerce-MyAccount-navigation li a{
    padding:9px 16px; border-radius:var(--wpt-r-hap);
    border:1px solid var(--wpt-line); background:var(--wpt-surface);
    font-size:13.5px; white-space:nowrap;
  }
  .woocommerce-account .woocommerce-MyAccount-navigation li.is-active a{
    border-color:var(--wpt-brand); background:var(--wpt-brand-soft);
  }
  /* Çipte dikey çubuk yersiz; imza amber NOKTAYA dönüşür
     (main.css'teki .wpt-nokta.is-amber ile aynı fikir). */
  .woocommerce-account .woocommerce-MyAccount-navigation li.is-active a::before{
    position:static; transform:none; margin-right:8px;
    width:6px; height:6px; border-radius:50%;
  }
  .woocommerce-account .woocommerce-MyAccount-navigation-link--customer-logout{
    margin-top:0; padding-top:0; border-top:0;
  }
}

/* --- İçerik paneli --- */
.woocommerce-account .woocommerce-MyAccount-content{
  min-width:0; padding:22px 24px 24px;
}
.woocommerce-account .woocommerce-MyAccount-content > p:first-of-type{
  margin-top:0; font-size:var(--wpt-fs-md); line-height:1.65; color:var(--wpt-ink-2);
}
.woocommerce-account .woocommerce-MyAccount-content > *:last-child{ margin-bottom:0 }

/* Uç nokta başlıkları ("Fatura adresi", "Sipariş detayları") sayfanın
   bölüm başlığı imzasını taşır. Adres kutusunun küçük başlığı hariç. */
.woocommerce-account .woocommerce-MyAccount-content h2:not(.woocommerce-column__title){
  position:relative; margin:0 0 22px; padding-bottom:14px;
  font-size:var(--wpt-fs-lg); font-weight:700; letter-spacing:var(--wpt-track-m);
  color:var(--wpt-ink);
}
.woocommerce-account .woocommerce-MyAccount-content h2:not(.woocommerce-column__title)::before{
  content:"\00a0"; display:block;
  margin-bottom:9px; padding-left:27px;
  background:var(--wpt-hesap-kapak);
  font-family:var(--wpt-mono); font-size:var(--wpt-fs-xs); font-weight:600;
  letter-spacing:var(--wpt-track-l); text-transform:uppercase;
  color:var(--wpt-ink-3); line-height:1.5;
}
.woocommerce-account .woocommerce-MyAccount-content h2:not(.woocommerce-column__title)::after{
  content:""; position:absolute; left:0; right:0; bottom:0; height:2px;
  border-radius:2px; background:var(--wpt-hesap-kural);
}
/* ⚠ ÖZGÜLLÜK TUZAĞI: adres kutusunun küçük başlığı da uç nokta panelinin
   İÇİNDE bir <h2>. Yukarıdaki kural bir :not() taşıdığı için (0,3,2);
   bu kural `.woocommerce-Address-title h2` olarak yazılınca (0,2,2) kalıyor
   ve ALTTA kalıyordu — yani hiç uygulanmıyordu. Sonuç: küçük kart başlığı
   19px'e büyüyüp altına tam genişlikte amber kural çekiyor, üstelik
   position:relative + padding-bottom da yukarıdan geliyordu. Zincir
   .woocommerce-Address ile bir sınıf derinleştirildi: (0,4,2) ile üstte.
   .woocommerce-Addresses DEĞİL .woocommerce-Address seçildi; dış sarmalayıcı
   yalnızca kargo açıkken basılıyor (my-address.php), iç kutu her hâlde var. */
.woocommerce-account .woocommerce .woocommerce-Address .woocommerce-Address-title h2{
  position:static;
  margin:0; padding:0; font-size:15.5px; letter-spacing:var(--wpt-track-m);
}
/* Küçük kart başlığı imzanın DIŞINDA: ne göz kapağı satırı ne alt kural.
   ⚠ `::before` de susturulmalı — yoksa adres kutusunun başlığının üstünde
   sahipsiz bir amber çizgi kalır. */
.woocommerce-account .woocommerce .woocommerce-Address .woocommerce-Address-title h2::before,
.woocommerce-account .woocommerce .woocommerce-Address .woocommerce-Address-title h2::after{
  content:none;
}


/* --------------------------------------------------------------------------
   11. SİPARİŞ TABLOSU

   Gerçek işaretleme (templates/myaccount/orders.php):
     table.woocommerce-orders-table.shop_table.shop_table_responsive
       thead th.woocommerce-orders-table__header-{order-number|…}
       tbody tr.woocommerce-orders-table__row--status-{durum}
             th/td.woocommerce-orders-table__cell-{sütun}[data-title]

   ⚠ main.css'teki `.wpt-entry th,.wpt-entry td{border:1px solid …}` bu
     tabloyu da yakalıyordu (ızgara kâğıdı görünümü). Aşağıdaki kurallar
     daha yüksek özgüllükte olduğu için onu geri alıyor.
   -------------------------------------------------------------------------- */
/* ⚠ Sözleşme kural 7: geniş içerik KENDİ kabında kayar, gövde yana kaymaz.
   Şablon tabloyu saran bir öğe basmıyor — orders.php tabloyu doğrudan
   .woocommerce-MyAccount-content'in içine koyuyor — bu yüzden kap panelin
   kendisi. Sıkışma gerçek: ray hâlâ yerindeyken (900–1050px) panelin iç
   genişliği ~520px'e düşüyor, beş sütunun en dar hâli ise uzun bir durum
   ("Ödeme bekleniyor") ve iki eylem düğmesi olan siparişte bunu aşıyor.
   Kap yalnızca sipariş listesinde kuruluyor; :has() desteklenmeyen bir
   tarayıcıda sadece bu güvenlik ağı düşer, düzen bozulmaz. */
.woocommerce-account .woocommerce-MyAccount-content:has(table.woocommerce-orders-table){
  overflow-x:auto;
}
.woocommerce-account .woocommerce table.woocommerce-orders-table{
  width:100%; margin:0; border:0; border-collapse:collapse;
  font-size:var(--wpt-fs-kart);
}
.woocommerce-account .woocommerce table.woocommerce-orders-table th,
.woocommerce-account .woocommerce table.woocommerce-orders-table td{
  border:0; border-bottom:1px solid var(--wpt-line);
  padding:14px 12px; text-align:left; background:none;
  vertical-align:middle;
}
.woocommerce-account .woocommerce table.woocommerce-orders-table th:first-child,
.woocommerce-account .woocommerce table.woocommerce-orders-table td:first-child{
  padding-left:0;
}
.woocommerce-account .woocommerce table.woocommerce-orders-table th:last-child,
.woocommerce-account .woocommerce table.woocommerce-orders-table td:last-child{
  padding-right:0; text-align:right;
}
.woocommerce-account .woocommerce table.woocommerce-orders-table tbody tr:last-child td,
.woocommerce-account .woocommerce table.woocommerce-orders-table tbody tr:last-child th{
  border-bottom:0;
}
.woocommerce-account .woocommerce table.woocommerce-orders-table tbody tr:hover td,
.woocommerce-account .woocommerce table.woocommerce-orders-table tbody tr:hover th{
  background:var(--wpt-surface-2);
}

/* Başlık satırı ölçüm dilinde: mono, seyrek, küçük. Alt çizgi kenarlık değil
   arka plan — böylece ilk sütunun altında imza amberi görünüyor. */
.woocommerce-account .woocommerce table.woocommerce-orders-table thead th{
  padding-bottom:11px; border-bottom:0;
  font-family:var(--wpt-mono); font-size:var(--wpt-fs-xs); font-weight:600;
  letter-spacing:var(--wpt-track-l); text-transform:uppercase;
  color:var(--wpt-ink-3);
  background-image:linear-gradient(90deg, var(--wpt-line) 0, var(--wpt-line) 100%);
  background-size:100% 2px; background-position:0 100%; background-repeat:no-repeat;
}
.woocommerce-account .woocommerce table.woocommerce-orders-table thead th:first-child{
  background-image:var(--wpt-hesap-kural);
}

/* Rakam ve kod mono + tabular — sözleşme 3.5. */
.woocommerce-account .woocommerce .woocommerce-orders-table__cell-order-number a,
.woocommerce-account .woocommerce .woocommerce-orders-table__cell-order-date time{
  font-family:var(--wpt-mono); font-variant-numeric:tabular-nums;
}
.woocommerce-account .woocommerce .woocommerce-orders-table__cell-order-number a{
  font-size:13.5px; font-weight:600; color:var(--wpt-brand);
}
.woocommerce-account .woocommerce .woocommerce-orders-table__cell-order-date{
  font-size:13px; color:var(--wpt-ink-2);
}
/* Ara kalem ink-2, tutar ink — sözleşme 3.5. */
.woocommerce-account .woocommerce .woocommerce-orders-table__cell-order-total{
  font-size:13px; color:var(--wpt-ink-2);
}
.woocommerce-account .woocommerce .woocommerce-orders-table__cell-order-total .amount{
  font-family:var(--wpt-mono); font-variant-numeric:tabular-nums;
  font-size:14px; font-weight:600; color:var(--wpt-ink);
}
.woocommerce-account .woocommerce .woocommerce-orders-table__cell-order-status{
  font-weight:600; color:var(--wpt-ink);
}

/* Durum noktası — 769px ve üstünde.
   ⚠ 768px altında woocommerce-smallscreen `td::before` içine
     `attr(data-title)` basıyor; nokta kuralı o etiketi siler ve satır
     etiketsiz kalırdı. Bu yüzden nokta yalnızca masaüstünde. */
@media (min-width:769px){
  .woocommerce-account .woocommerce .woocommerce-orders-table__cell-order-status::before{
    content:""; display:inline-block; vertical-align:middle;
    width:7px; height:7px; margin:-2px 8px 0 0;
    border-radius:var(--wpt-r-hap); background:var(--wpt-ink-3);
  }
  .woocommerce-orders-table__row--status-completed .woocommerce-orders-table__cell-order-status::before{ background:var(--wpt-iyi) }
  .woocommerce-orders-table__row--status-processing .woocommerce-orders-table__cell-order-status::before,
  .woocommerce-orders-table__row--status-on-hold .woocommerce-orders-table__cell-order-status::before,
  .woocommerce-orders-table__row--status-pending .woocommerce-orders-table__cell-order-status::before{ background:var(--wpt-uyari) }
  .woocommerce-orders-table__row--status-cancelled .woocommerce-orders-table__cell-order-status::before,
  .woocommerce-orders-table__row--status-failed .woocommerce-orders-table__cell-order-status::before,
  .woocommerce-orders-table__row--status-refunded .woocommerce-orders-table__cell-order-status::before{ background:var(--wpt-kotu) }
}

/* --- Dar ekran: satır KARTA döner ---
   woocommerce-smallscreen ile kavga edilmiyor, üstüne inşa ediliyor:
   o thead'i gizliyor, satırı blok yapıyor ve td::before'a data-title
   basıyor; buradaki iş bunları site diline çevirmek. */
@media (max-width:768px){
  .woocommerce-account .woocommerce table.woocommerce-orders-table tbody tr{
    display:block; margin-bottom:var(--wpt-gap-sm); padding:4px 15px 12px;
    background:var(--wpt-grad-kagit);
    border:1px solid var(--wpt-line); border-radius:var(--wpt-r);
    box-shadow:var(--wpt-golge-sm);
  }
  /* ⚠ smallscreen `tbody th{display:none}` diyor. Sipariş NUMARASI şablonda
     <th scope="row"> — yani mobilde sipariş numarası tamamen kayboluyordu.
     Geri açılıyor ve kartın başlığı yapılıyor. */
  .woocommerce-account .woocommerce table.woocommerce-orders-table tbody th.woocommerce-orders-table__cell-order-number{
    display:flex; align-items:center; justify-content:space-between; gap:12px;
    padding:11px 0 10px; margin-bottom:4px;
    border-bottom:1px solid var(--wpt-line);
  }
  .woocommerce-account .woocommerce table.woocommerce-orders-table tbody td{
    /* ⚠ Hücrenin içinde tek bir "değer" yok: TOPLAM hücresi
       <span class="amount"> + çıplak "için 2 ürün" metni olarak geliyor ve
       ikisi ayrı esnek öğe sayılıyor. space-between üçünü birbirinden
       ayırıp tutarı satırın ortasında bırakıyordu. Bu yüzden hizalama sağa
       toplanıyor, etiket margin-right:auto ile sola itiliyor: kaç parça
       olursa olsun değer tarafı bir arada kalıyor. */
    display:flex; flex-wrap:wrap; align-items:baseline;
    justify-content:flex-end; gap:8px;
    padding:7px 0; border-bottom:0; background:none;
  }
  /* Etiket mono göz kapağı olur; smallscreen'in ": " eki ve float'ı kalkar. */
  .woocommerce-account .woocommerce table.woocommerce-orders-table tbody td::before,
  .woocommerce-account .woocommerce table.woocommerce-orders-table tbody th::before{
    content:attr(data-title); float:none; flex:0 0 auto; margin-right:auto;
    /* Ağırlık 600 — göz kapağı dili tek ağırlıkta konuşur; burası 500 idi. */
    font-family:var(--wpt-mono); font-size:10px; font-weight:600;
    letter-spacing:var(--wpt-track-l); text-transform:uppercase;
    color:var(--wpt-ink-3);
  }
  .woocommerce-account .woocommerce table.woocommerce-orders-table tbody td.woocommerce-orders-table__cell-order-actions::before{
    content:none;
  }
  .woocommerce-account .woocommerce table.woocommerce-orders-table tbody td.woocommerce-orders-table__cell-order-actions{
    justify-content:stretch; padding-top:12px;
  }
  .woocommerce-account .woocommerce table.woocommerce-orders-table tbody td.woocommerce-orders-table__cell-order-actions a.button{
    width:100%;
  }
  /* ⚠ smallscreen tek/çift satıra rgba(0,0,0,.025) zemin veriyor; koyu temada
     kartın üstüne siyah bir tül geliyordu. Kart zemini kazansın diye siliniyor. */
  .woocommerce-account .woocommerce table.woocommerce-orders-table tbody tr:nth-child(2n) td,
  .woocommerce-account .woocommerce table.woocommerce-orders-table tbody tr:nth-child(2n) th{
    background:none;
  }
  .woocommerce-account .woocommerce table.woocommerce-orders-table tbody tr:hover td,
  .woocommerce-account .woocommerce table.woocommerce-orders-table tbody tr:hover th{
    background:none;
  }
}


/* --------------------------------------------------------------------------
   12. SİPARİŞ DETAYI — view-order

   templates/order/order-details.php ve order-details-customer.php
   -------------------------------------------------------------------------- */
/* ⚠ <mark> tarayıcı varsayılanında sarı zeminli. Sipariş numarası, tarihi ve
   durumu bu etiketle basılıyor; temizlenmezse sayfada üç sarı leke kalıyor. */
.woocommerce-account .woocommerce mark{
  background:none; padding:0; color:var(--wpt-ink); font-weight:600;
}
.woocommerce-account .woocommerce mark.order-number,
.woocommerce-account .woocommerce mark.order-date{
  font-family:var(--wpt-mono); font-variant-numeric:tabular-nums;
}

/* Detay tablosunun kabı hazır: şablon onu <section class="woocommerce-order-
   details"> içine koyuyor. ⚠ order_details tablosunda `shop_table_responsive`
   YOK — yani woocommerce-smallscreen onu dar ekranda karta çevirmiyor, tablo
   380px'te de tablo kalıyor. Kayma kabı bu yüzden şart (sözleşme kural 7). */
.woocommerce-account .woocommerce .woocommerce-order-details{ overflow-x:auto }
.woocommerce-account .woocommerce table.order_details{
  width:100%; margin:0 0 26px; border:0; border-collapse:collapse;
  font-size:var(--wpt-fs-kart);
}
.woocommerce-account .woocommerce table.order_details th,
.woocommerce-account .woocommerce table.order_details td{
  border:0; border-bottom:1px solid var(--wpt-line);
  padding:12px 10px; text-align:left; background:none;
}
.woocommerce-account .woocommerce table.order_details th:last-child,
.woocommerce-account .woocommerce table.order_details td:last-child{
  text-align:right;
}
.woocommerce-account .woocommerce table.order_details thead th{
  font-family:var(--wpt-mono); font-size:var(--wpt-fs-xs); font-weight:600;
  letter-spacing:var(--wpt-track-l); text-transform:uppercase;
  color:var(--wpt-ink-3); border-bottom-width:2px;
}
.woocommerce-account .woocommerce table.order_details .amount{
  font-family:var(--wpt-mono); font-variant-numeric:tabular-nums; font-weight:600;
}
/* Ara satır etiketleri göz kapağı dilinde — sözleşme 3.6 sepet toplamı ile
   sipariş özetini TEK desen sayıyor ve bu tablo da bir sipariş özeti.
   ⚠ Ara satırlar burada düz metindi; sepet.css ve odeme.css'te mono/büyük
   harf. Aynı özet üç sayfada iki farklı tipografiyle basılıyordu. */
.woocommerce-account .woocommerce table.order_details tfoot th{
  font-family:var(--wpt-mono); font-size:var(--wpt-fs-xs); font-weight:600;
  letter-spacing:var(--wpt-track-l); text-transform:uppercase;
  color:var(--wpt-ink-3);
}
/* Son satır TOPLAM: üstünde belirgin çizgi, daha büyük punto — sözleşme 3.6.
   ⚠ Etiket 16px, tutar 19px idi; sepet ve ödeme ikisi de `--wpt-fs-md` (15,5)
   ve 23px yazıyor. Aynı toplam üç panelde üç boyda görünüyordu.
   Son satır göz kapağı dilinden ÇIKAR: burası özet değil sonuç. */
.woocommerce-account .woocommerce table.order_details tfoot tr:last-child th,
.woocommerce-account .woocommerce table.order_details tfoot tr:last-child td{
  border-top:1px solid var(--wpt-line-2); border-bottom:0;
  padding-top:15px; padding-bottom:15px; color:var(--wpt-ink);
}
.woocommerce-account .woocommerce table.order_details tfoot tr:last-child th{
  font-family:var(--wpt-font); font-size:var(--wpt-fs-md); font-weight:700;
  letter-spacing:var(--wpt-track-m); text-transform:none;
}
.woocommerce-account .woocommerce table.order_details tfoot tr:last-child .amount{
  font-size:23px; font-weight:800; letter-spacing:var(--wpt-track-m);
  color:var(--wpt-ink);
}

.woocommerce-account .woocommerce .woocommerce-customer-details .woocommerce-columns--addresses{
  display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:var(--wpt-gap);
}
@media (max-width:700px){
  .woocommerce-account .woocommerce .woocommerce-customer-details .woocommerce-columns--addresses{
    grid-template-columns:minmax(0,1fr);
  }
}
/* Göz kapağı — 13px/700 ile sayfadaki diğer bütün göz kapaklarından iri ve
   kalındı. Tek ölçü: --wpt-fs-xs / 600 (main.css `.wpt-tick`). */
.woocommerce-account .woocommerce .woocommerce-column__title{
  margin:0 0 9px;
  font-family:var(--wpt-mono); font-size:var(--wpt-fs-xs); font-weight:600;
  letter-spacing:var(--wpt-track-l);
  text-transform:uppercase; color:var(--wpt-ink-3);
}

/* Sipariş notları — dikey zaman çizgisi */
.woocommerce-account .woocommerce ol.woocommerce-OrderUpdates{
  margin:0; padding:0; list-style:none;
}
.woocommerce-account .woocommerce ol.woocommerce-OrderUpdates li{
  position:relative; margin:0 0 var(--wpt-gap-sm); padding:14px 16px;
  background:var(--wpt-surface-2); border:1px solid var(--wpt-line);
  border-radius:var(--wpt-r);
}
.woocommerce-account .woocommerce .woocommerce-OrderUpdate-meta{
  margin:0 0 6px;
  font-family:var(--wpt-mono); font-size:var(--wpt-fs-xs); font-weight:600;
  letter-spacing:var(--wpt-track-l); text-transform:uppercase; color:var(--wpt-ink-3);
}
.woocommerce-account .woocommerce .woocommerce-OrderUpdate-description p:last-child{ margin-bottom:0 }


/* --------------------------------------------------------------------------
   13. ADRES KUTULARI VE ADRES FORMU
   -------------------------------------------------------------------------- */
.woocommerce-account .woocommerce .woocommerce-Addresses{
  display:grid; grid-template-columns:repeat(2,minmax(0,1fr));
  gap:var(--wpt-gap); margin-top:22px;
}
@media (max-width:700px){
  .woocommerce-account .woocommerce .woocommerce-Addresses{ grid-template-columns:minmax(0,1fr) }
}
.woocommerce-account .woocommerce .woocommerce-Addresses .woocommerce-Address{
  min-width:0; padding:18px 20px 20px;
}
.woocommerce-account .woocommerce .woocommerce-Address-title{
  display:flex; align-items:baseline; justify-content:space-between;
  gap:12px; flex-wrap:wrap; margin-bottom:11px;
  padding-bottom:11px; border-bottom:1px solid var(--wpt-line);
}
.woocommerce-account .woocommerce .woocommerce-Address-title a.edit{
  flex:0 0 auto; font-size:12.5px; font-weight:600; color:var(--wpt-brand);
}
/* <address> tarayıcıda eğik yazılır; ölçüm diline yabancı. */
.woocommerce-account .woocommerce .woocommerce-Address address,
.woocommerce-account .woocommerce .woocommerce-customer-details address{
  font-style:normal; font-size:var(--wpt-fs-kart); line-height:1.7;
  color:var(--wpt-ink-2);
  /* Adres kutusu iki sütunlu ızgarada dar; uzun bir e-posta ya da boşluksuz
     bir kurum adı hücreyi taşırıp sayfayı yana kaydırabiliyor. */
  overflow-wrap:anywhere;
}

/* --- Adres düzenleme formu: iki sütunlu ızgara --- */
.woocommerce-account .woocommerce .woocommerce-address-fields__field-wrapper{
  display:grid; grid-template-columns:repeat(2,minmax(0,1fr));
  gap:var(--wpt-gap) 20px;
}
.woocommerce-account .woocommerce .woocommerce-address-fields__field-wrapper > .form-row-wide{
  grid-column:1 / -1;
}
@media (max-width:620px){
  .woocommerce-account .woocommerce .woocommerce-address-fields__field-wrapper{
    grid-template-columns:minmax(0,1fr);
  }
}
.woocommerce-account .woocommerce .woocommerce-address-fields > p:last-child,
.woocommerce-account .woocommerce .woocommerce-EditAccountForm > p:last-child{
  margin:26px 0 0; padding-top:22px; border-top:1px solid var(--wpt-line);
}
/* Adres satırı 2'nin etiketi ekran okuyucuya bırakılmış (.screen-reader-text)
   ve alan tam genişlik; görünür etiket olmadığı için üstünde boşluk kalmasın. */
.woocommerce-account .woocommerce .form-row > label.screen-reader-text + .woocommerce-input-wrapper{
  margin-top:0;
}


/* --------------------------------------------------------------------------
   14. HESAP DETAYLARI FORMU

   Şablon float sınıfları kullanıyor (form-row-first / -last + div.clear).
   Float yerine ızgara: temizleyiciler bölüm 1'de gizlendi.
   -------------------------------------------------------------------------- */
.woocommerce-account .woocommerce form.woocommerce-EditAccountForm{
  display:grid; grid-template-columns:repeat(2,minmax(0,1fr));
  gap:var(--wpt-gap) 20px;
}
.woocommerce-account .woocommerce form.woocommerce-EditAccountForm > .form-row-wide,
.woocommerce-account .woocommerce form.woocommerce-EditAccountForm > fieldset,
.woocommerce-account .woocommerce form.woocommerce-EditAccountForm > p:not(.form-row-first):not(.form-row-last){
  grid-column:1 / -1;
}
@media (max-width:620px){
  .woocommerce-account .woocommerce form.woocommerce-EditAccountForm{
    grid-template-columns:minmax(0,1fr);
  }
}
/* Gömük kutu dolgusu adres kutusuyla aynı (18/20/20); burası 20/22/22 idi
   ve iki kardeş kutu farklı nefes alıyordu. */
.woocommerce-account .woocommerce-EditAccountForm fieldset{
  margin:8px 0 0; padding:18px 20px 20px;
}
.woocommerce-account .woocommerce-EditAccountForm fieldset legend{
  padding:0; margin-bottom:16px;
  font-family:var(--wpt-mono); font-size:var(--wpt-fs-xs); font-weight:600;
  letter-spacing:var(--wpt-track-l); text-transform:uppercase;
  color:var(--wpt-ink-3);
}
.woocommerce-account .woocommerce-EditAccountForm fieldset .form-row + .form-row{
  margin-top:var(--wpt-gap);
}


/* --------------------------------------------------------------------------
   15. PAROLA SIFIRLAMA EKRANLARI
   form.woocommerce-ResetPassword.lost_reset_password — hem "unuttum" hem
   "yeni parola" adımında aynı sınıf.
   -------------------------------------------------------------------------- */
.woocommerce-account .woocommerce form.lost_reset_password{
  max-width:var(--wpt-en-dar); margin-inline:auto;
  padding:22px 24px 24px;
  display:grid; grid-template-columns:repeat(2,minmax(0,1fr));
  gap:var(--wpt-gap) 20px;
}
.woocommerce-account .woocommerce form.lost_reset_password > p:not(.form-row-first):not(.form-row-last){
  grid-column:1 / -1; margin:0;
}
.woocommerce-account .woocommerce form.lost_reset_password > p:first-child{
  font-size:var(--wpt-fs-md); line-height:1.6; color:var(--wpt-ink-2);
}
@media (max-width:620px){
  .woocommerce-account .woocommerce form.lost_reset_password{
    grid-template-columns:minmax(0,1fr);
  }
  /* Dar ekran panel dolgusu — odeme.css'in aynı kırılımıyla birebir. */
  .woocommerce-account #customer_login > .col-1,
  .woocommerce-account #customer_login > .col-2,
  .woocommerce-account .woocommerce-MyAccount-content,
  .woocommerce-account .woocommerce form.lost_reset_password{
    padding:20px 18px 22px;
  }
}


/* --------------------------------------------------------------------------
   16. select2 UYUMU

   ⚠ Şehir alanı düz <select> değil: selectWoo onu bir kutuya çeviriyor ve
   select2.css TEMANIN DOSYALARINDAN SONRA yükleniyor. Bu yüzden aşağıdaki
   seçiciler bilerek bir sınıf daha derin (.woocommerce-account ön eki) —
   sıra kaybedilse bile özgüllük kazanıyor.
   -------------------------------------------------------------------------- */
.woocommerce-account .select2-container{
  display:block; font-family:var(--wpt-font);
}
.woocommerce-account .select2-container--default .select2-selection--single{
  height:var(--wpt-alan); margin:0;
  background:var(--wpt-surface);
  border:1px solid var(--wpt-line); border-radius:var(--wpt-r-sm);
  transition:border-color var(--wpt-gecis), box-shadow var(--wpt-gecis);
}
.woocommerce-account .select2-container--default .select2-selection--single .select2-selection__rendered{
  padding:0 42px 0 15px; line-height:44px; font-size:14.5px; color:var(--wpt-ink);
}
.woocommerce-account .select2-container--default .select2-selection--single .select2-selection__placeholder{
  color:var(--wpt-ink-3);
}
.woocommerce-account .select2-container--default .select2-selection--single .select2-selection__arrow{
  top:0; right:0; width:42px; height:44px;
}
/* ⚠ AYNI WIDGET, İKİ FARKLI OK. select2 kendi okunu ÜÇGEN çiziyor; burada ve
   sepet.css'te yalnızca rengi değiştirilip üçgen bırakılmıştı, odeme.css ise
   onu yerel `<select>`in çift kenarlı chevron'una çevirmişti. Aynı il/ilçe
   kutusu üç sayfada iki ayrı işaret gösteriyordu — reçete ödemeden alındı. */
.woocommerce-account .select2-container--default .select2-selection--single .select2-selection__arrow b{
  left:auto; right:16px;
  width:8px; height:8px; margin:-6px 0 0 0;
  border:0;
  border-right:2px solid var(--wpt-ink-3);
  border-bottom:2px solid var(--wpt-ink-3);
  transform:rotate(45deg);
  transition:transform var(--wpt-gecis);
}
.woocommerce-account .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{
  margin-top:-2px;
  border:0;
  border-right:2px solid var(--wpt-brand);
  border-bottom:2px solid var(--wpt-brand);
  transform:rotate(225deg);
}
.woocommerce-account .select2-container--default.select2-container--focus .select2-selection--single,
.woocommerce-account .select2-container--default.select2-container--open .select2-selection--single{
  border-color:var(--wpt-brand); box-shadow:0 0 0 4px var(--wpt-brand-soft);
}
/* Açılır liste <body>'nin altına taşınıyor — .woocommerce-account gövde
   sınıfı olduğu için ön ek yine geçerli.
   ⚠ `color` ŞART: select2.css panele `color:#000` yazıyor; zemini devralıp
   mürekkebi devralmazsak koyu temada koyu panel üstünde siyah metin kalıyor.
   Bu düzeltme yalnızca odeme.css'te vardı. Gölge de `--wpt-golge` idi,
   diğer iki yüzeyde `--wpt-golge-lg`. */
.woocommerce-account .select2-dropdown{
  background:var(--wpt-surface);
  color:var(--wpt-ink);
  border:1px solid var(--wpt-line); border-radius:var(--wpt-r-sm);
  box-shadow:var(--wpt-golge-lg);
  overflow:hidden;
  font-family:var(--wpt-font);
}
.woocommerce-account .select2-container--open .select2-dropdown--below{
  margin-top:6px; border-top:1px solid var(--wpt-line); border-radius:var(--wpt-r-sm);
}
.woocommerce-account .select2-container--open .select2-dropdown--above{
  margin-top:-6px; border-bottom:1px solid var(--wpt-line); border-radius:var(--wpt-r-sm);
}
.woocommerce-account .select2-search--dropdown{
  padding:9px; border-bottom:1px solid var(--wpt-line); background:var(--wpt-surface-2);
}
.woocommerce-account .select2-container--default .select2-search--dropdown .select2-search__field{
  height:38px; padding:0 12px;
  background:var(--wpt-surface); color:var(--wpt-ink);
  border:1px solid var(--wpt-line); border-radius:var(--wpt-r-sm);
  font-family:inherit; font-size:14px;
}
.woocommerce-account .select2-container--default .select2-search--dropdown .select2-search__field:focus{
  outline:none; border-color:var(--wpt-brand);
  box-shadow:0 0 0 4px var(--wpt-brand-soft);
}
.woocommerce-account .select2-container--default .select2-results > .select2-results__options{
  max-height:264px; padding:5px; overscroll-behavior:contain;
}
.woocommerce-account .select2-container--default .select2-results__option{
  padding:9px 12px; border-radius:var(--wpt-r-sm);
  font-size:14.5px; line-height:1.35; color:var(--wpt-ink-2);
}
/* ⚠ SEÇİLİ ile VURGULU'nun anlamı üç dosyada ters düşüyordu. Token sözlüğü
   nettir: `--wpt-brand-soft` = SEÇİLİ satır. Klavyeyle gezilen (vurgulu)
   satır dolu marka olur. */
.woocommerce-account .select2-container--default .select2-results__option[aria-selected="true"],
.woocommerce-account .select2-container--default .select2-results__option[data-selected="true"]{
  background:var(--wpt-brand-soft); color:var(--wpt-brand); font-weight:600;
}
.woocommerce-account .select2-container--default .select2-results__option--highlighted[aria-selected],
.woocommerce-account .select2-container--default .select2-results__option--highlighted[data-selected]{
  background:var(--wpt-brand); color:var(--wpt-btn-ink);
}
.woocommerce-account .select2-container--default .select2-results__option[aria-disabled="true"]{
  color:var(--wpt-ink-3);
}
.woocommerce-account .select2-container--default .select2-results__message{
  padding:12px; font-size:13.5px; color:var(--wpt-ink-3);
}


/* --------------------------------------------------------------------------
   17. SAYFALAMA VE İNDİRMELER
   -------------------------------------------------------------------------- */
.woocommerce-account .woocommerce .woocommerce-pagination{
  display:flex; flex-wrap:wrap; gap:var(--wpt-gap-sm);
  justify-content:space-between;
  margin-top:24px; padding-top:20px; border-top:1px solid var(--wpt-line);
}
.woocommerce-account .woocommerce .woocommerce-pagination .woocommerce-Button--next{
  margin-left:auto;
}
.woocommerce-account .woocommerce ul.woocommerce-Downloads{
  margin:0; padding:0; list-style:none;
}
.woocommerce-account .woocommerce ul.woocommerce-Downloads li{
  display:flex; align-items:center; justify-content:space-between;
  gap:14px; flex-wrap:wrap;
  padding:13px 0; border-bottom:1px solid var(--wpt-line);
}
.woocommerce-account .woocommerce ul.woocommerce-Downloads li:last-child{ border-bottom:0 }
.woocommerce-account .woocommerce .woocommerce-Count{
  font-family:var(--wpt-mono); font-size:var(--wpt-fs-xs); font-weight:600;
  letter-spacing:var(--wpt-track-l);
  text-transform:uppercase; color:var(--wpt-ink-3);
}


/* ==========================================================================
   18. ⚠⚠ ESKİ SAYFA İÇİ CSS'İ ETKİSİZLEŞTİRME — GEÇİCİ BLOK, SİLİNECEK
   ==========================================================================

   NE OLUYOR: "Hesabım" sayfasının (post ID 16581) ve "Sepet" sayfasının
   (post ID 7) İÇERİĞİNİN kendisinde <style id="wpt-sepet-hesabim-css">
   diye Kadence döneminden kalma bir blok duruyor. Eklentiden ya da temadan
   gelmiyor — veritabanındaki post_content'in içinde. Sayfa gövdesine, yani
   BU DOSYADAN SONRA basılıyor ve şu tanımları !important ile kilitliyor:

     body.woocommerce-account .woocommerce input.input-text,
     body.woocommerce-account .woocommerce select
         → border / border-radius / padding
     body.woocommerce-account .woocommerce button.button
         → background / color / border / border-radius / padding / font-weight
     body.woocommerce-account .woocommerce-form-login, …-register
         → border / border-radius / padding  (+ max-width:460px; margin:0 auto)

   Bloğun geri kalanı (ray, içerik paneli, shop_table, a.button) zincirinde
   `.content-area` taşıyor. Kadence'de o sarmalayıcı vardı, BU TEMADA YOK —
   o kurallar hiç eşleşmiyor, bu yüzden karşılıkları da yazılmadı.
   `.content-area` bir gün temaya girerse bu bölüm yeniden gözden geçirilmeli.

   Hepsi sabit hex yazıyor (#fff, #0a54a0, #d7e2f0) — yani koyu temada
   kırılıyor — ve giriş formlarını 460px'e sıkıştırıp ortalıyor. Kullanıcının
   "alt alta, ortada, çıplak kutular" tarifi büyük ölçüde bu blok.

   DOĞRU ÇÖZÜM: o <style> bloğunu iki sayfanın içeriğinden silmek.
   Silindiği anda AŞAĞIDAKİ BÖLÜMÜN TAMAMI DE SİLİNMELİ.

   Sözleşme kural 2 `!important`i yasaklıyor, tek istisnası "ezmek zorunda
   kalınan yer + NEDEN". Neden yukarıda; !important'ler tek blokta toplandı
   ki temizlik tek kesimle yapılabilsin.
   -------------------------------------------------------------------------- */

/* Eski blok alan çerçevesini kilitliyor. Değerler bölüm 5 ile aynı. */
.woocommerce-account .woocommerce .form-row input.input-text,
.woocommerce-account .woocommerce .form-row input[type="password"]{
  border:1px solid var(--wpt-line) !important;
  border-radius:var(--wpt-r-sm) !important;
  padding:0 15px !important;
}
.woocommerce-account .woocommerce .form-row input.input-text:focus,
.woocommerce-account .woocommerce .form-row input[type="password"]:focus{
  border-color:var(--wpt-brand) !important;
}
/* Parola alanı göz düğmesine yer açmak zorunda (bölüm 6). */
.woocommerce-account .woocommerce .password-input input.input-text{
  padding-right:48px !important;
}

/* ⚠ EKSİK KALMIŞTI. Eski bloğun alan kuralı seçim kutusunu DA kapsıyor:
     body.woocommerce-account .woocommerce input.input-text,
     body.woocommerce-account .woocommerce select
       { border:1.5px solid #d7e2f0 !important;
         border-radius:10px !important;
         padding:0 12px !important }
   Üç etkisi de zararlıydı:
     1) #d7e2f0 sabit hex — koyu temada açık gri çerçeve olarak kalıyor,
        sözleşme kural 1 ve 4 kırılıyordu (bölüm 5 tokenı hiç uygulanmıyordu);
     2) 10px yarıçap sözleşmenin form ölçüsünü (--wpt-r-sm, 8px) eziyor,
        "yuvarlaklık karmaşası" yasağına giriyordu;
     3) en görüneni: `padding` KISAYOLU bölüm 5'teki `padding-right:40px`i
        siliyor, seçim kutusunun değeri özel okun ALTINA giriyordu.
   Taban kuralda !important olduğu için odak ve hata renkleri de !important
   olmak zorunda — yoksa `border` kısayolu her durumda üstte kalır. */
.woocommerce-account .woocommerce .form-row select{
  border:1px solid var(--wpt-line) !important;
  border-radius:var(--wpt-r-sm) !important;
  padding:0 15px !important;
}
.woocommerce-account .woocommerce .form-row:has(> .woocommerce-input-wrapper > select) select{
  padding-right:40px !important;
}
.woocommerce-account .woocommerce .form-row select:focus{
  border-color:var(--wpt-brand) !important;
}
.woocommerce-account .woocommerce .form-row.woocommerce-invalid select{
  border-color:var(--wpt-kotu) !important;
}

/* Eski blok TÜM <button class="button"> öğelerini mavi degradeye çeviriyor. */
.woocommerce-account .wpt-entry .woocommerce form button.button{
  border:1px solid transparent !important;
  border-radius:var(--wpt-r-hap) !important;
  padding:0 26px !important;
  font-weight:600 !important;
  background:var(--wpt-grad-marka) !important;
  color:var(--wpt-btn-ink) !important;
}
/* Üye Ol hayalet kalmalı (bölüm 7'deki gerekçe). */
.woocommerce-account .wpt-entry .woocommerce form button[name="register"]{
  background:var(--wpt-surface) !important;
  color:var(--wpt-ink) !important;
  border:1px solid var(--wpt-line-2) !important;
}

/* Eski blok giriş ve üyelik formunu ayrı ayrı kutuluyordu; panel artık
   sütunun kendisi (bölüm 4), form sadece bir ızgara. */
.woocommerce-account #customer_login .woocommerce-form-login,
.woocommerce-account #customer_login .woocommerce-form-register{
  max-width:none; margin:0;
  background:none; box-shadow:none;
  border:0 !important;
  border-radius:0 !important;
  padding:0 !important;
}


/* --------------------------------------------------------------------------
   19. HAREKET AZALTMA

   _tokens.css genel bir kural taşıyor ama o yalnızca SÜREYİ kısaltıyor
   (`transition-duration:.01ms`); `transform` bir geçiş değil, durumun
   kendisi — hover'da öğe gerçekten 1px kalkıyor ve orada kalıyor. Bu yüzden
   kalkma ayrıca iptal ediliyor (sözleşme kural 5).

   ⚠ ÖZGÜLLÜK TUZAĞI — bu bölüm bir kez sessizce çalışmıyordu. Bölüm 7'nin
   seçicileri eski sayfa içi blok yüzünden `.wpt-entry` taşıyor, yani
   (0,5,0)/(0,5,1). Buradaki kurallar `.wpt-entry` olmadan (0,4,0)/(0,4,1)
   kalıyor ve KAYBEDİYORDU: hareket azaltma açıkken bile butonlar hover'da
   kalkmaya devam ediyordu. Zincir bölüm 7 ile eşitlendi ve beraberliği
   belge sırasına bırakmamak için `body` ön eki eklendi — bu bir stil
   tercihi değil, yalnızca bir özgüllük kaldıracı.
   -------------------------------------------------------------------------- */
@media (prefers-reduced-motion:reduce){
  body.woocommerce-account .wpt-entry .woocommerce .button,
  body.woocommerce-account .wpt-entry .woocommerce .woocommerce-Button,
  body.woocommerce-account .wpt-entry .woocommerce button[type="submit"],
  body.woocommerce-account .woocommerce .form-row input,
  body.woocommerce-account .woocommerce .form-row select,
  body.woocommerce-account .woocommerce .show-password-input,
  body.woocommerce-account .woocommerce-MyAccount-navigation li a,
  body.woocommerce-account .select2-container--default .select2-selection--single,
  body.woocommerce-account .select2-container--default .select2-selection--single .select2-selection__arrow b{
    transition:none;
  }
  /* ⚠ `:active` de listede olmalı: `transform` bir geçiş değil durumun
     kendisi; süre kısılsa da öğe gerçekten zıplıyor. odeme.css bunu
     yapıyordu, bu dosya ve sepet.css yalnızca `:hover`ı durduruyordu. */
  body.woocommerce-account .wpt-entry .woocommerce .button:hover,
  body.woocommerce-account .wpt-entry .woocommerce .button:active,
  body.woocommerce-account .wpt-entry .woocommerce .woocommerce-Button:hover,
  body.woocommerce-account .wpt-entry .woocommerce .woocommerce-Button:active,
  body.woocommerce-account .wpt-entry .woocommerce button:hover,
  body.woocommerce-account .wpt-entry .woocommerce button:active,
  body.woocommerce-account .wpt-entry .woocommerce button[type="submit"]:hover,
  body.woocommerce-account .wpt-entry .woocommerce button[type="submit"]:active,
  body.woocommerce-account .wpt-entry .woocommerce button[name="login"]:hover,
  body.woocommerce-account .wpt-entry .woocommerce button[name="login"]:active,
  body.woocommerce-account .wpt-entry .woocommerce button[name="register"]:hover,
  body.woocommerce-account .wpt-entry .woocommerce button[name="register"]:active,
  body.woocommerce-account .wpt-entry .woocommerce button[name="save_address"]:hover,
  body.woocommerce-account .wpt-entry .woocommerce button[name="save_address"]:active,
  body.woocommerce-account .wpt-entry .woocommerce button[name="save_account_details"]:hover,
  body.woocommerce-account .wpt-entry .woocommerce button[name="save_account_details"]:active,
  body.woocommerce-account .wpt-entry .woocommerce form.lost_reset_password button[type="submit"]:hover,
  body.woocommerce-account .wpt-entry .woocommerce form.lost_reset_password button[type="submit"]:active{
    transform:none;
  }
}