.blx-r56-payer-email-note{grid-column:1/-1;margin:4px 0 0;padding:10px 12px;border-radius:10px;background:#f6fafb;color:#48626b;font-size:13px}

/* ------------------------------------------------------------------
   R65 — Area riservata compatta, affiancata al selettore lingua.
   Prima occupava tre righe di testo e un riquadro alto, sbilanciando la
   testata. Ora ha la stessa altezza del selettore lingua e sta sulla
   stessa riga, lasciando piu spazio al calcolatore vero e proprio.
   ------------------------------------------------------------------ */

.blx-booking .blx-access-tools {
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 10px !important;
    flex-wrap: wrap !important;
}

.blx-booking .blx-private-area {
    flex: 0 0 auto !important;
    width: max-content !important;
    max-width: calc(100% - 24px) !important;
    margin: 10px 0 14px !important;
    border-radius: 999px !important;
    box-shadow: 0 8px 22px rgba(43, 56, 145, .12) !important;
}

.blx-booking .blx-private-area .blx-private-area-intro {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    min-height: 44px !important;
    padding: 4px 5px 4px 16px !important;
}

/* La riga descrittiva non serve in forma compatta: resta l'etichetta. */
.blx-booking .blx-private-area .blx-private-area-intro p {
    display: none !important;
}

.blx-booking .blx-private-area .blx-private-area-intro > span {
    font-size: 11px !important;
    letter-spacing: .1em !important;
    white-space: nowrap !important;
    opacity: .75 !important;
    margin: 0 !important;
}

.blx-booking .blx-private-area .blx-private-area-intro h3 {
    font-size: 14px !important;
    line-height: 1.1 !important;
    margin: 0 !important;
    white-space: nowrap !important;
}

.blx-booking .blx-private-area .blx-private-area-intro [data-private-area-toggle] {
    min-height: 36px !important;
    padding: 0 18px !important;
    border-radius: 999px !important;
    white-space: nowrap !important;
    font-size: 12px !important;
}

/* Il modulo di accesso, quando si apre, torna a larghezza piena. */
.blx-booking .blx-private-area .blx-private-area-login {
    padding: 14px 18px 18px !important;
}

@media (max-width: 780px) {
    .blx-booking .blx-access-tools { justify-content: center !important; }
    .blx-booking .blx-private-area,
    .blx-booking .blx-language { width: 100% !important; max-width: none !important; }
    .blx-booking .blx-private-area .blx-private-area-intro { justify-content: space-between !important; }
}

/* Gift card: stessa pillola dell'area riservata, accanto ad essa. */
.blx-booking .blx-giftcard {
    flex: 0 0 auto !important;
    width: max-content;
    max-width: calc(100% - 24px);
    margin: 10px 0 14px;
    border: 1px solid rgba(154,163,173,.55);
    border-radius: 999px;
    background: linear-gradient(135deg, #fffdf6, #fff6e2);
    box-shadow: 0 8px 22px rgba(120, 90, 20, .12);
    color: #3b2f10;
}
.blx-booking .blx-giftcard-intro {
    display: flex; align-items: center; gap: 12px;
    min-height: 44px; padding: 4px 5px 4px 16px;
}
.blx-booking .blx-giftcard-intro span {
    font-size: 11px; letter-spacing: .1em; opacity: .7; white-space: nowrap;
}
.blx-booking .blx-giftcard-intro h3 {
    font-size: 14px; line-height: 1.1; margin: 0; white-space: nowrap; font-weight: 800;
}
.blx-booking .blx-giftcard-intro [data-giftcard-toggle] {
    min-height: 36px; padding: 0 18px; border: 0; border-radius: 999px; cursor: pointer;
    background: linear-gradient(135deg, #9aa3ad, #a8811a); color: #fff;
    font-size: 12px; font-weight: 700; letter-spacing: .06em; white-space: nowrap;
}
.blx-booking .blx-giftcard-form {
    padding: 14px 18px 18px; border-top: 1px solid rgba(154,163,173,.45);
    background: #fffdf8; border-radius: 0 0 18px 18px;
}
.blx-booking .blx-giftcard[data-open] { border-radius: 18px; }
.blx-booking .blx-giftcard-amounts { display: flex; gap: 8px; flex-wrap: wrap; margin-bottom: 12px; align-items: center; }
.blx-booking .blx-giftcard-amounts button {
    min-width: 74px; min-height: 38px; border-radius: 10px; cursor: pointer;
    border: 1px solid rgba(154,163,173,.6); background: #fff; font-weight: 700; color: #3b2f10;
}
.blx-booking .blx-giftcard-amounts button.is-selected { background: #9aa3ad; color: #fff; border-color: #9aa3ad; }
.blx-booking .blx-giftcard-amounts label { display: grid; gap: 3px; font-size: 11px; letter-spacing: .06em; }
.blx-booking .blx-giftcard-amounts input { min-height: 38px; width: 120px; border: 1px solid rgba(154,163,173,.6); border-radius: 10px; padding: 0 10px; }
.blx-booking .blx-giftcard-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.blx-booking .blx-giftcard-grid label,
.blx-booking .blx-giftcard-message { display: grid; gap: 4px; font-size: 11px; letter-spacing: .05em; }
.blx-booking .blx-giftcard-grid input,
.blx-booking .blx-giftcard-message textarea {
    min-height: 40px; border: 1px solid rgba(154,163,173,.55); border-radius: 10px; padding: 8px 10px; font-size: 14px;
}
.blx-booking .blx-giftcard-message { margin-top: 10px; }
.blx-booking .blx-giftcard-note { font-size: 12px; color: #4a5561; margin: 10px 0 12px; }
.blx-booking .blx-giftcard-send {
    min-height: 44px; width: 100%; border: 0; border-radius: 12px; cursor: pointer;
    background: linear-gradient(135deg, #9aa3ad, #8a6a12); color: #fff; font-weight: 800; letter-spacing: .06em;
}
.blx-booking .blx-giftcard-status { font-size: 13px; margin: 10px 0 0; font-weight: 600; }

@media (max-width: 780px) {
    .blx-booking .blx-giftcard { width: 100% !important; max-width: none !important; }
    .blx-booking .blx-giftcard-intro { justify-content: space-between; }
    .blx-booking .blx-giftcard-grid { grid-template-columns: 1fr; }
}

/* ------------------------------------------------------------------
   0.9.97 — Riquadro gift card: allineamento dei pulsanti.
   I tre importi erano centrati verticalmente, mentre il campo "Altro
   importo" porta l'etichetta sopra: le due cose non partivano dalla
   stessa base e i pulsanti sembravano spostati in alto. Allineando in
   basso, pulsanti e campo poggiano sulla stessa riga.
   ------------------------------------------------------------------ */
.blx-booking .blx-giftcard-amounts {
    align-items: flex-end;
}

.blx-booking .blx-giftcard-amounts label {
    margin: 0;
}

/* L'intestazione e il modulo devono leggersi come un unico riquadro,
   non come due pezzi sovrapposti. */
.blx-booking .blx-giftcard {
    box-sizing: border-box;
    overflow: hidden;
    border-radius: 16px;
}

.blx-booking .blx-giftcard-intro {
    box-sizing: border-box;
    width: 100%;
    justify-content: space-between;
}

.blx-booking .blx-giftcard-form {
    box-sizing: border-box;
    width: 100%;
    border-radius: 0 0 16px 16px;
}

/* ------------------------------------------------------------------
   0.9.99 — Gift card: acquisto invece di richiesta.
   Due pulsanti affiancati, carta e PayPal, perche il cliente compra e
   paga subito. Su schermi stretti vanno uno sotto l altro, altrimenti
   il testo si spezza a meta parola.
   ------------------------------------------------------------------ */
.blx-booking .blx-giftcard-pay > span {
    display: block;
    font-size: 11px;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: #4a5561;
    margin: 0 0 8px;
    font-weight: 700;
}

.blx-booking .blx-giftcard-metodi {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.blx-booking .blx-giftcard-metodi .blx-giftcard-send {
    flex: 1 1 200px;
    width: auto;
}

.blx-booking .blx-giftcard-paypal {
    background: #ffc439 !important;
    color: #10233f !important;
}

@media (max-width: 520px) {
    .blx-booking .blx-giftcard-metodi .blx-giftcard-send { flex: 1 1 100%; }
}

/* ------------------------------------------------------------------
   0.9.100 — Argento lucido al posto dell oro.
   Un grigio piatto sembrerebbe spento: il metallo si ottiene con una
   sfumatura che passa da chiaro a scuro e torna chiara, come la luce
   che scorre su una superficie lucida.
   ------------------------------------------------------------------ */
.blx-booking .blx-giftcard-intro [data-giftcard-toggle],
.blx-booking .blx-giftcard-send:not(.blx-giftcard-paypal) {
    background: linear-gradient(135deg, #f4f6f8 0%, #cfd5dc 18%, #9aa3ad 46%, #7c858f 62%, #b9c0c8 82%, #eef1f4 100%) !important;
    color: #1f2933 !important;
    text-shadow: 0 1px 0 rgba(255, 255, 255, .55);
    border: 1px solid #aeb6bf !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .75), 0 2px 6px rgba(31, 41, 51, .16);
}

.blx-booking .blx-giftcard-intro [data-giftcard-toggle]:hover,
.blx-booking .blx-giftcard-send:not(.blx-giftcard-paypal):hover {
    background: linear-gradient(135deg, #ffffff 0%, #dde2e8 20%, #a8b1bb 50%, #8a939d 66%, #c6ccd3 86%, #ffffff 100%) !important;
}

/* Il riquadro e i campi seguono lo stesso metallo, piu tenue. */
.blx-booking .blx-giftcard { border-color: #c3cad2 !important; }
.blx-booking .blx-giftcard-form { background: #fbfcfd !important; }
.blx-booking .blx-giftcard-amounts button.is-selected {
    background: linear-gradient(135deg, #dfe4e9, #9aa3ad 55%, #cfd5dc) !important;
    color: #1f2933 !important;
    border-color: #8a939d !important;
    text-shadow: 0 1px 0 rgba(255, 255, 255, .5);
}

/* ------------------------------------------------------------------
   0.9.101 — Il riquadro regalo si apre SOPRA, senza spostare nulla.
   Prima stava nel flusso della pagina: aprendolo, tutto quello che
   stava sotto scendeva e i pulsanti si spostavano sotto il dito.
   Ora il modulo esce come pannello sovrapposto, ancorato alla barra
   GIFT CARD, e la pagina resta ferma.
   ------------------------------------------------------------------ */
.blx-booking .blx-giftcard {
    position: relative;
    z-index: 40;
}

.blx-booking .blx-giftcard-form {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 41;
    max-height: min(70vh, 620px);
    overflow-y: auto;
    border: 1px solid #c3cad2;
    border-top: 0;
    border-radius: 0 0 16px 16px;
    box-shadow: 0 22px 48px rgba(15, 23, 42, .22);
}

/* Quando e aperto, la barra in alto perde gli angoli inferiori cosi
   barra e pannello sembrano un pezzo unico. */
.blx-booking .blx-giftcard:has(.blx-giftcard-form:not([hidden])) .blx-giftcard-intro {
    border-radius: 16px 16px 0 0;
}

/* Su schermi bassi il pannello scorre da solo invece di uscire dallo
   schermo. */
@media (max-height: 700px) {
    .blx-booking .blx-giftcard-form { max-height: 62vh; }
}

/* ------------------------------------------------------------------
   0.9.102 — IL PANNELLO REGALO NON SI VEDEVA PIU.
   Con la 0.9.97 al contenitore .blx-giftcard era stato dato
   overflow:hidden, per far leggere barra e modulo come un pezzo solo.
   Con la 0.9.101 il modulo e diventato un pannello sovrapposto
   (position:absolute, top:100%) e il contenitore e diventato il suo
   riferimento (position:relative): da quel momento il pannello nasce
   INTERAMENTE fuori dal contenitore, e overflow:hidden lo ritagliava
   via del tutto. Si apriva davvero, ma non si vedeva niente.
   Il ritaglio non serve piu: e il pannello stesso ad avere ora i propri
   angoli arrotondati e il proprio bordo.
   ------------------------------------------------------------------ */
.blx-booking .blx-giftcard {
    overflow: visible;
}

/* Seconda conseguenza della stessa modifica: il contenitore e largo
   quanto il suo contenuto (width:max-content) e il modulo, uscendo dal
   flusso, ha smesso di contribuire a quella larghezza. La barra si e
   quindi ristretta al solo titolo e il pannello, ancorato ai suoi lati,
   sarebbe nato stretto come lei. Gli viene data una larghezza di lettura,
   senza mai superare lo schermo. */
.blx-booking .blx-giftcard-form {
    right: auto;
    min-width: 560px;
    max-width: calc(100vw - 32px);
}

@media (max-width: 780px) {
    .blx-booking .blx-giftcard-form {
        right: 0;
        min-width: 0;
        max-width: none;
    }
}

/* ------------------------------------------------------------------
   0.9.103 — ARGENTO SU TUTTO IL RIQUADRO REGALO.
   Con la 0.9.100 erano diventati argento solo i due pulsanti. Restavano
   caldi: lo sfondo panna della barra, la sua ombra bruna, il colore
   bruno delle scritte e delle etichette, e il giallo di PayPal.
   Qui vengono sostituiti tutti, con lo stesso metallo dei pulsanti:
   una sfumatura che passa da chiaro a scuro e torna chiara, cosi la
   superficie sembra riflettere la luce invece di essere grigia e ferma.
   ------------------------------------------------------------------ */
.blx-booking .blx-giftcard {
    background: linear-gradient(135deg, #fbfcfd, #eef1f4) !important;
    box-shadow: 0 8px 22px rgba(31, 41, 51, .14) !important;
    color: #1f2933 !important;
}

/* Etichette, testi e numeri: dal bruno al grigio ardesia. */
.blx-booking .blx-giftcard-intro span,
.blx-booking .blx-giftcard-intro h3,
.blx-booking .blx-giftcard-amounts label,
.blx-booking .blx-giftcard-grid label,
.blx-booking .blx-giftcard-message,
.blx-booking .blx-giftcard-note,
.blx-booking .blx-giftcard-status {
    color: #4a5561 !important;
}

.blx-booking .blx-giftcard-intro h3,
.blx-booking .blx-giftcard-amounts button {
    color: #1f2933 !important;
}

/* PayPal: stesso metallo, appena piu scuro dell altro pulsante, cosi i
   due si distinguono a colpo d occhio senza tornare al giallo. */
.blx-booking .blx-giftcard-paypal {
    background: linear-gradient(135deg, #eef1f4 0%, #c2c9d1 20%, #8a939d 48%, #6c757f 64%, #aab2ba 84%, #e4e8ec 100%) !important;
    color: #1f2933 !important;
    text-shadow: 0 1px 0 rgba(255, 255, 255, .55);
    border: 1px solid #99a1aa !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .7), 0 2px 6px rgba(31, 41, 51, .18);
}

.blx-booking .blx-giftcard-paypal:hover {
    background: linear-gradient(135deg, #ffffff 0%, #d3d9e0 20%, #99a2ab 50%, #7b848e 66%, #bcc3ca 86%, #f4f6f8 100%) !important;
}

/* ------------------------------------------------------------------
   0.9.106 — RIEPILOGO PRIMA DEL PAGAMENTO.
   Scelto il metodo, il modulo si trasforma in un riepilogo: i campi
   spariscono e restano i conti, il codice sconto e i due pulsanti.
   Non e una finestra nuova, e lo stesso pannello che cambia faccia,
   cosi non si aggiunge un altro livello sovrapposto.
   ------------------------------------------------------------------ */
.blx-booking .blx-giftcard-form.is-riepilogo .blx-giftcard-amounts,
.blx-booking .blx-giftcard-form.is-riepilogo .blx-giftcard-grid,
.blx-booking .blx-giftcard-form.is-riepilogo .blx-giftcard-message,
.blx-booking .blx-giftcard-form.is-riepilogo .blx-giftcard-note,
.blx-booking .blx-giftcard-form.is-riepilogo .blx-giftcard-pay {
    display: none !important;
}

.blx-booking .blx-giftcard-riepilogo h4 {
    margin: 0 0 12px;
    font-size: 12px;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: #4a5561;
    font-weight: 800;
}

.blx-booking .blx-giftcard-conti {
    display: grid;
    margin: 0 0 14px;
}

.blx-booking .blx-giftcard-conti > div {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 14px;
    padding: 9px 0;
    border-bottom: 1px solid #e3e7ec;
}

.blx-booking .blx-giftcard-conti dt {
    margin: 0;
    font-size: 12px;
    letter-spacing: .04em;
    color: #4a5561;
    font-weight: 600;
}

.blx-booking .blx-giftcard-conti dd {
    margin: 0;
    font-size: 14px;
    font-weight: 800;
    color: #1f2933;
    white-space: nowrap;
}

/* L ultima riga e quella che conta: piu grande e senza filo sotto. */
.blx-booking .blx-giftcard-conti .blx-giftcard-totale {
    border-bottom: 0;
    padding-top: 12px;
}

.blx-booking .blx-giftcard-conti .blx-giftcard-totale dt {
    font-size: 13px;
    color: #1f2933;
    font-weight: 800;
    text-transform: uppercase;
}

.blx-booking .blx-giftcard-conti .blx-giftcard-totale dd {
    font-size: 20px;
}

.blx-booking .blx-giftcard-coupon {
    display: flex;
    align-items: flex-end;
    gap: 8px;
}

.blx-booking .blx-giftcard-coupon label {
    display: grid;
    gap: 4px;
    flex: 1 1 auto;
    margin: 0;
    font-size: 11px;
    letter-spacing: .05em;
}

.blx-booking .blx-giftcard-coupon input {
    min-height: 42px;
    border: 1px solid rgba(154, 163, 173, .55);
    border-radius: 10px;
    padding: 8px 10px;
    font-size: 14px;
    text-transform: uppercase;
}

.blx-booking .blx-giftcard-coupon button {
    min-height: 42px;
    padding: 0 18px;
    border-radius: 10px;
    border: 1px solid #aeb6bf;
    background: linear-gradient(135deg, #f4f6f8 0%, #dde2e8 45%, #eef1f4 100%);
    color: #1f2933;
    font-weight: 800;
    letter-spacing: .05em;
    cursor: pointer;
    white-space: nowrap;
}

.blx-booking .blx-giftcard-coupon-status {
    margin: 8px 0 0;
    font-size: 12px;
    font-weight: 600;
}

.blx-booking .blx-giftcard-metodo {
    margin: 12px 0 0;
    font-size: 12px;
    color: #4a5561;
}

.blx-booking .blx-giftcard-azioni {
    display: flex;
    gap: 10px;
    margin-top: 14px;
}

.blx-booking .blx-giftcard-azioni [data-gift-back] {
    flex: 0 0 auto;
    min-height: 44px;
    padding: 0 18px;
    border: 1px solid #c3cad2;
    border-radius: 12px;
    background: #fff;
    color: #4a5561;
    font-weight: 800;
    letter-spacing: .05em;
    cursor: pointer;
}

.blx-booking .blx-giftcard-azioni [data-gift-confirm] {
    flex: 1 1 auto;
    width: auto;
}

@media (max-width: 520px) {
    .blx-booking .blx-giftcard-coupon { flex-wrap: wrap; }
    .blx-booking .blx-giftcard-coupon button { flex: 1 1 100%; }
}

/* ------------------------------------------------------------------
   0.9.107 — PULSANTI PAGAMENTO GIFT CARD SEMPRE CLICCABILI.
   Correzione esclusivamente di interazione: i due pulsanti Carta/Stripe e
   PayPal restano sopra eventuali livelli grafici del tema e ricevono sempre
   il puntatore/tocco. Il contenuto interno non intercetta il click.
   ------------------------------------------------------------------ */
.blx-booking .blx-giftcard-form,
.blx-booking .blx-giftcard-pay,
.blx-booking .blx-giftcard-metodi {
    position: relative;
    pointer-events: auto !important;
}

.blx-booking .blx-giftcard-metodi {
    z-index: 3;
}

.blx-booking .blx-giftcard-metodi .blx-giftcard-send {
    position: relative;
    z-index: 4;
    pointer-events: auto !important;
    touch-action: manipulation;
    user-select: none;
    -webkit-user-select: none;
}

.blx-booking .blx-giftcard-metodi .blx-giftcard-send > * {
    pointer-events: none !important;
}

.blx-booking .blx-giftcard-metodi .blx-giftcard-send:active {
    transform: translateY(1px);
}

.blx-booking .blx-giftcard-field-error {
    border-color: #b42318 !important;
    box-shadow: 0 0 0 3px rgba(180,35,24,.14) !important;
}