/* Tek alanlı giriş / üyelik (panel + /hesabim/). Form: inc/giris_tek_adim.php
 *
 * ⛔ ÖNEK :is(#login-panel, #sb-hesap-giris) .sb-auth
 * style.css ve tema `#login-panel label`, `.sb-panel-auth .input-text`,
 * `.woocommerce-form.login input[type=text]` gibi !important kurallar taşıyor.
 * :is() en özgül argümanının (kimlik) ağırlığını alır; bu dosyanın kuralları
 * onları ezebilsin diye her kural bu önekle yazıldı. Kimliksiz bir yere
 * basılırsa (.sb-auth tek başına) yine düzgün görünür ama eski kurallar sızabilir.
 */

.sb-auth {
	--sb-auth-ink: #111;
	--sb-auth-muted: #6b6b6b;
	--sb-auth-line: #e5e5e5;
	--sb-auth-err: #b42318;
	--sb-auth-ok: #047857;
	font-family: 'Montserrat', Arial, sans-serif;
	color: var(--sb-auth-ink);
}

/* --- Adım görünürlüğü --- */
:is(#login-panel, #sb-hesap-giris) .sb-auth [data-goster] { display: none !important; }
:is(#login-panel, #sb-hesap-giris) .sb-auth[data-adim="kimlik"] [data-goster~="kimlik"],
:is(#login-panel, #sb-hesap-giris) .sb-auth[data-adim="kod"] [data-goster~="kod"],
:is(#login-panel, #sb-hesap-giris) .sb-auth[data-adim="sifre"] [data-goster~="sifre"],
:is(#login-panel, #sb-hesap-giris) .sb-auth[data-adim="kayit"] [data-goster~="kayit"],
:is(#login-panel, #sb-hesap-giris) .sb-auth[data-adim="kayit_kod"] [data-goster~="kayit_kod"] { display: block !important; }
:is(#login-panel, #sb-hesap-giris) .sb-auth[data-adim="kod"] .sb-auth__baglantilar[data-goster~="kod"],
:is(#login-panel, #sb-hesap-giris) .sb-auth[data-adim="sifre"] .sb-auth__baglantilar[data-goster~="sifre"],
:is(#login-panel, #sb-hesap-giris) .sb-auth[data-adim="kayit_kod"] .sb-auth__baglantilar[data-goster~="kayit_kod"] { display: flex !important; }

/* Kayıt adımında e-posta ile mi telefonla mı gelindiğine göre metin/alan. */
:is(#login-panel, #sb-hesap-giris) .sb-auth [data-tur] { display: none !important; }
:is(#login-panel, #sb-hesap-giris) .sb-auth[data-kayit-tur="eposta"] [data-tur="eposta"],
:is(#login-panel, #sb-hesap-giris) .sb-auth[data-kayit-tur="telefon"] [data-tur="telefon"] { display: block !important; }

:is(#login-panel, #sb-hesap-giris) .sb-auth [hidden] { display: none !important; }

/* --- Form kabuğu (temanın tam yükseklik + ortalama düzenini kapat) --- */
:is(#login-panel, #sb-hesap-giris) .sb-auth form.sb-auth__form {
	display: block !important;
	height: auto !important;
	padding: 0 !important;
	margin: 0 !important;
}
:is(#login-panel, #sb-hesap-giris) .sb-auth form.sb-auth__form > :first-child { margin-top: 0 !important; }

:is(#login-panel, #sb-hesap-giris) .sb-auth .sb-auth__baslik {
	font-size: 22px !important;
	font-weight: 600 !important;
	line-height: 1.3 !important;
	margin: 0 0 24px !important;
	text-align: left !important;
	text-transform: none !important;
	letter-spacing: 0 !important;
}

/* --- Alan --- */
:is(#login-panel, #sb-hesap-giris) .sb-auth .sb-auth__alan { margin: 0 0 16px !important; padding: 0 !important; }

:is(#login-panel, #sb-hesap-giris) .sb-auth .sb-auth__alan > label {
	display: block !important;
	position: static !important;
	transform: none !important;
	margin: 0 0 6px !important;
	padding: 0 !important;
	font-size: 13px !important;
	font-weight: 500 !important;
	line-height: 1.4 !important;
	color: var(--sb-auth-ink) !important;
	text-transform: none !important;
	letter-spacing: 0 !important;
}

:is(#login-panel, #sb-hesap-giris) .sb-auth .sb-auth__girdi {
	display: block !important;
	width: 100% !important;
	height: 48px !important;
	margin: 0 !important;
	padding: 0 14px !important;
	border: 1px solid var(--sb-auth-line) !important;
	border-radius: 10px !important;
	background: #fff !important;
	box-shadow: none !important;
	color: var(--sb-auth-ink) !important;
	font-family: inherit !important;
	font-size: 16px !important; /* iOS 16px altında odakta sayfayı büyütür */
	line-height: 46px !important;
	box-sizing: border-box !important;
	transition: border-color .15s ease !important;
	-webkit-appearance: none;
	appearance: none;
}
:is(#login-panel, #sb-hesap-giris) .sb-auth .sb-auth__girdi:focus {
	border-color: var(--sb-auth-ink) !important;
	outline: none !important;
	box-shadow: 0 0 0 1px var(--sb-auth-ink) !important;
}
:is(#login-panel, #sb-hesap-giris) .sb-auth .sb-auth__girdi::placeholder { color: #9a9a9a !important; opacity: 1 !important; }

:is(#login-panel, #sb-hesap-giris) .sb-auth .sb-auth__kod {
	text-align: center !important;
	letter-spacing: 6px !important;
	font-size: 20px !important;
	font-variant-numeric: tabular-nums;
}
:is(#login-panel, #sb-hesap-giris) .sb-auth .sb-auth__kod::placeholder { letter-spacing: 0 !important; font-size: 15px !important; }

/* Kimlik alanı: sonraki adımlarda kilitli + içinde "Değiştir". */
:is(#login-panel, #sb-hesap-giris) .sb-auth .sb-auth__kimlik-kutu { position: relative !important; }
:is(#login-panel, #sb-hesap-giris) .sb-auth .sb-auth__girdi.is-kilitli {
	background: #f6f6f6 !important;
	color: var(--sb-auth-ink) !important;
	padding-right: 92px !important;
	cursor: default !important;
}
:is(#login-panel, #sb-hesap-giris) .sb-auth .sb-auth__degistir {
	position: absolute !important;
	top: 0 !important;
	right: 0 !important;
	height: 48px !important;
	min-width: 44px !important;
	margin: 0 !important;
	padding: 0 14px !important;
	border: 0 !important;
	background: none !important;
	box-shadow: none !important;
	color: var(--sb-auth-ink) !important;
	font: 600 13px/48px 'Montserrat', Arial, sans-serif !important;
	text-decoration: underline !important;
	text-underline-offset: 3px;
	text-transform: none !important;
	letter-spacing: 0 !important;
	cursor: pointer !important;
}

:is(#login-panel, #sb-hesap-giris) .sb-auth .sb-auth__ipucu,
:is(#login-panel, #sb-hesap-giris) .sb-auth .sb-auth__not {
	margin: 8px 0 0 !important;
	font-size: 13px !important;
	line-height: 1.5 !important;
	color: var(--sb-auth-muted) !important;
}
:is(#login-panel, #sb-hesap-giris) .sb-auth .sb-auth__not { margin: 0 0 16px !important; color: var(--sb-auth-ink) !important; }

/* --- Kayıt adımı: izin kutusu + KVKK cümlesi --- */
:is(#login-panel, #sb-hesap-giris) .sb-auth .sb-auth__kayit .form-row {
	margin: 0 0 12px !important;
	padding: 0 !important;
}
:is(#login-panel, #sb-hesap-giris) .sb-auth .sb-auth__kayit label.woocommerce-form__label-for-checkbox {
	display: flex !important;
	align-items: flex-start !important;
	gap: 10px !important;
	margin: 0 !important;
	padding: 0 !important;
	transform: none !important;
	font-size: 13px !important;
	font-weight: 400 !important;
	line-height: 1.5 !important;
	color: var(--sb-auth-ink) !important;
	cursor: pointer;
}
:is(#login-panel, #sb-hesap-giris) .sb-auth .sb-auth__kayit input[type="checkbox"] {
	-webkit-appearance: checkbox !important;
	appearance: checkbox !important;
	display: inline-block !important;
	position: static !important;
	visibility: visible !important;
	opacity: 1 !important;
	flex: 0 0 18px !important;
	width: 18px !important;
	height: 18px !important;
	margin: 1px 0 0 !important;
	accent-color: #111;
}
:is(#login-panel, #sb-hesap-giris) .sb-auth .sb-auth__kayit label.woocommerce-form__label-for-checkbox span::before,
:is(#login-panel, #sb-hesap-giris) .sb-auth .sb-auth__kayit label.woocommerce-form__label-for-checkbox span::after { display: none !important; }
:is(#login-panel, #sb-hesap-giris) .sb-auth .sb-auth__kayit a { color: var(--sb-auth-ink) !important; text-decoration: underline !important; text-underline-offset: 2px; }
:is(#login-panel, #sb-hesap-giris) .sb-auth .woocommerce-privacy-policy-text,
:is(#login-panel, #sb-hesap-giris) .sb-auth .woocommerce-privacy-policy-text p {
	margin: 0 0 4px !important;
	padding: 0 !important;
	font-size: 12px !important;
	line-height: 1.55 !important;
	color: var(--sb-auth-muted) !important;
}
:is(#login-panel, #sb-hesap-giris) .sb-auth .woocommerce-privacy-policy-text a strong { font-weight: 600; }

/* --- Mesaj --- */
:is(#login-panel, #sb-hesap-giris) .sb-auth .sb-auth__mesaj {
	margin: 0 !important;
	font-size: 13px !important;
	line-height: 1.5 !important;
	color: var(--sb-auth-muted) !important;
}
:is(#login-panel, #sb-hesap-giris) .sb-auth .sb-auth__mesaj:not(:empty) { margin: 0 0 14px !important; }
:is(#login-panel, #sb-hesap-giris) .sb-auth .sb-auth__mesaj.is-hata { color: var(--sb-auth-err) !important; }
:is(#login-panel, #sb-hesap-giris) .sb-auth .sb-auth__mesaj.is-basari { color: var(--sb-auth-ok) !important; }

/* --- Ana düğme --- */
:is(#login-panel, #sb-hesap-giris) .sb-auth .sb-auth__dugme {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 100% !important;
	height: 48px !important;
	margin: 4px 0 0 !important;
	padding: 0 16px !important;
	border: 1px solid #111 !important;
	border-radius: 10px !important;
	background: #111 !important;
	color: #fff !important;
	box-shadow: none !important;
	font: 600 15px/1 'Montserrat', Arial, sans-serif !important;
	text-transform: none !important;
	letter-spacing: 0 !important;
	cursor: pointer !important;
	transition: background-color .15s ease !important;
}
:is(#login-panel, #sb-hesap-giris) .sb-auth .sb-auth__dugme:hover { background: #333 !important; border-color: #333 !important; }
:is(#login-panel, #sb-hesap-giris) .sb-auth .sb-auth__dugme:focus-visible { outline: 2px solid #111 !important; outline-offset: 2px !important; }
:is(#login-panel, #sb-hesap-giris) .sb-auth .sb-auth__dugme:disabled { opacity: .6 !important; cursor: default !important; }
:is(#login-panel, #sb-hesap-giris) .sb-auth .sb-auth__dugme.is-mesgul { color: transparent !important; position: relative !important; }
:is(#login-panel, #sb-hesap-giris) .sb-auth .sb-auth__dugme.is-mesgul::after {
	content: '';
	position: absolute;
	width: 18px;
	height: 18px;
	border: 2px solid rgba(255, 255, 255, .4);
	border-top-color: #fff;
	border-radius: 50%;
	animation: sb-auth-don .7s linear infinite;
}
@keyframes sb-auth-don { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) {
	:is(#login-panel, #sb-hesap-giris) .sb-auth .sb-auth__dugme.is-mesgul::after { animation-duration: 2s; }
}

/* --- İkincil bağlantılar --- */
:is(#login-panel, #sb-hesap-giris) .sb-auth .sb-auth__baglantilar {
	justify-content: space-between !important;
	align-items: center !important;
	flex-wrap: wrap !important;
	gap: 4px 16px !important;
	margin: 10px 0 0 !important;
}
:is(#login-panel, #sb-hesap-giris) .sb-auth .sb-auth__baglanti {
	display: inline-flex !important;
	align-items: center !important;
	min-height: 44px !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	background: none !important;
	box-shadow: none !important;
	color: var(--sb-auth-ink) !important;
	font: 500 13px/1.4 'Montserrat', Arial, sans-serif !important;
	text-decoration: underline !important;
	text-underline-offset: 3px;
	text-transform: none !important;
	letter-spacing: 0 !important;
	border-bottom: 0 !important;
	cursor: pointer !important;
}
:is(#login-panel, #sb-hesap-giris) .sb-auth .sb-auth__baglanti:disabled {
	color: var(--sb-auth-muted) !important;
	text-decoration: none !important;
	cursor: default !important;
	font-variant-numeric: tabular-nums;
}

/* --- Google --- */
:is(#login-panel, #sb-hesap-giris) .sb-auth .sb-auth__ayirici {
	display: flex !important;
	align-items: center !important;
	gap: 12px !important;
	margin: 20px 0 !important;
	color: var(--sb-auth-muted) !important;
	font-size: 13px !important;
}
:is(#login-panel, #sb-hesap-giris) .sb-auth .sb-auth__ayirici::before,
:is(#login-panel, #sb-hesap-giris) .sb-auth .sb-auth__ayirici::after { content: ''; flex: 1; height: 1px; background: var(--sb-auth-line); }
:is(#login-panel, #sb-hesap-giris) .sb-auth .sb-google-login { margin: 0 !important; }
:is(#login-panel, #sb-hesap-giris) .sb-auth .sb-google-btn {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 10px !important;
	width: 100% !important;
	box-sizing: border-box !important;
	background: #fff !important;
	text-decoration: none !important;
	height: 48px !important;
	padding: 0 16px !important;
	border: 1px solid var(--sb-auth-line) !important;
	border-radius: 10px !important;
	color: var(--sb-auth-ink) !important;
	font: 500 15px/1 'Montserrat', Arial, sans-serif !important;
}
:is(#login-panel, #sb-hesap-giris) .sb-auth .sb-google-btn:hover { border-color: #111 !important; box-shadow: none !important; }

/* --- Panel yerleşimi --- */
#login-panel .panel-content.sb-auth-panel {
	padding-top: 24px !important;
	padding-bottom: calc(32px + env(safe-area-inset-bottom, 0px)) !important;
}
@media (min-width: 768px) {
	#login-panel .panel-content.sb-auth-panel { padding-top: 48px !important; }
}
#login-panel .panel-content.sb-auth-panel .sb-auth { max-width: 420px; }

/* /hesabim/ GİRİŞ EKRANI (oturum kapalı): sayfa başlığı "Hesabım" formun kendi
   başlığıyla ("Giriş yap veya üye ol") tekrar ediyor ve araya ~120px boşluk
   giriyordu (2026-10-10). Başlık gizlenir, form üstten makul boşlukla başlar.
   Sayfanın H1'i formun başlığı (sb_auth_form_render 'sayfa' → h1.sb-auth__baslik).
   ⛔ YALNIZ giriş formu olan sayfada (:has(#sb-hesap-giris)): /hesabim/sifremiunuttum/
   ve şifre sıfırlama ekranları da body.woocommerce-account:not(.logged-in); orada
   tek başlık entry-title, gizlenirse sayfanın H1'i kalmıyordu. :has desteklemeyen
   tarayıcıda kural düşer, "Hesabım" başlığı görünür (zararsız). */
body.woocommerce-account:not(.logged-in):has(#sb-hesap-giris) .entry-header { display: none !important; }
body.woocommerce-account:not(.logged-in):has(#sb-hesap-giris) .site-content { padding-top: 48px !important; padding-bottom: 80px !important; }
body.woocommerce-account:not(.logged-in):has(#sb-hesap-giris) .site-content .entry-content { margin-top: 0 !important; }
/* ⛔ <=1024px'te mobil arama çubuğu header'ın 53px altına taşıyor (bkz. custom_search.php);
   diğer sayfalarda Konte'nin 120px üst boşluğu bunu karşılıyor. 24px'e inince "Giriş yap
   veya üye ol" başlığı arama çubuğunun arkasında kalıyordu (2026-10-10). */
@media (max-width: 1024px) {
	body.woocommerce-account:not(.logged-in):has(#sb-hesap-giris) .site-content { padding-top: 84px !important; }
}

/* Adım başlığına programatik odak (sb-auth.js baslikOdakla, tabindex=-1): ekran okuyucu
   için; görünür halka çizilmez (düğmeye odak verilince kalın siyah halka çıkıyordu). */
:is(#login-panel, #sb-hesap-giris) .sb-auth__baslik[tabindex="-1"]:focus,
.offscreen-panel .panel__title[tabindex="-1"]:focus { outline: none !important; box-shadow: none !important; }

/* Kayıt adımı ritmi (2026-10-10): not -> izin kutusu -> KVKK cümlesi -> düğme arası
   eşit 16px; KVKK cümlesi düğmeye 8px'ten yapışıyordu. */
:is(#login-panel, #sb-hesap-giris) .sb-auth .sb-auth__kayit .sb-auth__not { margin: 0 0 16px !important; }
:is(#login-panel, #sb-hesap-giris) .sb-auth .sb-auth__kayit .form-row { margin: 0 0 16px !important; }
:is(#login-panel, #sb-hesap-giris) .sb-auth .sb-auth__kayit .woocommerce-privacy-policy-text { margin: 0 0 16px !important; }
:is(#login-panel, #sb-hesap-giris) .sb-auth .sb-auth__kayit .woocommerce-privacy-policy-text p { margin: 0 !important; }
:is(#login-panel, #sb-hesap-giris) .sb-auth .sb-auth__kayit + .sb-auth__mesaj:empty + * { margin-top: 0 !important; }