/*
 * Giriş ve kayıt ekranları.
 *
 * İki yerde yükleniyor (functions.php → rca_kimlik_ekrani_mi):
 *   - /randevu-al  — üyelik kapısı; TEK form (giriş veya kayıt, `?kayit=1`)
 *   - /hesabim     — LatePoint'in kendi giriş formu
 *
 * EKRANDA TEK İŞ VAR. Kapı önce iki formu yan yana basıyordu; ziyaretçiye
 * aynı anda iki iş öneren bir ekrandı. Artık bir form ve altında öbürüne
 * geçiş bağlantısı duruyor — alışılmış davranış, ölçüsü de daha rahat:
 * form 444px yerine kendi kartının tam genişliğinde.
 *
 * İKİ TÜR İŞARETLEME, TEK GÖRÜNÜM
 *
 * Kayıt formu bizim (`.rca-form`, `.rca-alan`, `.rca-girdi`); giriş formunu
 * LatePoint çiziyor ve işaretlemesine dokunamıyoruz — eklenti dosyası
 * yamalanmaz (AGENTS.md §4). Bu yüzden dosyanın ikinci yarısı LatePoint'in
 * kendi sınıflarını temanın diline çeviriyor. Bileşen adları farklı, ölçüler
 * ve renkler aynı: ziyaretçi iki formun farklı yerlerden geldiğini görmüyor.
 *
 * Seçiciler `.rca-kabuk` ile kapsamlandı; sihirbazın kendi form öğelerine
 * sızmasınlar diye de `.latepoint-login-form-w` ile daraltıldı.
 */

/* =======================================================================
 * SAYFA BAŞI
 *
 * Tek işi olan bir ekran: başlık ortalanıyor, altındaki kart aynı dar
 * sütunu paylaşıyor. Alan etiketleri sola dayalı kalıyor — form okuma
 * yönü değişmemeli.
 * ======================================================================= */

/* Kart genişliği TEK YERDE. Kapıdaki kart, kabindeki tek başına duran giriş
   formu ve altındaki geçiş bağlantısı aynı değeri okuyor; üç ekran yan yana
   konsa aynı görünsün. Kabinde `.rca-kimlik` sarmalı yok — LatePoint'in
   bloğunu biz sarmalamıyoruz — o yüzden değişken kabukta tanımlı. */
.rca-kabuk {
	--rca-kimlik-genislik: 500px;
	--rca-kimlik-girdi-yukseklik: 54px;
	--rca-kimlik-etiket-punto: 10px;
	--rca-kimlik-placeholder: #959AAE;
	--rca-kimlik-parola-hatirla-bosluk: 16px;
	--rca-kimlik-hatirla-dugme-bosluk: 20px;
	--rca-kimlik-dugme-sifre-bosluk: 14px;
	--rca-kimlik-dugme-icerik-bosluk: 8px;
}

.rca-kimlik {
	max-width: var(--rca-kimlik-genislik);
	margin: 0 auto;
}

.rca-kimlik-ust {
	margin-bottom: clamp(24px, 16px + 1.6vw, 36px);
	text-align: center;
}

/*
 * Bölüm etiketi.
 *
 * Anasayfadaki `.rca-etiket` KULLANILAMAZ: o kural `anasayfa.css` içinde ve
 * o dosya yalnız anasayfada kuyruğa alınıyor. Kapı onu kullanıyordu ve
 * "Randevu" satırı burada biçemsiz düşüyordu — ölçüldü: 17,8px, ağırlık
 * 400, büyük harf yok, harf aralığı yok, renk yeşil değil kahverengi.
 * Yani göze bölüm etiketi gibi değil, başıboş bir cümle gibi görünüyordu.
 */
.rca-kimlik-etiket {
	margin: 0 0 14px;
	font-size: var(--rca-punto-etiket);
	font-weight: 600;
	line-height: normal;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: var(--rca-marka);
}

/*
 * Başlık anasayfadaki 2. seviye başlıktan KÜÇÜK.
 *
 * `--rca-punto-2-kucuk` masaüstünde 50px'e çıkıyor; 500px'lik bir sütunda
 * "Randevu almak için giriş yapın" üç satıra kırılıyor ve formun önüne
 * geçiyordu. Bu ekranın kahramanı form, başlık değil.
 */
.rca-kimlik-baslik {
	margin: 0 0 12px;
	font-family: var(--rca-font-baslik);
	font-weight: 700;
	font-size: clamp(26px, 20px + 1.4vw, 38px);
	line-height: 1.06;
	letter-spacing: -0.03em;
	color: var(--rca-baslik);
	text-wrap: balance;
}

.rca-kimlik-alt {
	margin: 0;
	font-size: var(--rca-punto-yer-metin);
	font-weight: 300;
	line-height: 1.6;
	color: var(--rca-metin);
	text-wrap: pretty;
}

/* =======================================================================
 * KART
 *
 * Yükseklikle vurgulanıyor — gölge + krem yüzey; sayfadaki tek yeşil
 * yüzey formun kendi düğmesi olarak kalsın diye.
 * ======================================================================= */

.rca-kimlik-kart {
	position: relative;
	background: var(--rca-yuzey);
	border: 1px solid var(--rca-cizgi-kart);
	border-radius: 28px;
	padding: clamp(24px, 14px + 2.4vw, 40px) clamp(20px, 10px + 2.4vw, 36px);
	box-shadow: var(--rca-golge-robot);
}

/* Aynı kart içinde öğrenci/eğitmen seçimi. Dar ekranda da iki seçenek yan yana kalır. */
.rca-rol-secimi {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 4px;
	margin-bottom: 24px;
	padding: 4px;
	border: 1px solid var(--rca-cizgi-ince);
	border-radius: 16px;
	background: var(--rca-zemin);
}

.rca-kabuk .rca-rol-secimi-madde {
	display: flex;
	border: 0;
	font-family: var(--rca-font-govde);
	cursor: pointer;
	align-items: center;
	justify-content: center;
	min-height: 44px;
	padding: 10px 14px;
	border-radius: 12px;
	font-size: var(--rca-punto-yer-metin);
	font-weight: 600;
	line-height: 1.2;
	color: var(--rca-metin-3);
	text-align: center;
	text-decoration: none;
	transition: background-color 120ms ease, color 120ms ease, box-shadow 120ms ease;
}

.rca-kabuk .rca-rol-secimi-madde:hover {
	color: var(--rca-baslik);
}

.rca-kabuk .rca-rol-secimi-madde[aria-selected="true"] {
	background: var(--rca-marka);
	color: var(--rca-yuzey);
	box-shadow: 0 6px 16px rgb(31 111 80 / 18%);
}

.rca-kabuk .rca-rol-secimi-madde:focus-visible {
	outline: none;
	box-shadow: var(--rca-odak-halka);
}

.rca-kimlik [data-rca-rol-paneli][hidden] {
	display: none;
}

.rca-kimlik-rozet {
	display: inline-flex;
	align-items: center;
	margin-bottom: 20px;
	padding: 7px 14px;
	border-radius: var(--rca-yuvarlak);
	background: var(--rca-vurgu);
	font-size: var(--rca-punto-eylem-etiket);
	font-weight: 600;
	line-height: normal;
	letter-spacing: 0.04em;
	color: var(--rca-baslik);
}

/* =======================================================================
 * GEÇİŞ BAĞLANTISI — "Hesabınız yok mu? Kayıt Ol"
 *
 * Her formun altında öbürüne giden bağlantı var. Süs değil: LatePoint'in
 * bağımsız bir kayıt ekranı YOK, yani bu bağlantı olmadan hesabı olmayan
 * ziyaretçi giriş formunda çıkmaza giriyor.
 * ======================================================================= */

.rca-kimlik-gecis {
	margin: 26px 0 0;
	padding-top: 22px;
	border-top: 1px solid var(--rca-cizgi-ince);
	font-size: var(--rca-punto-yer-metin);
	font-weight: 300;
	line-height: 1.5;
	color: var(--rca-metin-3);
	text-align: center;
}

.rca-kabuk .rca-kimlik-gecis-bag {
	font-weight: 600;
	color: var(--rca-marka);
	text-decoration: underline;
	text-underline-offset: 3px;
	text-decoration-thickness: 1.5px;
}

.rca-kabuk .rca-kimlik-gecis-bag:hover {
	color: var(--rca-baslik);
}

/* =======================================================================
 * KENDİ FORMUMUZ
 * ======================================================================= */

.rca-form {
	display: grid;
	gap: 16px;
}

/* Ad/Soyad ve iki parola alanı yan yana. Dar ekranda alt alta iner. */
.rca-form-satir {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 16px;
}

/*
 * `align-content: start` GEREKLİ, süs değil.
 *
 * `.rca-form-satir` iki alanı yan yana koyuyor ve ızgara öğeleri varsayılan
 * olarak birbirinin boyuna geriliyor. Alanlardan biri ipucu satırı taşıyıp
 * öbürü taşımadığında, kısa olan alanın SATIRLARI esniyor ve içindeki girdi
 * uzuyordu: ölçüldü, "Parola (tekrar)" 53,6px yerine 66,3px çıkıyordu.
 * Kaynağa bakan göz iki girdiyi de aynı sanıyor.
 */
.rca-alan {
	display: grid;
	align-content: start;
	gap: 7px;
	min-width: 0;
}

.rca-alan-etiket {
	font-family: var(--rca-font-govde);
	font-size: var(--rca-kimlik-etiket-punto);
	font-weight: 600;
	line-height: normal;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: var(--rca-metin-3);
}

/* Formda artık isteğe bağlı alan yok — telefon 2026-08-14'te zorunlu oldu.
   Kural duruyor: yeni bir isteğe bağlı alan eklenirse hazır. */
.rca-alan-istege-bagli {
	font-weight: 400;
	letter-spacing: 0.04em;
	text-transform: none;
}

.rca-alan-ipucu {
	margin: 0;
	font-size: var(--rca-punto-kucuk);
	font-weight: 300;
	line-height: normal;
	color: var(--rca-metin-3);
}

/*
 * Alanın kendisi.
 *
 * `font: inherit` şart: tarayıcı form öğelerine kendi sistem fontunu verir
 * ve miras almazlar. Bu kural olmadan kayıt formu sayfanın geri kalanından
 * farklı bir yazıyla çiziliyordu.
 */
.rca-kabuk .rca-girdi {
	box-sizing: border-box;
	width: 100%;
	height: var(--rca-kimlik-girdi-yukseklik);
	padding: 0 18px;
	border: 1.5px solid var(--rca-girdi-kenar);
	border-radius: 16px;
	background: var(--rca-zemin);
	font-family: var(--rca-font-govde);
	font-size: var(--rca-punto-govde);
	font-weight: 400;
	line-height: normal;
	color: var(--rca-baslik);
	transition: border-color 120ms ease, box-shadow 120ms ease;
}

.rca-kabuk .rca-girdi::placeholder {
	color: var(--rca-kimlik-placeholder) !important;
	opacity: 1;
}

.rca-kabuk .rca-girdi:focus {
	outline: none;
	border-color: var(--rca-girdi-kenar-odak);
	box-shadow: var(--rca-odak-halka);
}

/* Tarayıcının kendi geçersizlik işareti yalnız kullanıcı gönderdikten
   sonra çıksın — yazarken kırmızıya boyamak erken ve rahatsız edici. */
.rca-kabuk .rca-girdi:user-invalid {
	border-color: var(--rca-uyari);
}

.rca-form-gonder {
	width: 100%;
	margin-top: 4px;
	padding: 18px 24px;
	font-size: var(--rca-punto-trt-baslik);
	gap: var(--rca-kimlik-dugme-icerik-bosluk);
}


.rca-hatirla {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	width: fit-content;
	font-family: var(--rca-font-govde);
	font-size: var(--rca-punto-yer-metin);
	font-weight: 400;
	line-height: 1.4;
	color: var(--rca-metin);
	cursor: pointer;
}

.rca-kabuk .rca-hatirla input {
	width: 18px;
	height: 18px;
	margin: 0;
	font-family: var(--rca-font-govde);
	font-size: var(--rca-punto-yer-metin);
	line-height: 1.4;
	accent-color: var(--rca-marka);
}

.rca-hatirla input:focus-visible {
	outline: 2px solid var(--rca-marka);
	outline-offset: 3px;
}
/* =======================================================================
 * UYARI KUTUSU
 * ======================================================================= */

/* Kutu KARTIN İÇİNDE, formun hemen üstünde duruyor — hatanın kaynağı olan
   alanların yanında. Sayfa başına konduğunda ziyaretçi mesajı okuyup forma
   inerken aradaki mesafede kaybediyordu. */
.rca-uyari {
	display: flex;
	align-items: flex-start;
	gap: 12px;
	margin-bottom: 22px;
	padding: 14px 18px;
	border: 1px solid var(--rca-uyari-kenar);
	border-radius: 16px;
	background: var(--rca-uyari-zemin);
	font-size: var(--rca-punto-yer-metin);
	line-height: 1.5;
	color: var(--rca-uyari);
}

.rca-uyari-isaret {
	flex: none;
	display: grid;
	place-items: center;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background: var(--rca-uyari);
	font-family: var(--rca-font-baslik);
	font-size: 13px;
	font-weight: 800;
	line-height: normal;
	color: var(--rca-zemin);
}

.rca-bildirim-basarili {
	margin-bottom: 22px;
	padding: 14px 18px;
	border: 1px solid var(--rca-egitmen-cizgi);
	border-radius: 16px;
	background: var(--rca-egitmen-ders-zemin);
	color: var(--rca-egitmen-onay);
	font-size: var(--rca-punto-yer-metin);
	font-weight: 600;
	line-height: 1.5;
}

/* =======================================================================
 * LATEPOINT'İN GİRİŞ FORMU
 *
 * İşaretleme eklentinin; yalnız görünüm çevriliyor. Eklenti dosyasına
 * dokunulmuyor.
 * ======================================================================= */

/* Eklenti formu 470px'e sabitliyor; kartın içinde tam genişlik olmalı. */
.rca-kabuk .latepoint-w .latepoint-login-form-w,
.rca-kabuk .latepoint-w .latepoint-login-form-w .latepoint-form {
	width: 100%;
	max-width: none;
	margin: 0;
	padding: 0;
	background: none;
	border: 0;
	box-shadow: none;
}

/* Kapının içinde kendi "Giriş Yap" başlığımız var; eklentininki ikinci bir
   başlık olurdu. Kabinde (kendi başlığımızın olmadığı yer) duruyor. */
.rca-kimlik-kart .latepoint-customer-box-title {
	display: none;
}

.rca-kabuk .latepoint-login-form-w .latepoint-customer-box-title {
	margin: 0 0 20px;
	font-family: var(--rca-font-baslik);
	font-weight: 700;
	font-size: var(--rca-punto-3);
	line-height: normal;
	letter-spacing: -0.02em;
	color: var(--rca-baslik);
}

/*
 * ---- Buradan aşağısı `!important` taşıyor. Gerekçe ----
 *
 * Renk ve yarıçap gibi şeyler LatePoint'in kendi tema değişkenlerinden
 * geliyor (duzen.css) — orada `!important` yok. Ama alan kutusunun
 * DOLGUSU, KENARLIĞI, ZEMİNİ ve etiketin KONUMU eklentinin `front.css`
 * dosyasında `!important` ile yazılmış (5.6.10'da ölçüldü). Özgüllük
 * `!important`ı yenemez; ona ancak `!important` cevap verir.
 *
 * Kapsam bilerek dar: yalnız `.latepoint-login-form-w` içinde, yani giriş
 * formunda. Randevu sihirbazının alanlarına dokunmuyor.
 *
 * ÖZGÜLLÜK DE GEREKLİ. İki taraf da `!important` yazınca kazananı yine
 * özgüllük belirliyor. LatePoint'in kuralı
 * `.latepoint-w .os-form-group.os-form-textfield-group .os-form-control`
 * yani (0,4,0); ilk denemede bizimki (0,3,0) yazılmıştı ve SESSİZCE
 * kaybediyordu — kural dosyada duruyor, `!important` taşıyor, yine de
 * uygulanmıyordu. Ölçülerek yakalandı. Aşağıdaki seçiciler (0,6,0).
 */
.rca-kabuk .latepoint-w .latepoint-login-form-w .os-form-group {
	margin: 0 0 16px !important;
	padding: 0;
	background: none;
	border: 0;
}

/*
 * Etiket alanın İÇİNDEN ÜSTÜNE alınıyor.
 *
 * LatePoint yüzen etiket kullanıyor (`position: absolute !important`).
 * Kayıt formumuz etiketi alanın üstünde gösteriyor; iki form yan yana
 * durduğu için ikisinin aynı olması gerekiyordu. `position` static olunca
 * eklentinin `top`/`left`/`transform` değerleri kendiliğinden etkisiz
 * kalıyor, o yüzden onlar ayrıca ezilmiyor.
 */
.rca-kabuk .latepoint-w .latepoint-login-form-w .os-form-group.os-form-textfield-group label {
	display: block;
	position: static !important;
	margin: 0 0 7px;
	padding: 0;
	font-family: var(--rca-font-govde);
	font-size: var(--rca-kimlik-etiket-punto) !important;
	font-weight: 600 !important;
	line-height: normal;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: var(--rca-metin-3) !important;
	opacity: 1;
	transform: none;
}

.rca-kabuk .latepoint-w .latepoint-login-form-w .os-form-group.os-form-textfield-group .os-form-control {
	box-sizing: border-box;
	position: static !important;
	bottom: auto !important;
	-webkit-appearance: auto !important;
	appearance: auto !important;
	width: 100%;
	height: var(--rca-kimlik-girdi-yukseklik);
	padding: 0 18px !important;
	border: 1.5px solid var(--rca-girdi-kenar) !important;
	border-radius: 16px;
	background-color: var(--rca-zemin) !important;
	font-family: var(--rca-font-govde);
	font-size: var(--rca-punto-govde) !important;
	font-weight: 400 !important;
	line-height: normal;
	color: var(--rca-baslik);
	box-shadow: none;
	transition: border-color 120ms ease, box-shadow 120ms ease;
}

/* LatePoint, değer girilince padding'i 19px 10px 5px yaparak yazıyı aşağı
   kaydırıyor. Giriş alanı doluyken de eğitmen formundaki merkezlemeyi koru. */
.rca-kabuk .latepoint-w .latepoint-login-form-w .os-form-group.os-form-textfield-group.has-value:not(.os-form-group-simple) input.os-form-control {
	padding: 0 18px !important;
}

.rca-kabuk .latepoint-w .latepoint-login-form-w .os-form-control::placeholder {
	color: var(--rca-kimlik-placeholder) !important;
	opacity: 1;
}

.rca-kabuk .latepoint-w .latepoint-login-form-w .os-form-group.os-form-textfield-group .os-form-control:focus {
	outline: none;
	border-color: var(--rca-girdi-kenar-odak) !important;
	box-shadow: var(--rca-odak-halka);
}

/*
 * "Giriş Yap" — formun asıl düğmesi.
 *
 * Özgüllük bilerek yüksek: LatePoint kendi düğmesini `.latepoint-btn` ile
 * ve birçok yerde `!important` olmadan ama derin seçicilerle biçemliyor.
 * `.rca-kabuk .latepoint-login-form-w .latepoint-btn-primary` (0,3,0)
 * bunların üstünde kalıyor. Ölçülerek doğrulandı.
 */
.rca-kabuk .latepoint-login-form-w .latepoint-btn-primary {
	display: flex;
	border: 0;
	font-family: var(--rca-font-govde);
	cursor: pointer;
	align-items: center;
	justify-content: center;
	gap: var(--rca-kimlik-dugme-icerik-bosluk);
	width: 100%;
	height: auto;
	margin: 0;
	padding: 18px 24px;
	border: 0;
	border-radius: var(--rca-yuvarlak);
	background: var(--rca-marka);
	font-family: var(--rca-font-baslik);
	font-size: var(--rca-punto-trt-baslik);
	font-weight: 700;
	line-height: normal;
	letter-spacing: normal;
	color: var(--rca-zemin);
	box-shadow: var(--rca-golge-dugme);
	text-transform: none;
	transition: background-color 120ms ease, transform 120ms ease;
}

/* Düğmenin metni bir `<span>` içinde; gövde satır yüksekliğini (1.6) miras
   alıp düğmeyi 7px uzatıyordu. */
.rca-kabuk .latepoint-login-form-w .latepoint-btn span {
	line-height: normal;
}

.rca-kabuk .latepoint-login-form-w .latepoint-btn-primary:hover {
	background: var(--rca-marka-koyu);
	color: var(--rca-zemin);
}

.rca-kabuk .latepoint-login-form-w .latepoint-btn-primary:active {
	transform: translateY(1px);
}

/* "Unuttunuz mu?" aynı sınıfları taşıyor ama düğme değil, bağlantı. */
.rca-kabuk .latepoint-login-form-w .latepoint-btn-link {
	display: inline-block;
	gap: normal;
	width: auto;
	margin: var(--rca-kimlik-dugme-sifre-bosluk) 0 0;
	padding: 0;
	background: none;
	border-radius: 0;
	box-shadow: none;
	font-family: var(--rca-font-govde);
	font-size: var(--rca-punto-kucuk);
	font-weight: 500;
	color: var(--rca-marka);
	line-height: 1.4;
	text-decoration: underline !important;
	text-underline-offset: 3px;
}

.rca-kabuk .latepoint-login-form-w .latepoint-btn-link:hover {
	background: none;
	color: var(--rca-baslik);
}

.rca-kabuk .latepoint-login-form-w .os-customer-login-password-fields-w {
	display: grid;
	gap: 10px;
	justify-items: start;
	margin: 0 !important;
}

.rca-kabuk .latepoint-login-form-w .os-customer-login-password-fields-w .os-form-group {
	width: 100%;
	margin-bottom: 0 !important;
}

.rca-kabuk .latepoint-login-form-w .os-customer-login-buttons {
	margin-top: var(--rca-kimlik-hatirla-dugme-bosluk);
}

.rca-kabuk .latepoint-login-form-w .rca-ogrenci-hatirla {
	display: flex !important;
	margin-top: var(--rca-kimlik-parola-hatirla-bosluk);
	font-family: var(--rca-font-govde) !important;
	font-size: var(--rca-punto-yer-metin) !important;
	font-weight: 400 !important;
	line-height: 1.4 !important;
	color: var(--rca-metin) !important;
}

/* Parola sıfırlama formu aynı kutunun içinde açılıyor; ondan da ayrı bir
   biçem gelmiyor, yukarıdaki alan kuralları onu da kapsıyor. */
.rca-kabuk .latepoint-login-form-w .os-password-reset-form-holder:not(:empty) {
	margin-top: 22px;
	padding-top: 22px;
	border-top: 1px solid var(--rca-cizgi-ince);
}

/* Eğitmen şifre sıfırlama adımları aynı kimlik kartında kalır. */
.rca-kimlik [data-rca-sifre-adim][hidden],
.rca-kimlik .rca-sifre-mesaj[hidden] {
	display: none;
}

.rca-sifre-bagi {
	appearance: none;
	display: inline-block;
	gap: normal;
	margin: var(--rca-kimlik-dugme-sifre-bosluk) 0 0;
	padding: 0;
	border: 0;
	background: none;
	font-family: var(--rca-font-govde);
	font-size: var(--rca-punto-kucuk);
	font-weight: 500;
	line-height: 1.4;
	color: var(--rca-marka);
	text-decoration: underline !important;
	text-underline-offset: 3px;
	cursor: pointer;
}

.rca-sifre-bagi:hover {
	color: var(--rca-baslik);
}

.rca-sifre-bagi:focus-visible {
	outline: none;
	box-shadow: var(--rca-odak-halka);
}

.rca-sifre-baslik {
	margin: 0;
	font-family: var(--rca-font-baslik);
	font-size: clamp(1.25rem, 1.1rem + 0.5vw, 1.5rem);
	line-height: 1.2;
	color: var(--rca-baslik);
}

.rca-sifre-aciklama {
	margin: -4px 0 8px;
	font-size: var(--rca-punto-kucuk);
	line-height: 1.6;
	color: var(--rca-metin-2);
}

.rca-sifre-mesaj {
	margin: 18px 0 0;
	padding: 12px 14px;
	border: 1px solid rgb(31 122 92 / 25%);
	border-radius: 12px;
	background: rgb(31 122 92 / 8%);
	font-size: var(--rca-punto-kucuk);
	line-height: 1.5;
	color: var(--rca-marka-koyu);
}

.rca-sifre-mesaj.is-error {
	border-color: var(--rca-uyari-kenar);
	background: var(--rca-uyari-zemin);
	color: var(--rca-uyari);
}

.rca-sifre-formu .rca-dugme:disabled {
	opacity: 0.65;
	cursor: wait;
}

/* =======================================================================
 * KABİN — /hesabim'da giriş formu tek başına duruyor
 *
 * Kapıdaki gibi bir kartın içinde değil, kart görünümünü kendisi alıyor.
 * Gövde sınıfına bağlı (functions.php → rca_kimlik_govde_sinifi): sayfayı
 * ayırt etmeden yazıldığında aynı kural /randevu-al'daki kapıya da
 * uygulanıyor ve İÇ İÇE İKİ KART üretiyordu — ölçülerek yakalandı.
 * ======================================================================= */

/* Özgüllük (0,4,0): yukarıdaki "kartın içinde tam genişlik ol" kuralı
   (0,3,0) bu dosyada daha önce geliyor ve dolguyu sıfırlıyor. */
.rca-kabuk.rca-kabin-girisi .latepoint-w .latepoint-login-form-w {
	max-width: var(--rca-kimlik-genislik);
	margin: 0 auto;
	padding: clamp(24px, 14px + 2.4vw, 40px) clamp(20px, 10px + 2.4vw, 36px);
	background: var(--rca-yuzey);
	border: 1px solid var(--rca-cizgi-kart);
	border-radius: 28px;
	box-shadow: var(--rca-golge-robot);
}

/*
 * Kabindeki geçiş bağlantısı KARTIN DIŞINDA, altında duruyor.
 *
 * Sebebi işaretleme: bağlantıyı LatePoint'in bloğunun çıktısına ekliyoruz
 * (render_block süzgeci), yani blok kendi sarmalını kapattıktan sonra
 * geliyor — içine giremiyor. Eklenti dosyasına dokunmadan içeri koymanın
 * yolu yok. Kart altındaki bağlantı da yaygın bir yerleşim.
 */
.rca-kabin-girisi .rca-kimlik-gecis {
	max-width: var(--rca-kimlik-genislik);
	margin: 20px auto 0;
	padding-top: 0;
	border-top: 0;
}

/* =======================================================================
 * 700 px — form satırları tek sütuna iner
 * ======================================================================= */

@media (max-width: 700px) {
	.rca-form-satir {
		grid-template-columns: 1fr;
	}

	.rca-kimlik-kart {
		border-radius: 20px;
	}
}

/* ---------------------------------------------------------------------------
   KAYIT ONAY KARTI

   Kayit formunun YERINE basiliyor. Veli buradan cikip postasina gidiyor;
   ekranda yapacagi baska bir sey yok, bu yuzden form da durmuyor.
   --------------------------------------------------------------------------- */

.rca-onay-karti {
	display: grid;
	gap: 14px;
	padding: clamp(20px, 12px + 2vw, 32px);
	border: 1px solid var(--rca-cizgi-kart);
	border-radius: 20px;
	background: var(--rca-yuzey);
	text-align: center;
}

.rca-onay-baslik {
	margin: 0;
	font-family: var(--rca-font-baslik);
	font-size: var(--rca-punto-kart-baslik);
	line-height: 1.25;
	color: var(--rca-metin);
}

.rca-onay-metin {
	margin: 0;
	font-size: var(--rca-punto-govde);
	line-height: 1.6;
	color: var(--rca-metin-2);
}

.rca-onay-vurgu {
	font-weight: 600;
	color: var(--rca-metin);
}

.rca-onay-kucuk {
	font-size: var(--rca-punto-yer-metin);
	color: var(--rca-metin-3);
}