/**
 * Adattamenti WCAG per il modal login del plugin LRM.
 *
 * Regole volutamente circoscritte a .lrm-user-modal: non modificano form,
 * input, checkbox o pulsanti estranei alla finestra di autenticazione.
 */

.lrm-user-modal .lrm-signin-section .api-core-lrm-visible-label {
	display: block;
	margin: 0 0 0.4rem;
	padding: 0;
	color: #222;
	font-size: 1rem;
	font-weight: 700;
	line-height: 1.35;
}

.lrm-user-modal .api-core-lrm-input-wrap {
	position: relative;
}

/* Il bordo #767676 supera 3:1 sul bianco e identifica il campo anche
   quando non ha focus. */
.lrm-user-modal .lrm-signin-section input.has-border {
	border-color: #767676 !important;
}

/* LRM imposta outline:none sugli input: qui il ripristino deve prevalere. */
.lrm-user-modal .lrm-signin-section input.has-border:focus-visible {
	outline: 3px solid #000 !important;
	outline-offset: 2px;
}

/* Il checkbox nativo e' trasparente: il focus viene mostrato sul relativo
   indicatore visuale. Anche il bordo a riposo viene portato a 3:1. */
.lrm-user-modal .lrm-nice-checkbox__label .lrm-nice-checkbox__indicator {
	border-color: #767676;
}

.lrm-user-modal .lrm-nice-checkbox:focus-visible ~ .lrm-nice-checkbox__indicator {
	outline: 3px solid #000 !important;
	outline-offset: 2px;
}

/* Il controllo mostra/nascondi viene trasformato via JS da span a button.
   Queste regole neutralizzano gli stili generici dei submit di LRM. */
.lrm-user-modal .lrm-form button.hide-password {
	position: absolute;
	top: 50%;
	right: 5px;
	bottom: auto;
	left: auto;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 44px;
	margin: 0;
	padding: 0;
	transform: translateY(-50%);
	/* Non usare la shorthand background: azzererebbe la background-image
	   dell'occhio fornita dal foglio stile di LRM. */
	background-color: transparent !important;
	border: 0;
	border-left: 1px solid #767676;
	border-radius: 0;
	color: #343642 !important;
	cursor: pointer;
}

.lrm-user-modal .lrm-form button.hide-password:focus-visible {
	outline: 3px solid #000 !important;
	outline-offset: 2px;
}

/* Mantiene lo spazio per il button anche quando il campo passa da
   type=password a type=text. */
.lrm-user-modal .api-core-lrm-password-field input.has-border {
	padding-right: 60px !important;
}