/**
 * Pont CSS pour embarquer le tunnel de réservation ([ad_booking]) DANS le dashboard
 * (qui n'a pas la feuille main.css du thème). Fournit les variables + les boutons
 * dont booking.css/booking-form.php ont besoin, plus l'overlay de réservation.
 */
:root {
	--black: #0a0a0a; --graphite: #232323;
	--gray-1: #4a4a4a; --gray-2: #767676; --gray-3: #b0b0b0; --gray-4: #dcdad4;
	--off-white: #f5f4f0; --white: #ffffff;
	--gold: #D4AF37; --gold-bright: #d4c4a0; --gold-soft: rgba(212,175,55,0.4);
	--ease: cubic-bezier(0.22, 1, 0.36, 1);
	--adb-ease: cubic-bezier(0.22, 1, 0.36, 1);
}

/* Boutons du thème (repris de main.css, requis par le tunnel) */
.adx-overlay .btn {
	display: inline-flex; align-items: center; justify-content: center; gap: 0.6rem;
	padding: 1rem 1.75rem; font-size: 13px; font-weight: 500; letter-spacing: 0.08em;
	text-transform: uppercase; transition: all 0.3s var(--ease), transform 0.2s var(--ease);
	border: 1px solid transparent; white-space: nowrap; cursor: pointer;
	font-family: Manrope, Inter, system-ui, sans-serif; border-radius: 2px;
}
.adx-overlay .btn-primary { background: var(--black); color: var(--white); }
.adx-overlay .btn-primary:hover { background: var(--graphite); box-shadow: inset 0 -1px 0 var(--gold); }
.adx-overlay .btn-primary svg { transition: transform 0.3s var(--ease); }
.adx-overlay .btn-primary:hover svg { transform: translateX(4px); }
.adx-overlay .btn-ghost { background: transparent; color: var(--white); border-color: rgba(255,255,255,0.25); }
.adx-overlay .btn-ghost:hover { border-color: var(--gold); color: var(--gold); }
.adx-overlay .btn-ghost.dark { color: var(--black); border-color: rgba(10,10,10,0.2); }
.adx-overlay .btn-ghost.dark:hover { color: var(--gold); border-color: var(--gold); }
.adx-overlay .btn-large { padding: 1.25rem 2.5rem; font-size: 13px; }

/* Overlay de réservation (le client réserve + paie sans quitter le dashboard) */
.adx-overlay {
	position: fixed; inset: 0; z-index: 1000;
	background: rgba(10,10,10,0.55); backdrop-filter: blur(3px);
	overflow-y: auto; padding: 40px 20px;
	animation: adxFade .2s ease;
}
@keyframes adxFade { from { opacity: 0; } to { opacity: 1; } }
.adx-overlay[hidden] { display: none; }
.adx-overlay-inner {
	max-width: 1120px; margin: 0 auto; position: relative;
	background: var(--off-white, #f5f4f0); border-radius: 16px;
	box-shadow: 0 40px 100px rgba(0,0,0,0.4); padding: 16px;
}
.adx-overlay-close {
	position: sticky; top: 0; margin-left: auto; display: inline-flex; align-items: center; gap: 6px;
	background: #0a0a0a; color: #fff; border: 0; border-radius: 999px;
	padding: 9px 16px; font-size: 13px; font-weight: 600; cursor: pointer; z-index: 5; float: right;
}
.adx-overlay-close:hover { background: #232323; }
body.adx-lock { overflow: hidden; }

/* Bannière de confirmation au retour de paiement */
.adx-paid-banner {
	display: flex; align-items: center; gap: 10px;
	background: #e8f5ea; color: #1d5a2d; border: 1px solid #b6e0bf;
	border-radius: 12px; padding: 14px 18px; margin: 0 0 8px; font-size: 14px; font-weight: 500;
}