/* Landing multi-destinazione (owner 18/10/2026).
 * templates/public/landing_multi.html: Italia + estero in una lista unica.
 * Le card riusano quelle della landing viaggi (landing-viaggi.css, body.vx-lvx);
 * qui il motore, la barra «Dove · Quando · Ordina» e il suo foglio (al posto
 * delle pillole che l'owner non vuole) e le sezioni per mese. Vale sotto body.vx-lmx. */

body.vx-lmx .lmx-offers { padding: 14px 0 6px; }
body.vx-lmx .lmx-bar { display: grid; grid-auto-flow: column; grid-auto-columns: 1fr;
    border-block: 1px solid #e6eaf1; margin: 0 -16px; }
body.vx-lmx .lmx-bar button { font: inherit; background: #fff; border: 0; border-right: 1px solid #e6eaf1;
    padding: 9px 6px; display: grid; gap: 0; text-align: center; cursor: pointer; min-width: 0; color: inherit; }
body.vx-lmx .lmx-bar button:last-child { border-right: 0; }
body.vx-lmx .lmx-bar button[hidden] { display: none; }
body.vx-lmx .lmx-bar b { font-size: 11.5px; font-weight: 700; letter-spacing: .05em; text-transform: uppercase; color: #5b6785; }
body.vx-lmx .lmx-bar span { font-size: 15px; font-weight: 800; color: var(--hoescape-primary, #1e3c72);
    white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
body.vx-lmx .lmx-bar button:focus-visible { outline: 3px solid var(--hoescape-accent, #a4c639); outline-offset: -3px; }
body.vx-lmx .lmx-count { margin: 10px 0 0; font-size: 13px; color: #5b6785; }
body.vx-lmx .lmx-card[hidden] { display: none; }
body.vx-lmx .lmx-ask { margin-top: auto; padding-top: 4px; font-size: 14px; font-weight: 800;
    color: var(--hoescape-primary, #1e3c72); text-decoration: underline; text-underline-offset: 3px; }
body.vx-lmx .lmx-more { display: block; margin: 14px auto 4px; background: none; border: 0; padding: 6px 4px;
    font: inherit; font-weight: 800; font-size: 15px; color: var(--hoescape-primary, #1e3c72);
    text-decoration: underline; text-underline-offset: 3px; cursor: pointer; }
body.vx-lmx .lmx-more[hidden] { display: none; }
body.vx-lmx .lmx-empty { margin: 14px 0; color: #5b6785; }

/* il motore della home sotto il testo (owner 18/10/2026: il motore va dappertutto) */
body.vx-lmx .lmx-motor { padding: 4px 0 18px; }

/* «Dividi per mese»: una sezione per mese, le strutture senza prezzo in fondo */
body.vx-lmx .lmx-sec { border-top: 1px solid #e6eaf1; margin-top: 18px; padding-top: 18px; }
body.vx-lmx .lmx-sec[hidden] { display: none; }
body.vx-lmx .lmx-sec-h { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between;
    gap: 2px 16px; margin-bottom: 12px; }
body.vx-lmx .lmx-sec-h h2 { margin: 0; font-size: 21px; font-weight: 800; letter-spacing: -.01em;
    color: var(--hoescape-primary, #1e3c72); }
body.vx-lmx .lmx-sec-h span { font-size: 14px; color: #5b6785; }
body.vx-lmx .lmx-sec-h b { color: var(--hoescape-primary, #1e3c72); }
body.vx-lmx .lmx-sec .lmx-more { margin-left: 0; }

/* foglio delle scelte */
body.vx-lmx .lmx-sheet { position: fixed; inset: 0; z-index: 2000; background: rgba(10, 20, 40, .55);
    display: flex; align-items: flex-end; justify-content: center; }
body.vx-lmx .lmx-sheet[hidden] { display: none; }
body.vx-lmx.lmx-sheet-open { overflow: hidden; }
body.vx-lmx .lmx-sheet-box { background: #fff; width: 100%; max-width: 480px; max-height: 80vh; overflow: auto;
    border-radius: 18px 18px 0 0; padding: 14px 16px calc(16px + env(safe-area-inset-bottom, 0px)); }
body.vx-lmx .lmx-sheet-head { position: relative; padding-right: 40px; margin-bottom: 4px; }
body.vx-lmx .lmx-sheet-head strong { font-size: 19px; font-weight: 800; color: var(--hoescape-primary, #1e3c72); }
body.vx-lmx .lmx-sheet-x { position: absolute; right: 0; top: -4px; width: 36px; height: 36px; border: 0; border-radius: 50%;
    background: #eef2f7; font-size: 22px; line-height: 1; color: #1e3c72; cursor: pointer; }
body.vx-lmx .lmx-sheet-list label { display: flex; align-items: center; gap: 10px; padding: 13px 2px;
    border-bottom: 1px solid #e6eaf1; font-weight: 600; color: #14213d; cursor: pointer; }
body.vx-lmx .lmx-sheet-list label span { flex: 1; }
body.vx-lmx .lmx-sheet-list label small { color: #5b6785; font-weight: 600; }
body.vx-lmx .lmx-sheet-list input { width: 18px; height: 18px; accent-color: var(--hoescape-primary, #1e3c72); }

@media (min-width: 992px) {
    body.vx-lmx .lmx-sec-h h2 { font-size: 25px; }
    /* barra a destra, conteggio a sinistra, sulla stessa riga sopra le card */
    body.vx-lmx .lmx-barrow { display: flex; flex-direction: row-reverse; align-items: center;
        justify-content: space-between; gap: 16px; }
    body.vx-lmx .lmx-barrow .lmx-bar { flex: 0 1 640px; }
    body.vx-lmx .lmx-barrow .lmx-count { margin: 0; }
    body.vx-lmx .lmx-bar { margin: 0; border: 1px solid #e6eaf1; border-radius: 12px; overflow: hidden; max-width: 640px; }
    body.vx-lmx .lmx-sheet { align-items: center; }
    body.vx-lmx .lmx-sheet-box { border-radius: 18px; }
}