/**
 * Page Mes réservations – tableau et formulaire de modification.
 * Shortcode : [mediapilote_mes_reservations]
 *
 * @package Mediapilote_Gestion_Evenements
 */
.mediapilote-ge-mes-reservations {
	--mdp-ge-red: #e3000b;
	--mdp-ge-red-hover: #c20009;
}

/* Bouton rouge (si le thème ne le scope pas ici) */
.mediapilote-ge-mes-reservations .btn-red,
.mediapilote-ge-mes-reservations .btn.btn-red {
	background: var(--mdp-ge-red);
	color: #fff;
	border-color: var(--mdp-ge-red);
}
.mediapilote-ge-mes-reservations .btn-red:hover,
.mediapilote-ge-mes-reservations .btn.btn-red:hover {
	background: var(--mdp-ge-red-hover);
	border-color: var(--mdp-ge-red-hover);
	color: #fff;
}

/* Formulaire de modification : radios et cases à cocher en rouge */
.mediapilote-ge-mes-reservations .mediapilote-ge-form-edit-reservation .form-check-input {
	accent-color: var(--mdp-ge-red);
}
.mediapilote-ge-mes-reservations .mediapilote-ge-form-edit-reservation .form-check-input:checked {
	background-color: var(--mdp-ge-red);
	border-color: var(--mdp-ge-red);
}
.mediapilote-ge-mes-reservations .mediapilote-ge-form-edit-reservation input[type="text"]:focus,
.mediapilote-ge-mes-reservations .mediapilote-ge-form-edit-reservation .form-control:focus {
	border-color: var(--mdp-ge-red);
	box-shadow: 0 0 0 0.2rem rgba(227, 0, 11, 0.25);
}

/* Sous-bloc personne extérieure dans le formulaire de modification */
.mediapilote-ge-personne-exterieure-champs-mes-resa {
	align-items: center;
	gap: 0.75rem;
}

/* Filtre par événement (au-dessus du tableau) */
.mediapilote-ge-mes-reservations-filter {
	width: 100%;
}
.mediapilote-ge-mes-reservations-filter-form {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0.75rem;
	flex-wrap: wrap;
}