/* O012 Özel Kayıt Alanları — ön yüz alanları + S016/S017 yönetim. */

/* ---------- Ön yüz (kayıt formu / wp-login kayıt) ---------- */
.kf-field__help {
	display: block;
	margin-top: .25rem;
	font-size: .875em;
	color: #50575e;
}
fieldset.kf-field {
	margin: 0 0 1rem;
	padding: 0;
	border: 0;
	min-width: 0;
}
fieldset.kf-field legend {
	padding: 0;
	margin-bottom: .35rem;
	font-weight: 600;
}
.kf-field__choice {
	display: flex;
	align-items: center;
	gap: .5rem;
	margin: .25rem 0;
	min-height: 2rem;
	cursor: pointer;
	font-weight: normal;
}
.kf-field__choice input {
	margin: 0;
	width: auto;
	flex: 0 0 auto;
}
.kf-field textarea {
	width: 100%;
	box-sizing: border-box;
	min-height: 5rem;
}
.kf-field input[aria-invalid="true"],
.kf-field select[aria-invalid="true"],
.kf-field textarea[aria-invalid="true"] {
	border-color: #d63638;
}
/* wp-login.php kayıt formu */
#registerform .kf-field select,
#registerform .kf-field textarea {
	width: 100%;
	margin-bottom: .25rem;
}
#registerform .kf-register__error {
	display: block;
	color: #d63638;
	margin-bottom: .75rem;
}
#registerform .kf-register__error[hidden] {
	display: none;
}

/* ---------- S016 yönetim tablosu ---------- */
.kf-fields-admin__toolbar {
	margin: 1rem 0;
}
.kf-fields-admin__notice {
	margin: .75rem 0;
}
.kf-fields-admin__notice[hidden],
.kf-fields-modal__message[hidden],
.kf-fields-modal__error[hidden],
.kf-fields-admin__empty[hidden] {
	display: none;
}
.kf-fields-admin__table .kf-col-handle {
	width: 2rem;
	text-align: center;
}
.kf-fields-admin__handle {
	display: inline-block;
	padding: .25rem;
	cursor: grab;
	font-size: 1.25rem;
	line-height: 1;
	color: #646970;
	user-select: none;
}
.kf-fields-admin__handle:active {
	cursor: grabbing;
}
.kf-fields-admin__table tr.is-dragging {
	opacity: .5;
	outline: 2px dashed #2271b1;
}
.kf-fields-admin__actions {
	white-space: nowrap;
}
.kf-fields-admin__actions .button {
	min-height: 32px;
}

/* ---------- S017 modal ---------- */
.kf-fields-modal {
	box-sizing: border-box;
	width: 36rem;
	max-width: calc(100vw - 2rem);
	max-height: calc(100vh - 2rem);
	overflow: auto;
	padding: 1.5rem;
	border: 0;
	border-radius: 6px;
	box-shadow: 0 10px 40px rgba(0, 0, 0, .3);
}
.kf-fields-modal::backdrop {
	background: rgba(0, 0, 0, .5);
}
.kf-fields-modal *,
.kf-fields-modal *::before,
.kf-fields-modal *::after {
	box-sizing: border-box;
}
.kf-fields-modal__title {
	margin-top: 0;
}
.kf-fields-modal__row {
	margin: 0 0 1rem;
}
.kf-fields-modal__row > label:first-child {
	display: block;
	font-weight: 600;
	margin-bottom: .25rem;
}
.kf-fields-modal__row input[type="text"],
.kf-fields-modal__row select,
.kf-fields-modal__row textarea {
	width: 100%;
	max-width: 100%;
}
.kf-fields-modal__row[hidden] {
	display: none;
}
fieldset.kf-fields-modal__row {
	border: 0;
	padding: 0;
}
fieldset.kf-fields-modal__row legend {
	font-weight: 600;
	margin-bottom: .25rem;
}
.kf-fields-modal__row .description {
	display: block;
	margin-top: .25rem;
}
.kf-fields-modal__error {
	display: block;
	margin-top: .25rem;
	color: #d63638;
}
.kf-fields-modal [aria-invalid="true"] {
	border-color: #d63638;
}
.kf-fields-modal input[readonly] {
	background: #f0f0f1;
}
.kf-fields-modal__actions {
	display: flex;
	justify-content: flex-end;
	gap: .5rem;
	flex-wrap: wrap;
}

/* ---------- Mobil: tablo kartlara dönüşür ---------- */
@media (max-width: 782px) {
	.kf-fields-admin__table thead {
		display: none;
	}
	.kf-fields-admin__table,
	.kf-fields-admin__table tbody,
	.kf-fields-admin__table tr,
	.kf-fields-admin__table td {
		display: block;
		width: 100%;
		box-sizing: border-box;
	}
	.kf-fields-admin__table tr[data-id] {
		position: relative;
		padding: .5rem .5rem .5rem 2.5rem;
		border-bottom: 1px solid #dcdcde;
	}
	.kf-fields-admin__table td {
		padding: .2rem 0;
	}
	.kf-fields-admin__table td[data-label]::before {
		content: attr(data-label) ": ";
		font-weight: 600;
	}
	.kf-fields-admin__table td.kf-col-handle {
		position: absolute;
		left: .25rem;
		top: .5rem;
		width: 2rem;
	}
	.kf-fields-admin__actions {
		white-space: normal;
		display: flex !important;
		flex-wrap: wrap;
		gap: .35rem;
		padding-top: .5rem !important;
	}
	.kf-fields-admin__actions .button {
		min-height: 40px;
		min-width: 40px;
	}
	.kf-fields-modal {
		padding: 1rem;
	}
}