/*
 * Il riquadro del bot sulla pagina del pilota.
 *
 * Neutro di proposito: eredita colori e carattere dal tema della compagnia
 * invece di imporne di suoi, perche' sta in mezzo alle altre sezioni del
 * profilo e non deve sembrare incollato li' da un altro sito.
 */

.wpvams-notify-link {
	margin: 1.5em 0;
	padding: 1em 1.2em;
	border: 1px solid rgba(127, 127, 127, .25);
	border-radius: 6px;
}

.wpvams-notify-link h3 {
	margin: 0 0 .6em;
	font-size: 1em;
	text-transform: uppercase;
	letter-spacing: .04em;
	opacity: .75;
}

.wpvams-notify-lead {
	margin: 0 0 .8em;
	opacity: .85;
}

.wpvams-notify-link-row {
	display: flex;
	align-items: center;
	gap: .6em;
	flex-wrap: wrap;
	margin: .5em 0;
}

.wpvams-notify-linked {
	opacity: .8;
}

.wpvams-notify-off {
	opacity: .5;
}

/* Un grigio trasparente invece di un colore dichiarato: cosi' il pulsante
   resta leggibile sia su un tema chiaro sia su uno scuro, e prende il carattere
   e il colore del testo della pagina. */
.wpvams-notify-btn {
	display: inline-block;
	padding: .45em 1em;
	border-radius: 4px;
	color: inherit;
	background: rgba(127, 127, 127, .18);
	text-decoration: none;
	font-size: .95em;
	line-height: 1.3;
}

.wpvams-notify-btn:hover {
	background: rgba(127, 127, 127, .3);
}

.wpvams-notify-code-box {
	margin-top: .8em;
	font-size: .95em;
}

.wpvams-notify-code-box summary {
	cursor: pointer;
	opacity: .7;
}

.wpvams-notify-code {
	display: inline-block;
	padding: .2em .6em;
	border-radius: 4px;
	background: rgba(127, 127, 127, .15);
	font-size: 1.05em;
	letter-spacing: .08em;
	user-select: all;
}

.wpvams-notify-hint {
	font-size: .85em;
	opacity: .7;
	margin-top: .2em;
}

.wpvams-notify-notice {
	margin: 0 0 .8em;
	padding: .5em .8em;
	border-radius: 4px;
	border-left: 3px solid currentColor;
	background: rgba(127, 127, 127, .1);
	font-size: .95em;
}

.wpvams-notify-notice-ok {
	color: #1a7f37;
}

.wpvams-notify-notice-bad {
	color: #a02725;
}

.wpvams-notify-inline {
	display: inline;
	margin: 0;
}

.wpvams-notify-plain {
	background: none;
	border: 0;
	padding: 0;
	font: inherit;
	font-size: .85em;
	text-decoration: underline;
	opacity: .7;
	cursor: pointer;
}