/*
 *
 * ██████╗                                                         ██╗        ██████╗     ██╗
 * ██╔══██╗ ██ ███╗   ███╗    ████╗   ██████╗  █████╗    █████╗  ██████╗        ██╔═╝   ██║ ██║
 * █████╔═╝  ██║ ║█║ ██║ ██║ ██╔══╝   ██╔══██╗ ██╔══██╗ ██╔══╗█╗   ██╔═╝        ██║    ██║   ██║
 * ██╔══╝    ██║ ╚═╝ ██║ ██║  ████╗   █████╔═╝ █████╔═╝ ██║  ╚═╝   ██║          ██║    ████████║
 * ██║       ██║     ██║  █║      ██╗ ██╔══╝   ██╔══╝   ██║        ██║          ██║    ██║   ██║
 * ██║       ██║      ████║   ████╔╝  ██║      ██████╗   █████╗     ███╗      ██████╗  ██║   ██║
 * ╚═╝       ╚═╝      ╚═══╝   ╚═══╝   ╚═╝      ╚═════╝   ╚════╝     ╚══╝      ╚═════╝  ╚═╝   ╚═╝
 *
 * ---  CSS : Feuilles de style en cascade | Jean-Bernard MARTINEZ & Ayoub BENDIB - ProspectIA.eu © 2025 - SentientTech.com
 * --- Fichier : usual_dark.css | Feuille de style : Thème sombre usuel
 * 							
*/

/* ***************************************************************************************************
		2 - USUAL CLASSES : CLASSES USUELLES ==> [ Mise en place type : H1, a, p, button ]
****************************************************************************************************** */

#profil h3, #stat h3 {
	font-size: 12px;
	color: var(--color-boutons);
}

a {
	text-decoration: none;
	color: var(--color-text) !important;
}

a:hover {
	color: var(--color-accent-hover) !important;
}

button, a[class="button"] {
	padding: 0.5rem 1rem;
	color: var(--color-background-alt) !important;
	background-color: var(--color-boutons);
	border: 1px solid var(--color-border);
	border-radius: 5px;
	cursor: pointer;
}

button:hover, a[class="button"]:hover {
	color: var(--color-border);
	background: linear-gradient(var(--color-boutons), var(--color-accent));
	border: 1px solid var(--color-surface);
	animation:slidein 1s infinite alternate;
}

button:active, a[class="button"]:active {
	color: var(--color-accents);
	border: 1px solid var(--color-border);
	background: linear-gradient(90deg, var(--color-boutons), var(--color-surface));
	text-shadow:
	1px 1px 2px var(--color-boutons),
	0 0 1em var(--color-border),
	0 0 0.2em var(--color-border);	
}

input, select, textarea {
	background-color: var(--color-text);
	color: var(--color-border);
	background-color: var(--color-text-secondary) !important;
	border: 1px solid var(--color-surfac);
	border-radius: 10px;
	padding: 0.2rem 0.5rem;
	width: 65%;
}

.g-recaptcha {
	border: none !important;
	flex-direction: column;
	align-items: center;
	border: none !important;
	padding-top: 0 !important;
}

#rc-anchor-container {
	background-color: var(--color-light) !important;
	border: 1px solid var(--color-text) !important;
}