/*
 * Prenotazioni sul sito, parte comune con i colori, i bordi e i caratteri del tema del sito: la pagina di cortesia (sorgente che
 * non risponde) e la barra fissa del widget del gestionale sotto l'header. Sul telefono punti da 44 px. Catalogo, barra e scheda
 * degli alloggi hanno il loro assets/css/pren-alloggi.css.
 */

.hb-courtesy__retry {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    padding: 0.55rem 1.25rem;
    border: 1px solid var(--hb-t-azione, #111);
    border-radius: var(--hb-raggio-pulsanti, 999px);
    background: transparent;
    color: var(--hb-t-azione, #111);
    font: inherit;
    font-size: 0.95rem;
    font-weight: 600;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
}

.hb-courtesy__retry:hover {
    background: var(--hb-t-azione, #111);
    color: var(--hb-t-azione-testo, #fff);
}

.hb-courtesy__link {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
    color: var(--hb-t-link, #1a1a1a);
    font-weight: 600;
}

.hb-courtesy {
    max-width: 520px;
    margin: 1.5rem auto;
    padding: 2rem 1.5rem;
    border: var(--hb-sp-bordo, 1px) solid var(--hb-t-bordo, #e6e6e6);
    background: var(--hb-t-fondo-alt, #f4f4f1);
    color: var(--hb-t-testo, #1a1a1a);
    text-align: center;
}

.hb-courtesy__icon {
    margin-bottom: 0.75rem;
    font-size: 2.5rem;
}

.hb-courtesy__title {
    margin: 0 0 0.65rem;
    font-size: 1.2rem;
    font-weight: 700;
}

.hb-courtesy__text {
    margin: 0 0 1rem;
    line-height: 1.55;
}

.hb-courtesy__contact {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.1rem;
    margin-bottom: 1rem;
}

.hb-courtesy__debug {
    margin-top: 1.5rem;
    padding: 0.75rem 1rem;
    border: 1px dashed #9a6400;
    background: #fff8e1;
    color: #5c4a00;
    font-size: 0.8rem;
    text-align: left;
}

.hb-courtesy__debug a {
    display: inline-block;
    margin-top: 0.35rem;
}

/*
 * La barra di ricerca del widget del gestionale, ferma in alto («Filtro sempre visibile»): sotto quello che sta in alto nel sito
 * (barra dell'amministratore + header fisso o «auto» quando è visibile; --hb-pren-sopra lo calcola prenotazioni.js), e si sposta
 * con lo stesso tempo e la stessa curva dell'header. !important perché il widget scrive la posizione direttamente sull'elemento.
 */
.hassetbk-cerca-fisso {
    top: var(--hb-pren-sopra, 0px) !important;
    transition: top var(--hb-int-t, 0.45s) cubic-bezier(0.4, 0, 0.2, 1);
}

@media (prefers-reduced-motion: reduce) {
    .hassetbk-cerca-fisso {
        transition: none;
    }
}