/*
 * Chip hotel in topbar (resources/views/filament/layouts/hotel-context-chip.blade.php).
 *
 * Le view Blade custom non sono scansionate da Tailwind: molte utility
 * (in particolare le varianti dark:text-gray-*) NON esistono nel CSS
 * compilato di Filament. I colori che devono cambiare tra light e dark
 * vivono qui, con classi .jo-picker-*.
 */

/* Righe delle strutture di gruppo (voci figlie sotto il capofila):
   il nome deve restare leggibile ma secondario rispetto al gruppo. */
.jo-picker-structure {
    color: rgb(63 63 70);               /* zinc-700 */
}

.dark .jo-picker-structure {
    color: rgb(212 212 216);            /* zinc-300 */
}

/* Struttura in contesto: stesso viola della riga hotel selezionata
   (le variabili --primary-* sono quelle di Filament, terne RGB). */
.jo-picker-structure.jo-picker-focused {
    color: rgb(var(--primary-700));
}

.dark .jo-picker-structure.jo-picker-focused {
    color: rgb(var(--primary-300));
}

/* Cliente disattivato (hotels.is_active = 0, 25-set-2026): si vede e ci si
   entra, ma spento. Usato dal chip e dalla pagina "Seleziona un hotel".
   Grigio ancora leggibile (contrasto ≥ 4.5:1): il significato lo porta
   l'etichetta, non lo sbiadimento. */
.jo-picker-inactive {
    color: rgb(107 114 128);            /* gray-500 */
}

.dark .jo-picker-inactive {
    color: rgb(156 163 175);            /* gray-400 */
}

.jo-picker-inactive-badge {
    display: inline-block;
    margin-left: 0.5rem;
    padding: 0.0625rem 0.5rem;
    border-radius: 9999px;
    background-color: rgb(243 244 246); /* gray-100 */
    color: rgb(75 85 99);               /* gray-600 */
    font-size: 0.75rem;
    font-weight: 400;
    line-height: 1.25rem;
    white-space: nowrap;
}

.dark .jo-picker-inactive-badge {
    background-color: rgb(55 65 81);    /* gray-700 */
    color: rgb(229 231 235);            /* gray-200 */
}