/* FORMULAIRE */
.contact-form {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.form-group-row {
	display: flex;
	gap: 20px;
}

.form-group {
	display: flex;
	flex-direction: column;
	flex: 1;
}

label {
	font-weight: 600;
	font-size: 0.9rem;
	color: #ffffff;
	margin-bottom: 5px;
	text-align:left;
}

.required {
	color: #e74c3c;
}

input[type="text"], input[type="email"], input[type="tel"], select, textarea, input[type="number"] {
	width: 100%;
	padding: 8px;
	border: 1px solid #cccccc;
	border-radius: 5px;
	font-size: 0.95rem;
	color: #333333;
	transition: border-color 0.3s ease;
}

input:focus, select:focus, textarea:focus {
	outline: none;
	border-color: #3498db;
}

textarea {
	resize: vertical;
	
}

textarea, textarea::placeholder {
  	font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
	font-size: 0.95rem;
	color: #333333;
}

.checkbox-group {
	flex-direction: row;
	align-items: flex-start;
	gap: 10px;
}

.checkbox-group input {
	margin-top: 3px;
}

.checkbox-group label {
	font-size: 0.85rem;
	font-weight: normal;
	color: #fff;
}

.btn-submit {
	background-color: rgba(153,0,0,1);
	color: #ffffff;
	border: none;
	padding: 14px;
	font-size: 0.95rem;
	font-weight: bold;
	border-radius: 5px;
	cursor: pointer;
	transition: background-color 0.3s ease, color 0.3s ease;
	width: 100%;
}

.btn-submit:hover:not(:disabled) {
	background-color: rgba(204,0,0,1);
}

/* État d'envoi en cours */
.btn-submit.btn-loading {
	background-color: #7f8c8d;
	cursor: wait;
}

/* État de succès (Vert) */
.btn-submit.btn-success {
	background-color: #2ecc71;
	color: #ffffff;
}

/* État d'erreur (Rouge) */
.btn-submit.btn-error {
	background-color: #e74c3c;
	color: #ffffff;
}

.btn-submit:disabled {
	opacity: 0.85;
}

/* ADAPTATION MOBILE */
@media (max-width: 768px)
{
	.form-group-row {
		flex-direction: column;
		gap: 20px;
	}
}