/**
 * PersonaX kayıt alanları.
 *
 * Temel görünüm MasterStudy sınıflarından (masterstudy-authorization__form-input,
 * masterstudy-account-settings__input) devralınır; burada yalnızca temanın
 * karşılığı olmayan parçalar tanımlanır: etiketler, onay satırları, koşullu
 * alanın gizlenmesi ve hesap sayfasındaki hata metni.
 */

.personax-field_hidden {
	display: none !important;
}

.personax-field__label {
	display: block;
	margin-bottom: 6px;
	font-size: 13px;
	font-weight: 500;
	line-height: normal;
}

.personax-field__required {
	color: var(--danger-100, #e6492d);
}

/* --- Seçim kutuları --- */

/* Hesap ayarları sayfasında görünüm MasterStudy'nin kendi
   select.masterstudy-account-settings__select kuralından gelir. */
.personax-field_account .personax-field__select {
	padding-right: 12px;
	cursor: pointer;
}

/*
 * Kayıt formunda ise MasterStudy'nin girdi stili yalnızca `input` öğesine bağlı
 * (.masterstudy-authorization__form input.masterstudy-authorization__form-input),
 * bu yüzden aynı sınıfı taşıyan <select> hiçbir stil almaz ve tarayıcının yerel
 * görünümünde kalır. Girdilerle aynı ölçüler burada birebir tekrarlanır; yerel
 * ok kaldırılıp yerine tema diline uyan bir ok konur.
 */
.masterstudy-authorization__form select.personax-field__select {
	display: block;
	width: 100%;
	height: 40px;
	margin: 0;
	padding: 0 44px 0 20px;
	border: 1px solid #dbe0e9;
	border-radius: 4px;
	background-color: #fff;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%23808C98' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: right 20px center;
	background-size: 12px 8px;
	box-shadow: none;
	outline: 0;
	font-family: inherit;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	color: #001931;
	cursor: pointer;
	transition: .3s;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

.masterstudy-authorization__form select.personax-field__select::-ms-expand {
	display: none;
}

/* Yer tutucu seçiliyken metin, girdi yer tutucularıyla aynı gri.
   :has desteklenmezse renk varsayılan kalır — işlev etkilenmez. */
.masterstudy-authorization__form select.personax-field__select:has( option[value=""]:checked ) {
	color: #808c98;
}

/* Hata ve odak kuralları MasterStudy'nin girdiler için kurduğu sırayı izler:
   eşit belirginlikte oldukları için odaklanan alanda vurgu rengi öne geçer. */
.masterstudy-authorization__form-field.masterstudy-authorization__form-field_has-error select.personax-field__select {
	border-color: var(--danger-100);
}

.masterstudy-authorization__form select.personax-field__select:focus {
	border-color: var(--accent-100);
	background-color: #fff;
	box-shadow: none;
	outline: 0;
}

/* Karanlık mod: girdilerin karşılığı olan kurallar da yalnızca input'a bakıyor. */
.masterstudy-authorization_dark-mode .masterstudy-authorization__form select.personax-field__select,
.masterstudy-authorization-modal_dark-mode .masterstudy-authorization__form select.personax-field__select {
	border-color: rgba(255, 255, 255, .05);
	background-color: #171717;
	color: #fff;
}

.masterstudy-authorization_dark-mode .masterstudy-authorization__form select.personax-field__select:has( option[value=""]:checked ),
.masterstudy-authorization-modal_dark-mode .masterstudy-authorization__form select.personax-field__select:has( option[value=""]:checked ) {
	color: rgba(255, 255, 255, .5);
}

.masterstudy-authorization_dark-mode .masterstudy-authorization__form-field.masterstudy-authorization__form-field_has-error select.personax-field__select,
.masterstudy-authorization-modal_dark-mode .masterstudy-authorization__form-field.masterstudy-authorization__form-field_has-error select.personax-field__select {
	border-color: var(--danger-100);
}

.masterstudy-authorization_dark-mode .masterstudy-authorization__form select.personax-field__select:focus,
.masterstudy-authorization-modal_dark-mode .masterstudy-authorization__form select.personax-field__select:focus {
	border-color: var(--accent-100);
	background-color: #171717;
}

/* --- Tarih alanı --- */

/*
 * type="date" alanının biçimini tarayıcı kendi diline göre çizer (İngilizce bir
 * tarayıcıda mm/dd/yyyy, Türkçe olanda gg.aa.yyyy) ve bunu ne CSS ne de HTML
 * değiştirebilir; olduğu gibi bırakıyoruz. Yalnızca alan boşken metni, diğer
 * girdilerin yer tutucularıyla aynı griye çekiyoruz — LMS'in girdi kuralındaki
 * #001931 burada da geçerli olduğu için varsayılanda koyu görünüyordu.
 * Doluluk bilgisini CSS üretemediğinden `personax-field_empty` sınıfını sunucu
 * basar, kayıt formundaki JS günceller.
 */
.masterstudy-authorization__form .personax-field_date.personax-field_empty input.personax-field__input {
	color: #808c98;
}

.masterstudy-authorization_dark-mode .masterstudy-authorization__form .personax-field_date.personax-field_empty input.personax-field__input,
.masterstudy-authorization-modal_dark-mode .masterstudy-authorization__form .personax-field_date.personax-field_empty input.personax-field__input {
	color: rgba(255, 255, 255, .5);
}

/* --- Onay satırları --- */

.personax-field__checkbox {
	width: 16px;
	height: 16px;
	margin: 2px 0 0;
	flex: 0 0 auto;
	cursor: pointer;
}

.personax-field__checkbox:disabled {
	cursor: default;
}

.personax-field__consent-text {
	font-size: 13px;
	font-weight: 400;
	line-height: 1.45;
	cursor: pointer;
}

.personax-field__checkbox:disabled + .personax-field__consent-text {
	cursor: default;
}

.personax-field__consent-date {
	font-size: 12px;
	opacity: 0.7;
}

.personax-field_register.personax-field_consent {
	flex-direction: row;
	flex-wrap: wrap;
	align-items: flex-start;
	gap: 8px;
}

.personax-field_account.personax-field_consent .masterstudy-account-settings__field-wrapper {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	gap: 8px;
}

.personax-field_consent .personax-field__checkbox {
	order: 1;
}

.personax-field_consent .personax-field__consent-text {
	order: 2;
	flex: 1 1 auto;
}

.personax-field_consent .personax-field__consent-date,
.personax-field_consent .personax-field__error,
.personax-field_consent .masterstudy-authorization__form-field-error {
	order: 3;
	flex: 1 0 100%;
}

/* --- Hesap ayarları sayfasındaki hata metni --- */

.personax-field__error {
	display: block;
	width: 100%;
	margin: 5px 0 0;
	font-size: 12px;
	line-height: normal;
	color: var(--danger-100, #e6492d);
}

.personax-field_has-error .personax-field__input,
.personax-field_has-error .personax-field__select {
	border-color: var(--danger-100, #e6492d);
}