/*
 * Personalizzazioni grafiche del sito rispetto a Bootstrap Italia e al modello scuole.
 */

/* Paginazione sempre centrata, anche su schermi larghi (Bootstrap Italia la allinea a sinistra da 768px). */
nav.pagination-wrapper {
    justify-content: center;
}

/* Gruppi di filtri della ricerca: stessa resa dei titoli del modello, senza il bordo del fieldset. */
.search-results-filters fieldset {
    min-width: 0;
    margin: 0;
    padding: 0;
    border: 0;
}

.search-results-filters legend {
    width: auto;
    margin-bottom: 0;
    padding: 0;
    border: 0;
}

/* Pulsante "..." dei tag nella finestra di ricerca: stesso aspetto dei tag. */
.badges button.badge {
    background-color: transparent;
    cursor: pointer;
}

/* Pulsante tondo "Preferenze cookie": compare solo quando il footer è visibile (verso la fine della pagina). */
.cookie-preferenze {
    position: fixed;
    left: 24px;
    bottom: 24px;
    z-index: 1000;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 52px;
    height: 52px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background-color: #0066cc;
    color: #fff;
    box-shadow: 0 6px 20px rgba(0, 102, 204, 0.45);
    cursor: pointer;
    opacity: 0;
    visibility: hidden;
    transform: translateY(12px) scale(0.9);
    transition: opacity 0.25s ease, transform 0.25s ease, background-color 0.2s ease, visibility 0s linear 0.25s;
}

.cookie-preferenze.is-visible {
    opacity: 1;
    visibility: visible;
    transform: translateY(0) scale(1);
    transition: opacity 0.25s ease, transform 0.25s ease, background-color 0.2s ease, visibility 0s linear 0s;
}

.cookie-preferenze:hover {
    background-color: #004d99;
    transform: translateY(0) scale(1.06);
}

.cookie-preferenze:focus-visible {
    outline: 3px solid #fff;
    box-shadow: 0 0 0 6px #1a1a1a, 0 6px 20px rgba(0, 102, 204, 0.45);
}

@media (prefers-reduced-motion: reduce) {
    .cookie-preferenze,
    .cookie-preferenze.is-visible,
    .cookie-preferenze:hover {
        transition: none;
        transform: none;
    }
}

/* Banner e preferenze cookie con il font e il blu del sito. */
#cc-main {
    --cc-font-family: "Titillium Web", Geneva, Tahoma, sans-serif;
    --cc-btn-primary-bg: #0066cc;
    --cc-btn-primary-border-color: #0066cc;
    --cc-btn-primary-hover-bg: #004d99;
    --cc-btn-primary-hover-border-color: #004d99;
    --cc-toggle-on-bg: #0066cc;
}