/* Bouton CTA "Billetterie en ligne" (widget Elementor dédié).
   Chargé sur tout le front (fichier volontairement minuscule) car ce
   bouton peut être placé sur n'importe quelle page, indépendamment de la
   présence du formulaire de réservation lui-même. */

/* !important partout : le thème/Elementor applique un style de bouton
   global (contour coloré, fond transparent) à tout élément <button> qui
   écrase sinon silencieusement ce style, exactement comme pour l'interrupteur
   "Arrivé" de l'admin — voir ce précédent correctif pour le même diagnostic. */
.nidyareza-booking-cta {
	-webkit-appearance: none !important;
	appearance: none !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	padding: 18px 40px !important;
	background: #efa53b !important;
	background-color: #efa53b !important;
	color: #ffffff !important;
	font-family: "museo-sans-rounded", sans-serif !important;
	font-weight: 700 !important;
	font-size: 16px !important;
	letter-spacing: 0.02em !important;
	text-transform: uppercase !important;
	text-decoration: none !important;
	border-radius: 999px !important;
	border: 2px solid #efa53b !important;
	box-shadow: none !important;
	cursor: pointer !important;
	transition: none !important;
}

/* Volontairement aucun effet au survol (couleur, ombre, taille...),
   à la demande explicite : le bouton reste strictement identique. */
.nidyareza-booking-cta:hover,
.nidyareza-booking-cta:focus,
.nidyareza-booking-cta:active,
.nidyareza-booking-cta:visited {
	background: #efa53b !important;
	background-color: #efa53b !important;
	color: #ffffff !important;
	border-color: #efa53b !important;
	text-decoration: none !important;
	box-shadow: none !important;
	transform: none !important;
	outline: none !important;
}

/* Fenêtre modale contenant le formulaire de réservation complet. */
.nidyareza-modal {
	position: fixed;
	inset: 0;
	z-index: 100000;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 20px;
}

.nidyareza-modal[hidden] {
	display: none;
}

.nidyareza-modal-backdrop {
	position: absolute;
	inset: 0;
	background: rgba(0, 0, 0, 0.6);
}

.nidyareza-modal-panel {
	position: relative;
	background: #f6f7f7;
	border-radius: 12px;
	width: 100%;
	max-width: 680px;
	max-height: 90vh;
	overflow-y: auto;
	padding: 24px;
}

/* Même style que .nidyareza-calendar-nav (chevrons du calendrier) : pas de
   fond ni de bordure, le survol ne change que la couleur. */
.nidyareza-modal-close {
	position: absolute;
	top: 6px;
	right: 10px;
	margin-top: 12px;
	background: none !important;
	border: none !important;
	padding: 0 !important;
	cursor: pointer !important;
	color: #64748b !important;
	font-size: 32px !important;
	line-height: 0 !important;
	font-weight: 600 !important;
	box-shadow: none !important;
	z-index: 1;
}

.nidyareza-modal-close:hover,
.nidyareza-modal-close:focus,
.nidyareza-modal-close:active {
	background: none !important;
	border: none !important;
	color: #fdab19 !important;
	box-shadow: none !important;
	outline: none !important;
}

.nidyareza-modal-body .nidyareza-booking {
	margin: 0;
}

@media (max-width: 480px) {
	.nidyareza-modal {
		padding: 0;
	}
	.nidyareza-modal-panel {
		max-width: 100%;
		max-height: 100%;
		height: 100%;
		border-radius: 0;
	}
}
