/*
 * Page connexion front — charte G5 Formation
 * Scope : body.auth-g5 uniquement
 */

.auth-g5 {
	--g5-yellow: #e9b323;
	--g5-yellow-hover: #d4a01f;
	--g5-yellow-light: #fff8e6;
	--g5-yellow-soft: #fdf3d4;
	--g5-dark: #1c1c1c;
	--g5-primary-rgb: 233, 179, 35;
}

/* Layout */
.auth-g5 .auth-g5__gradient::before {
	background: radial-gradient(#fffdf5, #fff8e6, #fdf3d4) 0 0 / 400% 400%;
}

/* Panneau présentation gauche */
.auth-g5 .auth-g5__presentation {
	background: linear-gradient(145deg, var(--g5-yellow) 0%, #f5c842 55%, #e9b323 100%) !important;
}

.auth-g5 .auth-g5__presentation-circle-top {
	border-color: rgba(255, 255, 255, 0.18);
}

.auth-g5 .auth-g5__presentation-logo {
	opacity: 0.35;
	filter: brightness(1.1);
}

.auth-g5 .auth-g5__presentation-title,
.auth-g5 .auth-g5__presentation-text {
	color: var(--g5-dark) !important;
}

.auth-g5 .auth-g5__presentation-text {
	opacity: 0.85 !important;
}

.auth-g5 .auth-g5__presentation-btn {
	background-color: var(--g5-dark) !important;
	border-color: var(--g5-dark) !important;
	color: #fff !important;
}

.auth-g5 .auth-g5__presentation-btn:hover,
.auth-g5 .auth-g5__presentation-btn:focus {
	background-color: #333 !important;
	border-color: #333 !important;
	color: #fff !important;
}

/* Formulaire — logo */
.auth-g5 .auth-g5__logo-link {
	display: inline-flex !important;
	width: auto !important;
	margin-bottom: 0.5rem;
}

.auth-g5 .auth-g5__logo {
	height: 72px;
	width: auto;
	max-width: 100%;
	object-fit: contain;
	display: block;
}

/* Formulaire — bouton connexion */
.auth-g5 .auth-g5__submit {
	background-color: var(--g5-yellow) !important;
	border-color: var(--g5-yellow) !important;
	color: var(--g5-dark) !important;
	font-weight: 600;
}

.auth-g5 .auth-g5__submit:hover,
.auth-g5 .auth-g5__submit:focus,
.auth-g5 .auth-g5__submit:active {
	background-color: var(--g5-yellow-hover) !important;
	border-color: var(--g5-yellow-hover) !important;
	color: var(--g5-dark) !important;
	box-shadow: 0 4px 14px rgba(var(--g5-primary-rgb), 0.35) !important;
}

/* Formulaire — liens */
.auth-g5 .auth-g5__options .auth-g5__link {
	display: none !important;
}

.auth-g5 .auth-g5__link {
	color: #b8890f !important;
}

.auth-g5 .auth-g5__link:hover {
	color: var(--g5-yellow-hover) !important;
}

/* Formulaire — checkbox */
.auth-g5 .auth-g5__checkbox:checked {
	background-color: var(--g5-yellow) !important;
	border-color: var(--g5-yellow) !important;
}

.auth-g5 .auth-g5__checkbox:focus {
	border-color: var(--g5-yellow);
	box-shadow: 0 0 0 0.25rem rgba(var(--g5-primary-rgb), 0.25);
}

/* Formulaire — champs */
.auth-g5 .auth-g5__input:focus {
	border-color: var(--g5-yellow);
	box-shadow: 0 0 0 0.25rem rgba(var(--g5-primary-rgb), 0.2);
}

.auth-g5 .auth-g5__input-addon {
	border-color: var(--bs-border-color);
}

.auth-g5 .auth-g5__input-group:focus-within .auth-g5__input-addon {
	border-color: var(--g5-yellow);
}

/* Formulaire — boutons sociaux */
.auth-g5 .auth-g5__social-btn:hover {
	border-color: var(--g5-yellow) !important;
	background-color: var(--g5-yellow-light);
}

/* Dark theme */
html[data-bs-theme="dark"] .auth-g5 .auth-g5__gradient::before {
	background: radial-gradient(#0e1316, #161d21, #1b242a) 0 0 / 400% 400%;
}

html[data-bs-theme="dark"] .auth-g5 .auth-g5__social-btn:hover {
	background-color: rgba(234, 180, 30, 0.12);
}

html[data-bs-theme="dark"] .auth-g5 .auth-g5__link {
	color: var(--g5-yellow) !important;
}