/**
 * Kirjautumattoman auth-näkymän ilmoitus (Kirjaudu, Luo tili, salasanan palautus).
 * Ei pääsykieltokortin tyylejä. Koko on hoyry-clamp(14, 16) näkymäleveyksillä 375–1440.
 * Teema voi yliajaa font-sizen funktiolla hoyry-clamp(14, 16).
 */

.oma-tili__notice.oma-tili__auth-notice:not(.oma-tili__ban) {
	margin: 0 0 1.25rem;
	padding: 0;
	border: 0;
	outline: 0;
	background: transparent;
	box-shadow: none;
	color: var(--wp--preset--color--valkoinen, #fff);
}


.casino-account-password-guide ul {
	margin: 0;
	padding-left: 1.25rem;
	list-style: disc;
}

.casino-account-password-guide li {
	margin: 0 0 0.25rem;
}

.oma-tili__auth-notice > .oma-tili__auth-notice-copy,
.oma-tili .oma-tili__auth-notice > .oma-tili__auth-notice-copy,
.oma-tili__auth-alert .oma-tili__auth-notice-copy {
	margin: 0;
	color: var(--wp--preset--color--valkoinen, #fff);
	font-family: "Veikkaus Text", sans-serif;
	font-size: clamp(14px, 13.2958px + 0.1878vw, 16px);
	font-weight: 400;
	line-height: 1.45;
}

/**
 * Virheilmoitus: täytetty laatikko, sama väri kuin lomakkeen virhe.
 * Info ja onnistuminen eivät saa luokkaa oma-tili__form-error.
 * Valkoinen teksti punaisella (#dc322f) on noin 4.6:1.
 */
.oma-tili__notice.oma-tili__auth-notice.oma-tili__form-error:not(.oma-tili__ban),
.oma-tili .oma-tili__notice.oma-tili__form-error,
.oma-tili__notice.oma-tili__form-error {
	display: block;
	margin: 1.25rem 0 0 0;
	padding: 1rem 0;
	border: 0;
	border-radius: 8px;
	background: var(--hoyry-form-error-color, #dc322f);
	box-shadow: none;
	color: #fff;
	text-align: center;
}

.oma-tili .oma-tili__form-error .oma-tili__auth-notice-title,
.oma-tili .oma-tili__form-error .oma-tili__auth-notice-copy,
.oma-tili .oma-tili__form-error .oma-tili__ban-title,
.oma-tili .oma-tili__form-error .oma-tili__ban-copy,
.oma-tili .oma-tili__form-error .oma-tili__notice-actions,
.oma-tili__form-error .oma-tili__auth-notice-title,
.oma-tili__form-error .oma-tili__auth-notice-copy,
.oma-tili__form-error .oma-tili__ban-title,
.oma-tili__form-error .oma-tili__ban-copy,
.oma-tili__form-error .oma-tili__notice-actions {
	color: #fff;
}

.oma-tili__form-error .oma-tili__auth-notice-title,
.oma-tili__form-error .oma-tili__ban-title {
	margin: 0 0 0.35rem;
	font-family: "Veikkaus Text", sans-serif;
	font-size: 1.125rem;
	font-weight: 700;
	line-height: 1.3;
	text-align: left;
	text-transform: none;
}

.oma-tili__form-error .oma-tili__notice-next {
	margin-top: 0.45rem;
}

.oma-tili__notice-actions {
	margin: 0.75rem 0 0;
	font-weight: 400;
	line-height: inherit;
	text-align: left;
}

.oma-tili .oma-tili__auth-notice .oma-tili__notice-actions,
.oma-tili .oma-tili__auth-alert .oma-tili__notice-actions,
.oma-tili__auth-notice .oma-tili__notice-actions,
.oma-tili__auth-alert .oma-tili__notice-actions {
	color: var(--wp--preset--color--valkoinen, #fff);
	font-family: "Veikkaus Text", sans-serif;
	font-size: clamp(14px, 13.2958px + 0.1878vw, 16px);
	font-weight: 400;
	line-height: 1.45;
}

/* Rakenteinen virhe: otsikko, teksti ja linkit. Ei yksirivistä lomakevirhettä.
   :not(.oma-tili__ban) auth-säännössä on oma luokkansa, joten tämä on sen jälkeen. */
.oma-tili__notice.oma-tili__auth-notice.oma-tili__structured-alert.oma-tili__form-error:not(.oma-tili__ban),
.oma-tili .oma-tili__notice.oma-tili__structured-alert.oma-tili__form-error,
.oma-tili__notice.oma-tili__structured-alert.oma-tili__form-error {
	text-align: center;
}

.oma-tili__structured-alert.oma-tili__form-error .oma-tili__auth-notice-title,
.oma-tili__structured-alert.oma-tili__form-error .oma-tili__auth-notice-copy,
.oma-tili__structured-alert.oma-tili__form-error .oma-tili__ban-title,
.oma-tili__structured-alert.oma-tili__form-error .oma-tili__ban-copy,
.oma-tili__structured-alert.oma-tili__form-error .oma-tili__notice-next,
.oma-tili__structured-alert.oma-tili__form-error .oma-tili__notice-actions {
	color: #fff;
	text-align: center;
}

/* Teeman h3-alaotsikko on 26px. Rakenteisen virheen otsikko on sama koko, valkoinen. */
.oma-tili__structured-alert.oma-tili__form-error .oma-tili__auth-notice-title,
.oma-tili__structured-alert.oma-tili__form-error .oma-tili__ban-title {
	margin: 0 0 0.45rem;
	font-size: 26px;
	font-weight: 700;
	line-height: 1.3;
	text-align: center;
}

.oma-tili__notice a.oma-tili__notice-action,
.oma-tili .oma-tili__notice a.oma-tili__notice-action,
.oma-tili__form-error a.oma-tili__notice-action,
.oma-tili .oma-tili__form-error a.oma-tili__notice-action {
	display: inline;
	padding: 0;
	background: none;
	border: 0;
	border-radius: 0;
	box-shadow: none;
	min-height: 0;
	color: inherit;
	font-family: inherit;
	font-size: inherit;
	font-weight: 400;
	line-height: inherit;
	letter-spacing: normal;
	text-align: inherit;
	text-decoration: underline;
	text-underline-offset: 0.18em;
	text-transform: none;
}

.oma-tili__notice a.oma-tili__notice-action + a.oma-tili__notice-action,
.oma-tili__form-error a.oma-tili__notice-action + a.oma-tili__notice-action {
	margin-left: 1rem;
}

.oma-tili__notice a.oma-tili__notice-action:hover,
.oma-tili__notice a.oma-tili__notice-action:focus,
.oma-tili .oma-tili__notice a.oma-tili__notice-action:hover,
.oma-tili .oma-tili__notice a.oma-tili__notice-action:focus,
.oma-tili__form-error a.oma-tili__notice-action:hover,
.oma-tili__form-error a.oma-tili__notice-action:focus,
.oma-tili .oma-tili__form-error a.oma-tili__notice-action:hover,
.oma-tili .oma-tili__form-error a.oma-tili__notice-action:focus {
	background: none;
	border-color: transparent;
	color: inherit;
	font-weight: 400;
	text-decoration: underline;
}

.oma-tili__notice a.oma-tili__notice-action:focus-visible,
.oma-tili__form-error a.oma-tili__notice-action:focus-visible {
	outline: 2px solid currentColor;
	outline-offset: 3px;
}