/* Login container */
.bankid-login {
	margin: 0rem auto;
	width: 100%;
	max-width: calc(736px + 2rem);
	padding: 3.5rem 1rem 5rem 1rem;
}

.bankid-login__heading {
	margin: 0 0 0rem 0;
	/* font-size: 1.5rem; */
	text-align: center;
}

.bankid-login__notices {
	width: 100%;
	max-width: 736px;
	margin: 0 auto 1.5rem;
}

.bankid-login__notices:before {
	content: '';
	display:none;
}

.bankid-login__notices .woocommerce-notices-wrapper {
	margin: 0;
	width: 100%;
}

.bankid-login__notices .bankid-verify-notice {
	margin: 0 0 1rem;
}

.bankid-login__notices .bankid-verify-notice:last-child,
.bankid-login__notices .woocommerce-notices-wrapper:last-child {
	margin-bottom: 0;
}

.bankid-login__password-toggle {
	display: block;
	margin: 1.5rem auto 0;
	padding: 0;
	border: 0;
	background: transparent;
	color: inherit;
	font: inherit;
	text-align: center;
	text-decoration: underline;
	cursor: pointer;
}

.bankid-login__password-toggle:hover,
.bankid-login__password-toggle:focus-visible {
	text-decoration: underline;
}

.bankid-login__password-toggle[hidden] {
	display: none;
}

#bankid-login-password-panel{
	padding-top: 0px !important;
}

.bankid-login__divider {
	text-align: center;
	margin: 1rem 0;
	color: inherit;
}

.bankid-login__actions {
	display: flex;
	flex-direction: column;
	gap: 0.75rem;
}

.bankid-login__rate-limit {
	margin: 0.75rem 0 0;
	font-size: 1rem;
}

.bankid-login__rate-limit[hidden] {
	display: none;
}

/* open bankid button */
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.bankid-login__trigger,
/* :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.bankid-login__trigger,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.bankid-login__trigger, */

.bankid-login__trigger {
	margin: 0 auto 0.2rem auto;
	display:flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	border-radius: 4px;
	background: #fff;
	color:var(--wp--preset--color--black);
	font-family: inherit;
	font-weight: 400;
	letter-spacing: normal;
	border: var(--wc-form-border-width) solid var(--wc-form-border-color);
	padding: 1rem;
	transition: transform 0.2s ease-in-out;
}

.bankid-login__trigger:disabled {
	opacity: 0.6;
	cursor: not-allowed;
}

:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.bankid-login__trigger:hover,
.bankid-login__trigger:hover {
	transform: scale(1.02);
}

.bankid-login__trigger .bankid-logo {
	width: 30px;
	height: 30px;
	margin-right: 1rem;
	background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjE1MS42IDEwNy41IDMxNi4xIDI5OC44Ij48Zz48cGF0aCBjbGFzcz0ic3QxIiBmaWxsPSIjMTgzZTRmIiBkPSJNMjUxLjMsMjYzLjRsMTMuMi04My4yaC0xNC4xYy02LjYsMC0xNS4xLTMuNy0xNy42LTEwLjUtLjgtMi4zLTIuNy0xMC4yLDguMi0xNy45LDMuOS0yLjcsNi40LTUuNyw2LjktOCwuNS0yLjQtLjEtNC41LTEuOC02LjEtMi40LTIuMy03LjEtMy42LTEzLjEtMy42LTEwLjEsMC0xNy4yLDUuOC0xNy45LDEwLS41LDMuMSwxLjksNS42LDQsNy4yLDYuMyw0LjcsNy44LDExLjUsMy45LDE3LjktNCw2LjYtMTIuNywxMC45LTIyLDExaC0xNC40Yy0xLjIsOC4xLTIwLjgsMTMyLjMtMjIuMywxNDIuMWg3Ny44Yy43LTQuMyw0LjMtMjcuOCw5LjItNTguOWgwWiIvPjxnPjxwYXRoIGNsYXNzPSJzdDEiIGZpbGw9IiMxODNlNGYiIGQ9Ik0xNjAuMSwzNTEuMWgzMS45YzEzLjYsMCwxNi45LDYuOSwxNS45LDEzLjItLjgsNS4xLTQuMyw4LjktMTAuMywxMS40LDcuNiwyLjksMTAuNiw3LjQsOS41LDE0LjUtMS40LDguOS05LjEsMTUuNS0xOS4yLDE1LjVoLTM2LjNsOC41LTU0LjZaTTE4MS4yLDM3My43YzYuMiwwLDkuMS0zLjMsOS43LTcuMi42LTQuMi0xLjMtNy4xLTcuNS03LjFoLTUuNWwtMi4yLDE0LjNoNS41Wk0xNzcuOCwzOTcuMmM2LjQsMCwxMC4xLTIuNiwxMS03LjkuNy00LjYtMS45LTcuMy04LjEtNy4zaC02LjJsLTIuNCwxNS4zaDUuN1oiLz48cGF0aCBjbGFzcz0ic3QxIiBmaWxsPSIjMTgzZTRmIiBkPSJNMjUxLjgsNDA2LjFjLTguMy42LTEyLjMtLjMtMTQuMy0zLjktNC40LDIuNy05LjMsNC4xLTE0LjUsNC4xLTkuNCwwLTEyLjctNC45LTExLjgtMTAuMy40LTIuNiwxLjktNS4xLDQuMy03LjIsNS4yLTQuNSwxOC01LjEsMjMtOC41LjQtMy44LTEuMS01LjItNS44LTUuMnMtMTAuMSwxLjgtMTgsNy4ybDEuOS0xMi40YzYuOC00LjksMTMuNC03LjIsMjEtNy4yczE4LjMsNCwxNi43LDE0LjZsLTEuOSwxMmMtLjcsNC4yLS41LDUuNSw0LjIsNS42bC00LjgsMTEuMlpNMjM3LjQsMzg3LjJjLTQuNCwyLjgtMTIuNiwyLjMtMTMuNSw4LjEtLjQsMi43LDEuMyw0LjcsNCw0LjdzNS44LTEuMSw4LjQtMi45Yy0uMi0xLS4xLTIsLjItMy45bC45LTZaIi8+PHBhdGggY2xhc3M9InN0MSIgZmlsbD0iIzE4M2U0ZiIgZD0iTTI2Ny4zLDM2My40aDE2LjZsLS45LDUuNWM1LjMtNC41LDkuMy02LjIsMTQuNS02LjIsOS4zLDAsMTMuNiw1LjcsMTIuMSwxNWwtNC4zLDI3LjloLTE2LjZsMy42LTIzLjFjLjctNC4yLS42LTYuMi0zLjgtNi4ycy01LDEuNC03LjMsNC41bC0zLjgsMjQuN2gtMTYuNmw2LjUtNDIuMVoiLz48cGF0aCBjbGFzcz0ic3QxIiBmaWxsPSIjMTgzZTRmIiBkPSJNMzIyLjYsMzUxLjFoMTYuNmwtNC4yLDI2LjgsMTUuOS0xNC41aDIwLjVsLTIwLjQsMTgsMTYuNCwyNC4yaC0yMC45bC0xMi42LTE5LjZoLS4ybC0zLDE5LjVoLTE2LjZsOC41LTU0LjRaIi8+PC9nPjxwYXRoIGNsYXNzPSJzdDEiIGZpbGw9IiMxODNlNGYiIGQ9Ik0zODEuMywzNTEuMWgxOS4xbC04LjQsNTQuNWgtMTkuMWw4LjQtNTQuNVoiLz48cGF0aCBjbGFzcz0ic3QxIiBmaWxsPSIjMTgzZTRmIiBkPSJNNDA5LjcsMzUxLjFoMjcuM2MyMS4xLDAsMjcuMiwxNS4zLDI1LjIsMjgtMS45LDEyLjQtMTEuNywyNi41LTMwLjIsMjYuNWgtMzAuOGw4LjUtNTQuNVpNNDI3LjQsMzkyLjZjOS4zLDAsMTQuNC00LjYsMTUuOS0xNC4zLDEuMS03LjItMS4xLTE0LjMtMTEuNC0xNC4zaC01LjFsLTQuNCwyOC42aDVaIi8+PHBhdGggY2xhc3M9InN0MSIgZmlsbD0iIzE4M2U0ZiIgZD0iTTM1NS45LDEwNy41aC03OS41bC0xMC42LDY3LjNoMTMuNWM3LjQsMCwxNC40LTMuNCwxNy40LTguMywxLTEuNiwxLjQtMywxLjQtNC4zLDAtMi44LTEuOS00LjktMy44LTYuMy01LjItMy45LTYuMy04LTYuMy0xMC45czAtMS4xLjEtMS42YzEuMS03LjEsMTAuNy0xNC44LDIzLjQtMTQuOHMxMy40LDEuOCwxNi45LDUuMWMzLjEsMi45LDQuMyw3LDMuNCwxMS4zLTEuMSw1LjEtNi4yLDkuMy05LjEsMTEuNC03LjcsNS40LTYuNywxMC4xLTYuMiwxMS41LDEuNiw0LjIsNy43LDYuOSwxMi40LDYuOWgyMC42YzI4LC4zLDQzLDEzLjIsMzguMyw0My4yLTQuNCwyNy45LTI1LjgsMzkuOS01MS4zLDQwLjFsLTEwLjEsNjQuNGgxNC45YzYyLjksMCwxMTQuMy00MC40LDEyNC40LTEwNC4yLDEyLjUtNzkuMi0zNy44LTExMC44LTEwOS44LTExMC44WiIvPjwvZz48cmVjdCBjbGFzcz0ic3QwIiB5PSIwIiBmaWxsPSJub25lIiB3aWR0aD0iNjE5LjIiIGhlaWdodD0iNTEzIi8+PC9zdmc+");
  	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}

/* modal */
.bankid-login__modal {
	position: fixed;
	inset: 0;
	z-index: 100000;
	background: rgba(0, 0, 0, 0.5);
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 1rem;
	padding-top: max(1rem, env(safe-area-inset-top, 0px));
	padding-bottom: max(1rem, env(safe-area-inset-bottom, 0px));
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
}

.bankid-login__modal[hidden] {
	display: none;
}

.bankid-login__dialog {
	background: #fff;
	border-radius: 8px;
	padding: 1.5rem;
	max-width: 360px;
	width: 100%;
	max-height: calc(100dvh - 2rem);
	max-height: calc(100svh - 2rem);
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	overscroll-behavior: contain;
	box-shadow: 0 8px 32px rgba(0, 0, 0, 0.15);
}

.bankid-login__title {
	margin: 0 0 0.75rem;
	font-size: 1.5rem;
}

.bankid-login__status {
	min-height: 1.5rem;
	margin-bottom: 1rem;
}

.bankid-login__dialog p {
	font-size: 1.0rem;	
}

.bankid-login__qr-wrap {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.bankid-login__qr-wrap img.bankid-login__qr-img {
	height: auto;
}

.bankid-login__qr-wrap .bankid-login__qr {
	position: relative;
	width: 200px;
	height: 200px;
	margin: 20px auto;
	overflow: hidden;
}

.bankid-login__qr-wrap[hidden],
.bankid-login__email-form[hidden],
.bankid-login__duplicate-accounts[hidden],
.bankid-login__email-verify[hidden] {
	display: none;
}

.bankid-login__email-field {
	display: block;
	margin-bottom: 0.75rem;
}

.bankid-login__email-label {
	display: block;
	font-size: 1rem;
	font-weight: 700;
}

.bankid-login__email-input {
	width: 100%;
	margin-top: 0.25rem;
	font-size: 1rem;
	border: 1px solid var(--wp--preset--color--dark-beige);
	border-radius: 4px;
	height: 41px;
	padding: 0 6px;
}

.bankid-login__email-submit {
	width: auto;
	margin-bottom: 0.5rem;
}

.bankid-login__duplicate-intro,
.bankid-login__duplicate-fallback {
	margin: 0 0 0.75rem;
}

.bankid-login__duplicate-fallback {
	font-size: 0.9375rem;
	line-height: 1.4;
}

.bankid-login__user-not-found-help {
	margin: 1rem 0 0;
	font-size: 0.9375rem;
	line-height: 1.5;
	text-align: left;
}

.bankid-login__user-not-found-help[hidden] {
	display: none;
}

.bankid-login__user-not-found-help a {
	color: inherit;
}

.bankid-login__password-link {
	color: inherit;
}

.bankid-login__duplicate-list {
	list-style: none;
	margin: 0 0 1rem;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
	max-height: min(16rem, 40dvh);
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	overscroll-behavior: contain;
}

.bankid-login__duplicate-item {
	margin: 0;
}

.bankid-login__duplicate-choice {
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 0.15rem;
	padding: 0.75rem 1rem;
	border-radius: 4px;
	border: 1px solid #ddd;
	border: 1px solid var(--wp--preset--color--dark-beige);
	background: #fff;
	color: inherit;
	font: inherit;
	font-weight: 700;
	cursor: pointer;
	text-align: left;
	transition: transform 0.2s ease-in-out, background-color 0.2s ease-in-out, color 0.2s ease-in-out;
}

.bankid-login__duplicate-choice:hover {
/* 	transform: scale(1.01);
	background-color: var(--wp--preset--color--medium-green, #2f855a);
	color: #fff;
	border: 1px solid #EEECE2; */
	background: var(--wp--preset--color--light-beige);

}

.bankid-login__duplicate-choice-label {
	font-size: 1rem;
	line-height: 1.2;
}

.bankid-login__duplicate-choice-email {
	font-size: 0.875rem;
	font-weight: 400;
	opacity: 0.85;
}

/* new redesign buttons */
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.bankid-login__trigger,
.bankid-login__trigger {
	font-weight: 700;
	font-size: 1rem;
	line-height: 100%;
	border-radius: 999px;
	color: var(--wp--preset--color--medium-green);
	border: 2px solid var(--wp--preset--color--medium-green);
	background: #fff;
	padding: 1rem 1.25rem;
	transition: transform 0.2s ease-in-out;
}

:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.bankid-login__trigger:hover,
.bankid-login__trigger:hover {
	border: 2px solid var(--wp--preset--color--dark-green);
	transform: scale(1.02);
	background: #fff;
}

:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.bankid-login__trigger:hover{
	border: 2px solid var(--wp--preset--color--dark-green);
	transform: scale(2);
}

.bankid-button {
	font-weight: 700;
	font-size: 1rem;
	border-radius: 999px;
	color: var(--wp--preset--color--medium-green);
	border: 2px solid var(--wp--preset--color--medium-green);
	background: #fff;
	padding: 0.75rem 1rem;
	padding: 0.5rem 1rem;
	transition: all 0.2s ease-in-out;
}

.bankid-button:hover {
	background-color: var(--wp--preset--color--medium-green);
	color: #fff;
}

/* message notice */
.woocommerce-account .woocommerce:has(.bankid-verify-notice) {
	flex-wrap: wrap;
}

.bankid-verify-notice {
	margin: 0 0 1.5rem;
	padding: 1rem 0;

	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 0rem;

	margin: 0rem auto;
	width: 100%;
	max-width: 736px;
}

.bankid-verify-notice.woocommerce-error, 
.bankid-verify-notice.woocommerce-info, 
.bankid-verify-notice.woocommerce-message{
	gap:0;
}

.bankid-verify-notice__message {
	margin: 0 0 0.5rem;
	/* font-weight: 600; */
	display:block;
	padding-left: 3rem;
}

.bankid-verify-notice__secondary {
	margin: 0;
	display:block;
	padding-left: 1.5rem;
}

.bankid-verify-notice__action {
	margin: 1rem 0 0;
}

.bankid-verify-notice__action .button {
	margin: 0;
}

.bankid-verify-notice.woocommerce-error:before, 
.bankid-verify-notice.woocommerce-info:before, 
.bankid-verify-notice.woocommerce-message:before{
	/* top: 0.95rem;
	left: 0; */
}

/* misc woocommerce login page */
/* .woocommerce-account .woocommerce .woocommerce-form-login, */
.woocommerce-account .woocommerce:has(.woocommerce-form-login) {
	padding-bottom: 0px !important;
}

body.bankid-login-integrated:not(.bankid-login-password-open) .woocommerce:has(.woocommerce-form-login) {
	display: none;
}

body.bankid-login-integrated .woocommerce:has(.woocommerce-form-login) > h2,
body.bankid-login-integrated .woocommerce:has(.woocommerce-form-login) .u-column1 > h2 {
	display: none;
}

body.bankid-login-integrated .woocommerce:has(.woocommerce-form-login) {
	margin-top: 0;
}

body.bankid-login-integrated.bankid-login-password-open .woocommerce:has(.woocommerce-form-login) {
	display: block;
}

[data-bankid-login-qr] {
	width: 220px;
	height: 220px;
}

/* Hantera BankID — My Account page */
body.woocommerce-account .woocommerce .woocommerce-MyAccount-content > .my-account-bankid-settings-heading {
	width: 100%;
	max-width: 736px;
	margin-left: auto;
	margin-right: auto;
}

.bankid-account-page {
	width: 100%;
	max-width: 736px;
	margin-left: auto;
	margin-right: auto;
}

.bankid-account-page__intro {
	margin: 0 0 1.25rem;
}

.bankid-account-page__section {
	margin-top: 2rem;
}

.bankid-account-page__section-heading {
	margin: 0 0 1rem;
	font-size: 1.25rem;
}

.bankid-account-page__section-heading--small {
	/* font-size: 1.125rem; */
}

.bankid-account-page__link-description {
	margin: 0 0 1rem;
}

.bankid-account-page__accounts {
	width: 100%;
}

.bankid-account-page__account-row {
	padding: 0.75rem 0;
	border-bottom: 1px solid rgba(0, 0, 0, 0.08);

	border: 1px solid var(--wp--preset--color--dark-beige);

	background: var(--wp--preset--color--light-beige);
	background: #fff;
	margin-bottom: 1rem;
	padding: 1rem;
	border-radius: 4px;
}

.bankid-account-page__account-label {
	display: flex;
	flex-direction: column;
	gap: 0.15rem;
}

.bankid-account-page__account-row--active {
	/* background: var(--wp--preset--color--light-beige); */
}

.bankid-account-page__account-status {
	color: #003e42;
	font-weight: 600;
}

.bankid-account-page__account-name,
.bankid-account-page__account-email {
	display: block;
}

.bankid-account-page__switch-form {
	margin-top: 0.75rem;
}

.bankid-account-page__account-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem 0.75rem;
	margin-top: 0.75rem;
}

.bankid-account-page__switch-form,
.bankid-account-page__unlink-form {
	margin: 0;
}

.bankid-account-page__switch-button,
.bankid-account-page__unlink-button {
	margin: 0;
}

.bankid-account-page__confirm {
	width: calc(100% - 2rem);
	max-width: 28rem;
	margin: auto;
	padding: 1.25rem;
	border: 0;
	border-radius: 0.5rem;
	box-shadow: 0 0.5rem 2rem rgba(0, 0, 0, 0.2);
}

.bankid-account-page__confirm::backdrop {
	background: rgba(0, 0, 0, 0.45);
}

.bankid-account-page__confirm-message {
	margin: 0 0 1rem;
}

.bankid-account-page__confirm-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem 0.75rem;
}

.bankid-account-page__link-form {
	width: 100%;
}

.bankid-account-page__link-label {
	display: block;
	margin-bottom: 0.75rem;
}

.bankid-account-page__link-label span {
	display: block;
	margin-bottom: 0.35rem;
}

.bankid-account-page__link-label input {
	width: 100%;
}

.bankid-login--account-verify {
	margin-top: 0.5rem;
}

.bankid-account-page .bankid-login--account-verify.bankid-login {
	max-width: 100%;
	padding: 0 0 2rem;
}

.bankid-account-page .bankid-login--account-verify .bankid-login__actions {
	align-items: flex-start;
}

.bankid-account-page .bankid-login--account-verify .bankid-login__trigger,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce .bankid-account-page .bankid-login--account-verify button.bankid-login__trigger {
	margin-left: 0;
	margin-right: 0;
}

.bankid-account-page__link-label .bankid_link_email{
	height: 41px !important;
	background-color: #fff;
	border: 1px solid var(--wp--preset--color--dark-beige) !important;
	color: var(--wp--preset--color--black);
	padding: 0 7px;
	border-radius: 4px;
}