/* ===================================================================
   HESAP EKRANLARI — olculen sapmalar
   Issue #280 · 10.09.2026

   YENIDEN TASARIM DEGIL. `[M]` karari: "Woo'dan UI/UX tasarimina girmeye
   gerek yok." Asagidakilerin hepsi CANLIDA OLCULDU ve sitenin kendi
   token'ina hizalanir; yeni bir dil kurulmaz, duzen degistirilmez.

   Token seti child temanin style.css'inden gelir (`--pc-*`).
=================================================================== */


/* --- 1 · BUTON ------------------------------------------------------
 * OLCULDU (/mein-konto/, 1440):
 *     Woo butonu   arka #0F4A3C · kose 7px · yukseklik 39px
 *     bizim buton  arka #171817 · kose 0   · yukseklik 53px
 *     token'lar    --pc-mark #5F6F62 · --pc-ink #171817
 *
 * #0F4A3C sitenin HICBIR token'i degil — Flatsome'in kendi rengi. Ve 39px
 * dokunma hedefi esiginin (44px) altinda.
 *
 * Renk `--pc-ink`e cekiliyor: sayfadaki birincil eylem her yerde siyah
 * (`.vs-btn--ink`). Kose sifirlaniyor, yukseklik 44'e cikiyor. Yazi tipi,
 * punto ve buyuk harf DEGISMIYOR — onlar Flatsome'in kalibi ve sorun degil. */
.woocommerce-account .button,
.woocommerce-account button[type="submit"],
.page-template-page-my-account .button,
.page-template-page-my-account button[type="submit"] {
  min-height: 44px;
  border-radius: 0;
  background-color: var(--pc-ink);
  border-color: var(--pc-ink);
  color: var(--pc-bg);
}

.woocommerce-account .button:is(:hover, :focus-visible),
.woocommerce-account button[type="submit"]:is(:hover, :focus-visible),
.page-template-page-my-account .button:is(:hover, :focus-visible),
.page-template-page-my-account button[type="submit"]:is(:hover, :focus-visible) {
  background-color: var(--pc-mark);
  border-color: var(--pc-mark);
}


/* --- 2 · FORM ALANI -------------------------------------------------
 * OLCULDU: giris/parola alanlari 39px (masaustu) ve 40px (mobil).
 * Ikisi de 44px esiginin altinda ve bunlar sayfanin TEK isi. */
.woocommerce-account .woocommerce form input:not([type="checkbox"]):not([type="radio"]),
.page-template-page-my-account .woocommerce form input:not([type="checkbox"]):not([type="radio"]) {
  min-height: 44px;
}


/* --- 3 · ONAY KUTUSU ------------------------------------------------
 * OLCULDU: "Angemeldet bleiben" kutusu 13x13px — her esigin altinda.
 * Kutunun KENDISI buyutulmuyor (gorsel olarak orantisiz durur); tiklanabilir
 * alan etikete tasiniyor, WCAG 2.5.8'in kabul ettigi cozum budur. */
.woocommerce-account .woocommerce-form-login__rememberme,
.page-template-page-my-account .woocommerce-form-login__rememberme {
  display: inline-flex;
  align-items: center;
  gap: var(--pc-space-xs);
  min-height: 44px;
  cursor: pointer;
}


/* --- 4 · OKUMA OLCUSU -----------------------------------------------
 * OLCULDU (/mein-konto/lost-password/, 1440): aciklama paragrafi tam
 * genislikte akiyor — satir 1228px. Sitenin okuma sutunu bunun yarisindan
 * kisa. Tek kural, tek deger; duzen degismiyor. */
.woocommerce-account .woocommerce-form-login__submit ~ p,
.woocommerce-account .woocommerce-ResetPassword > p,
.woocommerce-account .woocommerce-form-login > p:first-of-type,
.page-template-page-my-account .woocommerce-ResetPassword > p {
  max-width: var(--pc-measure-body);
}


/* --- 5 · CIFT BASLIK ------------------------------------------------
 * OLCULDU (/mein-konto/merkliste/): sayfa IKI baslik tasiyor —
 * `page-my-account.php` sablonunun ust bandindaki `<h1>Merkliste</h1>` ve
 * hemen altinda YITH'in kendi `Meine Merkliste` basligi. Ikisi ayni seyi
 * soyluyor.
 *
 * GIZLENEN, SABLONUNKI DEGIL YITH'INKI: h1 belge yapisinin parcasi ve ekran
 * okuyucu onunla geziniyor; ikinci baslik yalniz gorsel tekrar. `hidden`
 * DEGIL `display:none` de degil — ekran okuyucuda da tekrar olmasin diye
 * tamamen kaldiriliyor. */
.page-template-page-my-account .wishlist-title:not(.wishlist-title-with-form) {
  display: none;
}
