/* Bio-Link PMS Register Steps Enhancements */

/* Container */
#pms_register-form.pms-form {
	font-family: var(
		--wp--preset--font-family--gotham,
		Gotham,
		-apple-system,
		BlinkMacSystemFont,
		"Segoe UI",
		Roboto,
		"Helvetica Neue",
		Arial,
		sans-serif
	);
	font-weight: 400;
}

/* Ensure controls and buttons inherit font */
#pms_register-form .pms-field input,
#pms_register-form .pms-field select,
#pms_register-form .pms-form-submit,
.biolink-register-nav .button,
.biolink-register-progress {
	font-family: inherit;
	font-weight: 400;
	font-size: var(--wp--preset--font-size--x-16);
}

/* Top back button shown on Step 2 */
.biolink-register-back-top.button {
	display: block;
	background: transparent;
	color: var(--wp--preset--color--dark-blue, #224d9e);
	border: 1px solid var(--wp--preset--color--pale-blue-gray, #e0e5ee);
	border-radius: 8px;
	padding: 6px 10px;
	margin-top: var(--wp--preset--spacing--spacing-20, 16px);
}
.biolink-register-back-top.button:hover,
.biolink-register-back-top.button:focus {
	background: var(--wp--preset--color--white, #ffffff);
	color: var(--wp--preset--color--dark-blue, #224d9e);
	border-color: var(--wp--preset--color--dark-blue, #224d9e);
}

/* Progress indicator */
.biolink-register-progress {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	background: var(--wp--preset--color--alice-blue, #e8f8ff);
	border: 1px solid var(--wp--preset--color--pale-blue-gray, #e0e5ee);
	color: var(--wp--preset--color--dark-blue, #224d9e);
	border-radius: 999px;
	padding: 6px 12px;
	margin-bottom: var(--wp--preset--spacing--spacing-20, 16px);
}
.biolink-register-progress .step {
	font-size: var(--wp--preset--font-size--x-14, 14px);
	line-height: 1.2;
}
.biolink-register-progress .sep {
	color: var(--wp--preset--color--medium-blue, #9db7da);
}

/* Fields spacing and labels */
#pms_register-form .pms-form-fields-wrapper {
	display: grid;
	grid-template-columns: 1fr;
	gap: var(--wp--preset--spacing--spacing-20, 16px);
	margin: 0 !important;
}
#pms_register-form .biolink-plan-select label {
	display: block;
	margin-bottom: 6px;
	font-weight: 600;
	color: var(--wp--preset--color--black-gray, #2e2e2e);
}
#pms_register-form .biolink-plan-select select {
	width: 100%;
	border: 1px solid var(--wp--preset--color--pale-blue-gray, #e0e5ee);
	border-radius: 8px;
	padding: 10px 12px;
	background: var(--wp--preset--color--white, #ffffff);
	transition: box-shadow 0.15s ease, border-color 0.15s ease;
}
#pms_register-form .biolink-plan-select select:focus {
	outline: none;
	border-color: var(--wp--preset--color--google-blue, #4285f4);
	box-shadow: 0 0 0 3px rgba(66, 133, 244, 0.25);
}
#pms_register-form .pms-field label {
	display: block;
	margin-bottom: 6px;
	font-weight: 600;
	color: var(--wp--preset--color--black-gray, #2e2e2e);
}
#pms_register-form .pms-field input[type="text"],
#pms_register-form .pms-field input[type="password"],
#pms_register-form .pms-field input[type="email"],
#pms_register-form .pms-field select {
	width: 100%;
	border: 1px solid var(--wp--preset--color--pale-blue-gray, #e0e5ee);
	border-radius: 8px;
	padding: 10px 12px;
	background: var(--wp--preset--color--white, #ffffff);
	transition: box-shadow 0.15s ease, border-color 0.15s ease;
}
#pms_register-form .pms-field input:focus,
#pms_register-form .pms-field select:focus {
	outline: none;
	border-color: var(--wp--preset--color--google-blue, #4285f4);
	box-shadow: 0 0 0 3px rgba(66, 133, 244, 0.25);
}

/* Error messages */
#pms_register-form .pms_field-errors-wrapper {
	margin-top: 6px;
	background: var(--wp--preset--color--ice-blue, #f4f9ff);
	border-left: 3px solid var(--wp--preset--color--google-blue, #4285f4);
	border-radius: 6px;
	padding: 8px 10px;
}
#pms_register-form .pms_field-errors-wrapper p {
	margin: 0;
}

/* Subscription plans + payment blocks */
#pms-paygates-wrapper,
.pms-billing-details,
#pms-credit-card-information,
#pms-stripe-connect {
	margin-top: var(--wp--preset--spacing--spacing-20, 16px);
}
.pms-billing-details {
	gap: var(--wp--preset--spacing--spacing-20, 16px);
}

/* Nav buttons */
.biolink-register-nav {
	display: flex;
	gap: var(--wp--preset--spacing--spacing-20, 16px);
	margin-top: var(--wp--preset--spacing--spacing-20, 16px);
}
.biolink-register-continue.button.button-primary {
	background: var(--wp--preset--color--dark-blue, #224d9e);
	color: var(--wp--preset--color--white, #ffffff);
	border: 1px solid var(--wp--preset--color--dark-blue, #224d9e);
	border-radius: 8px;
	padding: 10px 16px;
}
.biolink-register-continue.button.button-primary:hover,
.biolink-register-continue.button.button-primary:focus {
	background: var(--wp--preset--color--white, #ffffff);
	color: var(--wp--preset--color--dark-blue, #224d9e);
	border-color: var(--wp--preset--color--dark-blue, #224d9e);
}
.biolink-register-back.button {
	background: transparent;
	color: var(--wp--preset--color--dark-blue, #224d9e);
	border: 1px solid var(--wp--preset--color--pale-blue-gray, #e0e5ee);
	border-radius: 8px;
	padding: 10px 16px;
}
.biolink-register-back.button:hover,
.biolink-register-back.button:focus {
	background: var(--wp--preset--color--white, #ffffff);
	color: var(--wp--preset--color--dark-blue, #224d9e);
	border-color: var(--wp--preset--color--dark-blue, #224d9e);
}

/* Submit button (Step 2) */
#pms_register-form .pms-form-submit {
	-webkit-appearance: none !important;
	appearance: none !important;
	font-family: inherit !important;
	font-weight: 600 !important;
	font-size: var(--wp--preset--font-size--x-16, 16px) !important;
	line-height: 1.2 !important;
	background: var(--wp--preset--color--dark-blue, #224d9e) !important;
	color: var(--wp--preset--color--white, #ffffff) !important;
	border: 1px solid var(--wp--preset--color--dark-blue, #224d9e) !important;
	border-radius: 8px !important;
	transition: background-color 0.15s ease, border-color 0.15s ease,
		box-shadow 0.15s ease, color 0.15s ease !important;
	cursor: pointer !important;
}
#pms_register-form .pms-form-submit:hover {
	background: var(--wp--preset--color--white, #ffffff) !important;
	color: var(--wp--preset--color--dark-blue, #224d9e) !important;
	border-color: var(--wp--preset--color--dark-blue, #224d9e) !important;
}
#pms_register-form .pms-form-submit:focus {
	outline: none !important;
	box-shadow: 0 0 0 3px rgba(66, 133, 244, 0.25) !important;
}
#pms_register-form .pms-form-submit:disabled,
#pms_register-form .pms-form-submit[disabled] {
	background: var(--wp--preset--color--gainsboro, #dddddd) !important;
	border-color: var(--wp--preset--color--pale-blue-gray, #e0e5ee) !important;
	color: var(--wp--preset--color--dim-gray, #3e3e3e) !important;
	cursor: not-allowed !important;
	opacity: 0.8 !important;
}

/* Responsive */
@media (max-width: 600px) {
	#pms_register-form.pms-form {
		padding: var(--wp--preset--spacing--spacing-20, 16px);
	}
	.biolink-register-nav {
		flex-direction: column;
	}
	.biolink-register-nav .button {
		width: 100%;
	}
}