/**
 * Bouton d'accessibilité.
 *
 * Aucune couleur en dur : le bouton lit les jetons de contexte de la feuille
 * Dungeon Styler. Posé dans une barre haute foncée ou dans un pied de page, il
 * prend les couleurs de l'endroit, dont le contraste a déjà été mesuré.
 *
 * @package Adon Components
 * @since   1.0.0
 */

.adon-acces {
	font-family: var( --fonttextes, inherit );
}

.adon-acces__bouton {
	display: inline-flex;
	align-items: center;
	gap: 0.5em;
	padding: 0.5em 0.8em;
	border: 1px solid transparent;
	border-radius: 4px;
	background-color: var( --couleur, transparent );
	color: var( --sur-couleur, inherit );
	font: inherit;
	font-size: 0.9rem;
	line-height: 1.2;
	cursor: pointer;
}

.adon-acces__bouton:hover {
	background-color: var( --couleur-h, var( --couleur, transparent ) );
}

.adon-acces__bouton:focus-visible {
	outline: 3px solid var( --focus, currentColor );
	outline-offset: 2px;
}

.adon-acces__icone {
	flex: 0 0 auto;
	width: 1.6em;
	height: 1.6em;
}

/*
 * Masquage visuel en conservant l'élément pour les lecteurs d'écran. Livré par
 * le composant plutôt qu'emprunté au thème : le bouton doit rester posable sur
 * une reprise qui ne porte pas la feuille du socle, et un libellé de bouton
 * qui s'affiche en clair alors qu'on l'a demandé masqué se voit tout de suite.
 */
.adon-acces .adon-sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect( 0, 0, 0, 0 );
	white-space: nowrap;
	border: 0;
}