/* Garderie — styles complémentaires Tailwind */

.input {
    @apply w-full px-3 py-2 rounded-lg border border-slate-300 bg-white text-slate-800;
    @apply focus:outline-none focus:ring-2 focus:ring-emerald-500 focus:border-emerald-500;
}

/* Cibles tactiles plus grandes sur mobile */
@media (max-width: 640px) {
    .input {
        min-height: 44px;
        font-size: 16px; /* évite le zoom iOS sur focus */
    }
}

/* Filtres liste : boutons tactiles mobile/tablette */
.filter-btn-inactive {
    @apply bg-slate-100 text-slate-600 border-2 border-transparent;
}
.filter-btn-inactive:hover {
    @apply bg-slate-200 text-slate-800;
}
.filter-btn-inactive:active {
    @apply scale-[0.98];
}

.filter-btn-active {
    @apply border-2 font-semibold;
}
.filter-btn-active.filter-btn-present {
    @apply bg-green-100 text-green-800 border-green-300;
}
.filter-btn-active.filter-btn-absent {
    @apply bg-amber-100 text-amber-800 border-amber-300;
}
.filter-btn-active:not(.filter-btn-present):not(.filter-btn-absent) {
    @apply bg-emerald-100 text-emerald-800 border-emerald-400;
}