/* Complete customer access forms: keep field contents readable at every breakpoint. */
body.woocommerce-account:not(.logged-in) #customer_login {
	grid-template-columns: minmax(0, .75fr) minmax(0, 1.25fr) !important;
	align-items: start;
}
body.woocommerce-account #customer_login :is(.u-column1, .u-column2, form, fieldset, .form-row, .thps-register-grid, .thps-register-section) {
	min-width: 0 !important;
	max-width: 100%;
	box-sizing: border-box;
}
body.woocommerce-account #customer_login form:is(.woocommerce-form-login, .woocommerce-form-register) {
	width: 100%;
	margin: 0 !important;
	padding: 0 !important;
	border: 0;
}
body.woocommerce-account #customer_login form :is(input[type="text"], input[type="email"], input[type="password"], input[type="tel"], input[type="date"], select) {
	display: block;
	box-sizing: border-box !important;
	width: 100% !important;
	min-width: 0 !important;
	max-width: 100% !important;
	height: auto !important;
	min-height: 52px !important;
	max-height: none !important;
	margin: 0 !important;
	padding: 12px 14px !important;
	border: 1px solid #8d9788 !important;
	border-radius: 0 !important;
	background: #fff !important;
	color: #20351a !important;
	font-size: 16px !important;
	line-height: 24px !important;
	letter-spacing: normal !important;
	text-indent: 0 !important;
	box-shadow: none !important;
}
body.woocommerce-account #customer_login form input[readonly] {
	background: #f4f1e4 !important;
}
body.woocommerce-account #customer_login form .password-input > input {
	padding-right: 60px !important;
}
body.woocommerce-account #customer_login form input[type="date"]::-webkit-date-and-time-value {
	text-align: left;
	min-height: 24px;
}
body.woocommerce-account #customer_login form :is(input, select):focus-visible {
	outline: 2px solid #c45d22 !important;
	outline-offset: 2px;
}
body.woocommerce-account #customer_login form :is(label, legend, small) {
	max-width: 100%;
	height: auto;
	white-space: normal;
	overflow-wrap: anywhere;
}
body.woocommerce-account #customer_login form label {
	font-size: 14px;
	line-height: 1.5;
}
body.woocommerce-account #customer_login form small {
	font-size: 12px;
	line-height: 1.5;
	color: #5e675c;
}
body.woocommerce-account #customer_login .thps-register-grid--address {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}
body.woocommerce-account #customer_login .thps-register-grid--address > .form-row {
	grid-column: 1 / -1;
}
body.woocommerce-account #customer_login .thps-register-grid--address > .form-row:has(#thps_house_number),
body.woocommerce-account #customer_login .thps-register-grid--address > .form-row:has(#reg_billing_postcode) {
	grid-column: auto;
}
body.woocommerce-account #customer_login :is(.thps-register-account-type, .thps-register-contact-choice) {
	min-inline-size: 0;
	width: 100%;
	box-sizing: border-box;
}
body.woocommerce-account #customer_login form :is(input[type="radio"], input[type="checkbox"]) {
	box-sizing: border-box !important;
	width: 19px !important;
	min-width: 19px !important;
	max-width: 19px !important;
	height: 19px !important;
	min-height: 19px !important;
	max-height: 19px !important;
	flex: 0 0 19px;
	padding: 0 !important;
	text-indent: 0;
	accent-color: #c45d22;
}
body.woocommerce-account #customer_login .thps-register-section > header > div,
body.woocommerce-account #customer_login .thps-account-type-option > span,
body.woocommerce-account #customer_login .thps-register-consent > span {
	min-width: 0;
	overflow-wrap: anywhere;
}
@media (max-width: 1100px) {
	body.woocommerce-account:not(.logged-in) #customer_login { grid-template-columns: minmax(0, 1fr) !important; }
}
@media (max-width: 600px) {
	body.woocommerce-account #customer_login .thps-register-grid,
	body.woocommerce-account #customer_login .thps-register-grid--address { grid-template-columns: minmax(0, 1fr); }
	body.woocommerce-account #customer_login .thps-register-grid--address > .form-row { grid-column: 1 / -1 !important; }
	body.woocommerce-account #customer_login .thps-register-contact-choice { padding: 12px; gap: 12px; }
}

@media (max-width: 700px) {
	body.woocommerce-account:not(.logged-in) .woocommerce:has(> #customer_login) {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	body.woocommerce-account:not(.logged-in) #customer_login > :is(.u-column1, .u-column2) {
		padding-left: 12px !important;
		padding-right: 12px !important;
	}
}