/**
 * Vauban — Lien de connexion d'en-tête ([vauban_login_logo]).
 *
 * Feuille minimale et autonome, chargée globalement (l'élément vit dans l'en-tête,
 * présent sur toutes les pages). Le lien mène à la page hub de connexion. L'icône
 * SVG hérite de la couleur du texte de l'en-tête (currentColor) : noir et blanc,
 * conforme à la charte (aucune couleur décorative).
 */

.vauban-login-logo {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	text-decoration: none;
	color: inherit;
	line-height: 1;
}

/* Variante icône SVG (par défaut) */
.vauban-login-logo__icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	color: inherit;
}

.vauban-login-logo__svg {
	display: block;
	width: auto;
	transition: transform 0.16s ease, opacity 0.16s ease;
}

.vauban-login-logo:hover .vauban-login-logo__svg {
	transform: translateX(1px);
	opacity: 0.85;
}

.vauban-login-logo__label {
	font-size: 15px;
	font-weight: 600;
	letter-spacing: 0.01em;
	color: inherit;
}

/* Variante image personnalisée (attribut src) */
.vauban-login-logo__img {
	display: block;
	width: auto;
	height: 34px;
	object-fit: contain;
	transition: opacity 0.16s ease;
}

.vauban-login-logo:hover .vauban-login-logo__img {
	opacity: 0.85;
}

/* Intégration dans le menu principal (item injecté côté thème) :
   l'icône seule, centrée, sans héritage de tailles de texte du menu.
   L'info-bulle est gérée par l'attribut `title` natif (une seule bulle
   même quand le thème duplique le menu : header, sticky, mobile). */
.vauban-menu-connexion {
	display: flex;
	align-items: center;
}

.vauban-menu-connexion .vauban-login-logo {
	padding: 4px 6px;
}

.vauban-menu-connexion .vauban-login-logo__svg {
	max-height: 26px;
}

/* Menu responsive (burger) : l'item s'aligne avec les autres entrées
   tout en gardant une cible tactile confortable (≥ 40px). */
@media (max-width: 921px) {
	.vauban-menu-connexion .vauban-login-logo {
		min-height: 40px;
		padding: 8px 12px;
	}
}