/* Auth-owned base for the standalone minimal Otino form only. */
@font-face {
	font-family: ct_font_dana;
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url("../../../../../uploads/2021/11/dana-fanum-regular.woff2") format("woff2");
}

@font-face {
	font-family: ct_font_dana;
	font-style: normal;
	font-weight: 500;
	font-display: swap;
	src: url("../../../../../uploads/2021/11/dana-fanum-medium.woff2") format("woff2");
}

html {
	box-sizing: border-box;
	-webkit-text-size-adjust: 100%;
	text-size-adjust: 100%;
}

/* Mobile browser controls change the visible height independently of 100vh. */
html:root, html body {
	min-height: 100vh;
	min-height: 100dvh;
}

*, *::before, *::after {
	box-sizing: inherit;
}

body {
	margin: 0;
	padding: 0;
	font-family: ct_font_dana, sans-serif;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.65;
	color: #687279;
}

p {
	margin: 0 0 1.5em;
}

a {
	color: #ff6310;
	text-decoration: none;
}

img, svg {
	vertical-align: middle;
}

img {
	max-width: 100%;
	height: auto;
}

button, input {
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
}

/* Preserve the old form field metrics, including the OTP's six small boxes. */
input:is([type="tel"], [type="text"], [type="password"], [type="email"], [type="number"]) {
	height: 50px;
	font-size: 16px;
	line-height: 1.65;
}

.box-main-login-page-otino input.otino_otp_item:focus {
	color: #687279;
	background-color: transparent;
}

button {
	margin: 0;
	appearance: none;
	-webkit-appearance: none;
}

.box-main-login-page-otino .woocommerce-form-login__submit {
	display: flex;
	align-items: center;
	justify-content: center;
}

@media only screen and (max-width: 1230px) {
	/* No bottom navigation remains, so its 96px reservation is unnecessary. */
	html body .box-main-login-page-otino {
		height: auto;
		min-height: 100vh;
		min-height: 100dvh;
		padding: 24px 16px;
	}
}