/**
 * Bloc Terminaux & tarifs
 *
 * Uniquement ce que Tailwind ne couvre pas : masquage prioritaire des cartes
 * filtrees, suppression des fleches natives des champs nombre, et animation
 * d'apparition du bandeau de selection.
 */

/*
 * Les cartes portent `display:flex` via Tailwind. Un simple `.hidden` entrerait
 * en conflit de specificite avec `.flex` : on force donc le masquage.
 */
.block-terminaux .is-hidden {
	display: none !important;
}

/* Steppers : on masque les fleches natives, remplacees par les boutons +/-. */
.block-terminaux input[type='number'] {
	-moz-appearance: textfield;
	appearance: textfield;
}

.block-terminaux input[type='number']::-webkit-outer-spin-button,
.block-terminaux input[type='number']::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

/* Apparition du bandeau de selection. */
.block-terminaux [data-selbar]:not(.hidden) {
	animation: terminaux-pop 0.25s ease;
}

@keyframes terminaux-pop {
	from {
		opacity: 0;
		transform: translateY(8px);
	}

	to {
		opacity: 1;
		transform: none;
	}
}

@media (prefers-reduced-motion: reduce) {
	.block-terminaux *,
	.block-terminaux [data-selbar]:not(.hidden) {
		transition: none !important;
		animation: none !important;
	}
}