/**
 * Vue client — style des créneaux « pris » (gris rayé, non cliquables).
 *
 * IMPORTANT (audit v1.49.9) : repair-ui.min.css sert une règle à ID
 * `#wc-bookings-booking-form .block-picker li a { … !important }` (spécificité 1,1,2).
 * Un simple `.block-picker li… !important` (0,2,2) PERD malgré le !important (la
 * spécificité tranche entre deux !important). On PRÉFIXE donc par le même ID pour
 * passer à (1,3,2) et gagner. pointer-events:none rend la case inerte (aucune résa).
 */
#wc-bookings-booking-form .block-picker li.d2t-vc-taken {
	list-style: none !important;
	margin: 0 !important;
	padding: 0 !important;
	display: block !important;
}
#wc-bookings-booking-form .block-picker li.d2t-vc-taken a,
#wc-bookings-booking-form .block-picker li.d2t-vc-taken a:hover,
#wc-bookings-booking-form .block-picker li.d2t-vc-taken a:focus {
	display: block !important;
	text-align: center !important;
	padding: 10px 4px !important;
	border-radius: 12px !important;
	font-size: 13px !important;
	font-weight: 600 !important;
	background: #f1f4f8 !important;
	color: #9aa4b2 !important;
	border: 1.5px solid #e4e8ee !important;
	text-decoration: line-through !important;
	box-shadow: none !important;
	cursor: default !important;
	pointer-events: none !important;
	width: auto !important;
	height: auto !important;
	opacity: 1 !important;
}

/**
 * Calendrier du MOIS — jours indispos (congés / complets) en GRIS RAYÉ, jamais rouge
 * (règle boss « jamais de rouge, le mur rouge fait fuir »). Dispo = bleu (inchangé),
 * sélectionné = vert (inchangé). Distinction Fermé/Complet seulement au survol (tooltip).
 *
 * ANTI-FLASH ROUGE : frontend.css (WooCommerce Bookings) peint td.fully_booked et
 * li.fully_booked en rouge rgb(192,57,43) AVANT que notre JS pose d2t-vc-daygrey.
 * On écrase ces deux règles ici, en pur CSS (appliqué immédiatement, aucun délai JS).
 */
#wc-bookings-booking-form .ui-datepicker-calendar td.fully_booked,
#wc-bookings-booking-form .ui-datepicker-calendar td.fully_booked span,
#wc-bookings-booking-form .ui-datepicker-calendar td.fully_booked a {
	background: repeating-linear-gradient( 45deg, #eef1f5 0 4px, #e0e6ee 4px 8px ) !important;
	color: #9aa4b2 !important;
}
#wc-bookings-booking-form .block-picker li.fully_booked a {
	background: #f1f4f8 !important;
	color: #9aa4b2 !important;
	border-color: #e4e8ee !important;
}

/**
 * ANTI-CLIGNOTEMENT : au clic sur un jour, WooCommerce recharge la liste (AJAX) →
 * les barrés disparaissent puis reviennent (saut visible). Le JS pose d2t-vc-wait
 * sur le formulaire pendant le rechargement : la liste est voilée et ne réapparaît
 * (fondu 180 ms) qu'une fois les barrés reposés. Filet JS : révélation max 2,5 s.
 */
#wc-bookings-booking-form .block-picker { transition: opacity .18s ease; }
#wc-bookings-booking-form.d2t-vc-wait .block-picker { opacity: 0 !important; }
#wc-bookings-booking-form .ui-datepicker-calendar td.d2t-vc-daygrey {
	background: repeating-linear-gradient( 45deg, #eef1f5 0 4px, #e0e6ee 4px 8px ) !important;
	color: #9aa4b2 !important;
}
#wc-bookings-booking-form .ui-datepicker-calendar td.d2t-vc-daygrey span,
#wc-bookings-booking-form .ui-datepicker-calendar td.d2t-vc-daygrey a {
	color: #9aa4b2 !important;
	background: transparent !important;
}
/* Tooltip au survol : Complet / Fermé / Disponible */
#wc-bookings-booking-form .ui-datepicker-calendar td[data-tip] { position: relative; }
#wc-bookings-booking-form .ui-datepicker-calendar td[data-tip]:hover::after {
	content: attr(data-tip);
	position: absolute;
	bottom: 100%;
	left: 50%;
	transform: translateX(-50%);
	margin-bottom: 5px;
	background: #0f172a;
	color: #fff;
	font-size: 11px;
	font-weight: 600;
	line-height: 1;
	padding: 5px 9px;
	border-radius: 6px;
	white-space: nowrap;
	z-index: 30;
	pointer-events: none;
	box-shadow: 0 4px 12px rgba( 0, 0, 0, .25 );
}