/**
 * Safe Park — bouton header Connexion / Déconnexion
 * Palette : #F6712B (orange) / #0D2741 (navy)
 */

.safepark-header-auth {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 9px 18px;
	border-radius: 8px;
	font-size: 14px;
	font-weight: 700;
	letter-spacing: 0.01em;
	text-decoration: none !important;
	line-height: 1.2;
	border: 1.5px solid transparent;
	transition: background-color 0.15s, color 0.15s, transform 0.1s, box-shadow 0.15s, border-color 0.15s;
}

.safepark-header-auth:hover { text-decoration: none !important; }

/* Variants — fond plein orange */
.safepark-header-auth--button.safepark-header-auth--variant-orange {
	background: #F6712B;
	color: #fff;
	box-shadow: 0 3px 10px rgba(246, 113, 43, 0.30);
}
.safepark-header-auth--button.safepark-header-auth--variant-orange:hover {
	background: #DC5A14;
	color: #fff;
	transform: translateY(-1px);
	box-shadow: 0 5px 14px rgba(246, 113, 43, 0.40);
}

/* Variant navy */
.safepark-header-auth--button.safepark-header-auth--variant-navy {
	background: #0D2741;
	color: #fff;
	box-shadow: 0 3px 10px rgba(13, 39, 65, 0.25);
}
.safepark-header-auth--button.safepark-header-auth--variant-navy:hover {
	background: #1A3A5C;
	color: #fff;
	transform: translateY(-1px);
}

/* Variant outline */
.safepark-header-auth--button.safepark-header-auth--variant-outline {
	background: transparent;
	color: #0D2741;
	border-color: #0D2741;
}
.safepark-header-auth--button.safepark-header-auth--variant-outline:hover {
	background: #0D2741;
	color: #fff;
}

/* Mode déconnexion = navy par défaut, même en variant orange,
   pour différencier visuellement de "se connecter" */
.safepark-header-auth--button.safepark-header-auth--logout.safepark-header-auth--variant-orange {
	background: #0D2741;
	color: #fff;
	box-shadow: 0 3px 10px rgba(13, 39, 65, 0.25);
}
.safepark-header-auth--button.safepark-header-auth--logout.safepark-header-auth--variant-orange:hover {
	background: #1A3A5C;
}

/* Style lien (texte seul) */
.safepark-header-auth--link {
	padding: 4px 6px;
	background: transparent;
	color: #0D2741;
	border: none;
	box-shadow: none;
}
.safepark-header-auth--link:hover {
	color: #F6712B;
	transform: none;
}

/* Greeting "Bonjour X" */
.safepark-header-auth__greeting {
	display: inline-block;
	margin-right: 10px;
	color: #0D2741;
	font-size: 14px;
	font-weight: 500;
}

/* Responsive : sur petit écran on cache le label, on garde l'icône */
@media (max-width: 600px) {
	.safepark-header-auth {
		padding: 8px 12px;
		gap: 0;
	}
	.safepark-header-auth__text {
		display: none;
	}
	.safepark-header-auth__greeting {
		display: none;
	}
}