/**
 * BIKE1 — Test Days : style des options indisponibles (COMPLET)
 *
 * Note : la mise en forme des <option> dans le dropdown OUVERT est supportée
 * par Chrome/Edge récents et Firefox. Sur certains mobiles, c'est l'OS qui
 * impose son propre rendu — le texte « — COMPLET » reste le repère universel.
 */

#form-field-day option:disabled,
#form-field-time option:disabled,
#form-field-model option:disabled {
	color: #b9123b !important;          /* rouge = indisponible (signal pour le client) */
	background-color: #f6e9ec !important;
	font-style: italic;
	text-decoration: line-through;
}

/* Renforce le contraste des options DISPONIBLES */
#form-field-day option:not(:disabled),
#form-field-time option:not(:disabled),
#form-field-model option:not(:disabled) {
	color: #1a1a1a;
	font-weight: 500;
}

/* ─── Loader vélo plein écran (chargement du Google Sheet) ─────────── */

.bike-loader {
	display: none;
	position: fixed;
	inset: 0;
	z-index: 99999;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 18px;
	background: rgba(0, 0, 0, 0.78);
	backdrop-filter: blur(2px);
	-webkit-backdrop-filter: blur(2px);
}

.bike-loader.is-active {
	display: flex;
}

.bike-loader .bl-bike {
	width: 140px;
	height: auto;
	flex: none;
}

/* Roues blanches pour ressortir sur le fond noir, cadre vert Bike1 */
.bike-loader .bl-tire  { fill: none; stroke: #fff; stroke-width: 3; }
.bike-loader .bl-spoke { stroke: #ffffff; stroke-width: 1.4; opacity: 0.65; }
.bike-loader .bl-hub   { fill: #fff; }
.bike-loader .bl-frame {
	fill: none;
	stroke: #09A255;
	stroke-width: 3;
	stroke-linecap: round;
	stroke-linejoin: round;
}

.bike-loader .bl-text {
	font-size: 18px;
	color: #fff;
	font-style: italic;
	letter-spacing: 0.3px;
}

/* Rotation de chaque roue autour de son propre centre */
.bike-loader .bl-wheel {
	transform-box: fill-box;
	transform-origin: center;
	animation: bl-spin 0.7s linear infinite;
}

@keyframes bl-spin {
	to { transform: rotate(360deg); }
}

@media (prefers-reduced-motion: reduce) {
	.bike-loader .bl-wheel { animation: none; }
}