/**
 * Lorddil unified phone input styles.
 */
.lorddil-phone-field {
	width: 100%;
}

.lorddil-phone-field .tutor-form-label,
.lorddil-phone-popup-wrap label {
	display: block;
	margin-bottom: 8px;
	font-weight: 600;
}

.lorddil-phone-input {
	width: 100%;
}

.lorddil-phone-input.is-invalid,
.lorddil-phone-input.invalid,
.tutor-dashboard-setting-profile .lorddil-phone-input.is-invalid {
	border-color: #dc3545 !important;
}

.form-group input.lorddil-phone-input.is-invalid,
.form-group input.lorddil-phone-input.is-invalid:focus {
	border-bottom-color: #dc3545 !important;
}

.form-group.lorddil-phone-has-error .focus-border,
.form-group input.lorddil-phone-input.is-invalid ~ .focus-border {
	width: 100%;
	background-color: #dc3545 !important;
}

.lorddil-phone-error {
	display: block;
	margin-top: 8px;
	font-size: 13px;
	line-height: 1.4;
	color: #dc3545;
	min-height: 0;
}

.lorddil-phone-error:empty {
	display: none;
}

.form-group input.lorddil-phone-input.is-valid {
	border-bottom-color: #28a745 !important;
}

/* Tutor profile: match native tutor-form-control layout (no extra wrapper). */
.tutor-dashboard-setting-profile .tutor-mb-32 > .lorddil-phone-input.tutor-form-control {
	letter-spacing: 0.02em;
}

.tutor-dashboard-setting-profile .tutor-mb-32 > .lorddil-phone-error {
	margin-top: 6px;
}

/* Block native Tutor phone fields */
.tutor-dashboard-setting-profile input[name="phone_number"]:not(.lorddil-phone-legacy-stub),
#user_billing_form input[name="billing_phone"],
#user_billing_form label[for="billing_phone"],
.tutor-checkout-billing input[name="billing_phone"] {
	display: none !important;
}

#user_billing_form .lorddil-phone-field--billing-hidden-note,
.tutor-checkout-billing .lorddil-phone-billing-note {
	font-size: 13px;
	color: #6b7385;
	margin-top: 4px;
}

.lorddil-phone-checkout-field .lorddil-phone-input,
#lorddil_phone_field .lorddil-phone-input,
#lorddil_phone_field input.input-text {
	letter-spacing: 0.02em;
}

/* Tutor registration uses native Histudy .form-group styles — no overrides here. */

.lorddil-phone-popup-wrap {
	margin-bottom: 20px;
}

.lorddil-phone-popup-wrap input.lorddil-phone-input {
	width: 100%;
	padding: 10px 14px;
	border: 1px solid #e6e3f1;
	border-radius: 10px;
	min-height: 44px;
	line-height: 1.4;
}

.lorddil-phone-field--woo {
	margin-bottom: 0;
}

.histudy-checkout-marketplace .lorddil-phone-readonly,
.histudy-checkout-marketplace input.lorddil-phone-readonly,
.lorddil-phone-checkout-field--readonly input,
.histudy-checkout-marketplace .lorddil-email-readonly,
.histudy-checkout-marketplace input.lorddil-email-readonly,
.lorddil-email-checkout-field--readonly input {
	background-color: #f4f6f9 !important;
	color: #1f2a37 !important;
	cursor: not-allowed;
	opacity: 1;
}

.lorddil-phone-checkout-field--readonly .description,
.lorddil-email-checkout-field--readonly .description {
	margin-top: 6px;
	font-size: 13px;
	color: #6b7385;
}

.histudy-checkout-marketplace .woocommerce-shipping-fields__field-wrapper #shipping_phone_field {
	display: none !important;
}

/* Checkout: phone left, email right — same row as Ad / Soyad (guest + logged-in). */
.histudy-checkout-marketplace .woocommerce-billing-fields__field-wrapper #billing_phone_field,
.histudy-checkout-marketplace .woocommerce-billing-fields__field-wrapper #lorddil_phone_field,
.histudy-checkout-marketplace .woocommerce-billing-fields__field-wrapper #billing_email_field,
body.histudy-checkout-page .woocommerce-checkout.histudy-checkout-marketplace .woocommerce-billing-fields__field-wrapper #billing_phone_field,
body.histudy-checkout-page .woocommerce-checkout.histudy-checkout-marketplace .woocommerce-billing-fields__field-wrapper #lorddil_phone_field,
body.histudy-checkout-page .woocommerce-checkout.histudy-checkout-marketplace .woocommerce-billing-fields__field-wrapper #billing_email_field {
	grid-column: auto !important;
	width: 100%;
}

#billing_phone_field.form-row-first,
#lorddil_phone_field.form-row-first,
#billing_email_field.form-row-last {
	width: 100%;
}

#billing_phone_field label .optional,
#lorddil_phone_field label .optional {
	display: none !important;
}

/* WooCommerce 9+ hides .required spans (visibility:hidden); restore asterisk on phone fields. */
#billing_phone_field label .required,
#lorddil_phone_field label .required {
	visibility: visible !important;
	color: var(--wc-red, #a00);
	font-weight: 700;
}