/**
 * VibeCrew member form overrides.
 *
 * Rhymix CSS order is common → layouts → modules. This file lives under
 * layouts/, so it must be loaded with index="20000" (see common_header.html)
 * to sort after modules/member/.../member.css and win over Bootstrap defaults.
 */

/* ---- Form controls: undo member.css Bootstrap (206px / height:20px) ---- */
.xm.vc-member-area input[type="text"],
.xm.vc-member-area input[type="email"],
.xm.vc-member-area input[type="password"],
.xm.vc-member-area input[type="url"],
.xm.vc-member-area input[type="search"],
.xm.vc-member-area input[type="tel"],
.xm.vc-member-area input[type="number"],
.xm.vc-member-area textarea,
.xm.vc-member-area select {
	display: block;
	width: 100%;
	max-width: 100%;
	height: auto;
	min-height: 46px;
	margin: 0;
	padding: 10px 14px;
	border: 1px solid var(--vc-border, #c7c9cc);
	border-radius: 8px;
	background: var(--vc-surface-2, #f4f5f6);
	box-shadow: none;
	color: var(--vc-text, #202124);
	font: inherit;
	font-size: 15px;
	line-height: 1.35;
	vertical-align: middle;
	box-sizing: border-box;
}

body.color_scheme_light .xm.vc-member-area input[type="text"],
body.color_scheme_light .xm.vc-member-area input[type="email"],
body.color_scheme_light .xm.vc-member-area input[type="password"],
body.color_scheme_light .xm.vc-member-area textarea,
body.color_scheme_light .xm.vc-member-area select,
html.color_scheme_light .xm.vc-member-area input[type="text"],
html.color_scheme_light .xm.vc-member-area input[type="email"],
html.color_scheme_light .xm.vc-member-area input[type="password"],
html.color_scheme_light .xm.vc-member-area textarea,
html.color_scheme_light .xm.vc-member-area select {
	background: #fff;
}

.xm.vc-member-area input[type="checkbox"],
.xm.vc-member-area input[type="radio"],
.xm.vc-member-area input[type="submit"],
.xm.vc-member-area input[type="button"],
.xm.vc-member-area input[type="image"],
.xm.vc-member-area input[type="file"],
.xm.vc-member-area input[type="reset"] {
	width: auto;
	min-height: 0;
	height: auto;
	padding: initial;
	display: inline-block;
}

.xm.vc-member-area .vc-password-field {
	display: block;
	width: 100%;
	max-width: 100%;
	margin: 0;
	box-sizing: border-box;
}

.xm.vc-member-area .vc-password-field > input[type="password"],
.xm.vc-member-area .vc-password-field > input[type="text"] {
	width: 100%;
	max-width: 100%;
	padding-right: 44px;
}

/* ---- Auth panel shell ---- */
.xm.vc-member-area .vc-auth-panel,
.xm.vc-member-area .vc-signup-chooser,
.xm.vc-member-area .vc-email-signup,
.xm.vc-member-area .vc-social-finish {
	width: 100%;
	max-width: 420px;
	margin-left: auto;
	margin-right: auto;
	box-sizing: border-box;
}

.xm.vc-member-area .vc-auth-panel__form,
.xm.vc-member-area .vc-social-finish__form,
.xm.vc-member-area .vc-social-auth,
.xm.vc-member-area .vc-social-auth-btn,
.xm.vc-member-area .vc-signup-provider,
.xm.vc-member-area .vc-signup-email,
.xm.vc-member-area .vc-auth-panel__submit {
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
}

.gonghome-wrapper main .xm.vc-member-area button.vc-auth-panel__submit,
.gonghome-wrapper main .xm.vc-member-area input.vc-auth-panel__submit,
.gonghome-wrapper main .xm.vc-member-area a.vc-auth-panel__submit {
	color: var(--vc-on-cta, #111111) !important;
}

/* ---- Field errors: one style for blur / submit / server validator ---- */
.xm.vc-member-area .checkValue,
.xm.vc-member-area .vc-field-error {
	display: block;
	width: 100%;
	max-width: 100%;
	margin: 4px 0 0;
	padding: 0 0 0 6px;
	border: 0;
	background: transparent;
	box-shadow: none;
	color: #d14343;
	font-size: 12px;
	font-weight: 600;
	line-height: 1.4;
	text-align: left;
}

.xm.vc-member-area .vc-auth-field > .checkValue,
.xm.vc-member-area .vc-auth-field > .vc-field-error,
.xm.vc-member-area .vc-social-finish__field > .checkValue,
.xm.vc-member-area .vc-social-finish__field > .vc-field-error {
	margin: 0;
}

body.color_scheme_dark .xm.vc-member-area .checkValue,
body.color_scheme_dark .xm.vc-member-area .vc-field-error {
	color: #ff6b6b;
}

@media (max-width: 640px) {
	.xm.vc-member-area .vc-auth-panel,
	.xm.vc-member-area .vc-signup-chooser,
	.xm.vc-member-area .vc-email-signup,
	.xm.vc-member-area .vc-social-finish {
		max-width: 100%;
		margin-top: 12px;
		margin-bottom: 36px;
	}

	.xm.vc-member-area .vc-auth-panel__header > h1 {
		font-size: 24px;
		line-height: 1.3;
	}

	.xm.vc-member-area .vc-social-auth-btn {
		min-height: 48px;
		padding: 0 14px;
		font-size: 14px;
		justify-content: flex-start;
		gap: 10px;
	}

	.xm.vc-member-area .vc-social-auth-btn > span {
		flex: 1 1 auto;
		min-width: 0;
		text-align: left;
	}

	.xm.vc-member-area .vc-social-auth-btn .vc-auth-recent {
		position: static;
		transform: none;
		margin-left: auto;
		flex: 0 0 auto;
	}

	.xm.vc-member-area .form-horizontal .control-label,
	.xm.vc-member-area .form-horizontal .controls {
		float: none;
		width: 100%;
		max-width: 100%;
		margin-left: 0;
		padding-left: 0;
		text-align: left;
		display: block;
	}

	.xm.vc-member-area .form-horizontal .control-group {
		display: block;
		margin-bottom: 14px;
	}

	.xm.vc-member-area .form-horizontal .control-group::before,
	.xm.vc-member-area .form-horizontal .control-group::after {
		display: none;
		content: none;
	}
}