/* La testata aperta di un accordion: fascia e inchiostro sono RUOLI, non colori della
   tavolozza. Con i colori la testata restava azzurro chiaro anche nel tema scuro — sei
   lastre di luce sulla ricerca delle memorie — mentre la fascia notturna arriva da sé. */
* {
    --bs-accordion-active-color: var(--memo-body-text);
    --bs-accordion-active-bg: var(--memo-band-cool);
    --bs-accordion-btn-focus-border-color: var(--memo-blue-on-ground);
    --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem var(--memo-band-cool);
}

.form-check-input:checked {
    background-color: var(--memo-color-rust) !important;
    border-color: var(--memo-color-rust) !important;
}

.form-check-input:focus {
    border-color: var(--memo-color-salmon) !important;
    box-shadow: 0 0 0 0.25rem var(--memo-color-salmon) !important;
}

.form-switch .form-check-input:focus {
    --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgb%28253,201,160%29'/%3e%3c/svg%3e") !important;
}

/* La spunta e il fuoco delle caselle restano il ruggine e il salmone della tavolozza: sono
   una campitura piena col suo segno bianco disegnato dentro, non testo su un fondo, e la
   coppia inchiostro/campitura qui non si applica. Sono fra le eccezioni dichiarate in
   engine/tests/test_css_palette.py. */

/* I comandi «tutti / nessuno» dei filtri, col dito. Nella ricerca monumenti erano due <i>
   larghe 12 punti e alte 15, senza ruolo e fuori dall'ordine di tabulazione, più due
   pulsanti col testo a 10,5px: la classe `very-small` era applicata tre volte una dentro
   l'altra — corpo dell'accordion, riga, pulsante — e 0,75³ di 25 fa appunto 10,5. Adesso
   sono pulsanti come nella ricerca percorsi; qui c'è il pavimento del tocco, che vale per
   tutt'e due le pagine. */
@media (pointer: coarse) {

    .full_selection,
    .empty_selection {
        min-height: 44px;
    }
}


/* Il piede del pannello dei filtri (ricerca monumenti, offcanvas-md): sotto md il corpo
   del pannello scorre e questo resta fisso in fondo, col filo che lo stacca; sopra md è un
   blocco qualunque dopo i filtri e il filo sarebbe una riga senza mestiere. */
@media (max-width: 767.98px) {
    .search-panel-footer {
        border-top: 1px solid var(--memo-border-color);
    }
}


/* La larghezza dell'accordion dei filtri (ricerca memorie). Sopra i 768 Bootstrap rende il
   corpo dell'offcanvas un contenitore flex — `.offcanvas-md .offcanvas-body { display: flex }`
   —, l'accordion diventa un elemento flessibile, e un elemento flessibile si dimensiona sul
   proprio contenuto: coi pannelli chiusi il contenuto sono le sole testate, larghe quanto le
   loro tre parole, e il modulo si dimezzava in larghezza. Basta dichiarare che a dettare la
   misura è il contenitore, aperti o chiusi che siano i pannelli. */
.offcanvas-body>.accordion {
    flex: 1 1 auto;
    min-width: 0;
}

/* Dove un pannello resta sempre aperto (`data-always-one-open`, vedi accordion_one_open.js)
   la sua testata non richiude niente: via la freccia, che indica un verso che non c'è, e via
   il dito, che prometterebbe un clic senza effetto. La freccia si nasconde senza togliere lo
   spazio, o il titolo si sposterebbe a ogni apertura. */
.accordion[data-always-one-open] .accordion-button:not(.collapsed) {
    cursor: default;
}

.accordion[data-always-one-open] .accordion-button:not(.collapsed)::after {
    visibility: hidden;
}