

.wpl {
	white-space: pre-line;
}

.white {
	color: white
}

.red {
	color: #B50015;
}

.dred {
	color: #900d00
}

.choc {
	color: chocolate;
}

.blue {
	color: rgb(81, 107, 255)!important;
}

.txl {text-align:left;}
.txc {text-align:center;}
.txr {text-align:right;}

.list-style-dot li {list-style-type: disc !important;}

.hrt {
	border-top: 1px solid #c7c7c7;
}

/* inside images set width to 100% */
.ins-img-w100 img {
	width: 100%
}

.nopad {padding: 0 !important}
.nopl {padding-left: 0px!important}

.fs-7 {
	font-size: 1.08rem;
}

.fs-8 {
	font-size: 0.9rem;
}

.vchk {
	vertical-align: middle;
	position: relative;
	bottom: 1px;
}

.center-in-page {
	display: flex;
	justify-content: center;
	height: 100%;
	align-items: center;
}

.btn-uns {
	all: unset;
	cursor: pointer;
}

.inline {
	display: inline;
}

.iframe-16-9 {
	width: 100%;
	aspect-ratio: 16 / 9; /* oppure 4/3, 1/1, ecc. */
	border: 0;
}


@media print {
	.noprint, .noprint *
	{
		display: none!important;
	}
}

/* accessibilità ------- */

/* Rimuovi outline generici al clic del mouse, ma preservali per la tastiera */
:focus:not(:focus-visible) {
  outline: none;
}

/* Indicatore di focus ad alto contrasto per la navigazione con tastiera */
:focus-visible,
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
.form-check-input:focus-visible {
  outline: 3px solid #0056b3 !important; /* Colore ben visibile con contrasto >= 3:1 */
  outline-offset: 2px !important;        /* Distanzia l'anello dall'elemento */
  box-shadow: none !important;           /* Rimuove l'alone sfocato di Bootstrap */
}

/* ------- accessibilità */