/* ElbaMyLove - scheda-dormire.css : specifici della scheda DORMIRE */
/* SIDEBAR: MAI una barra di scroll dentro la sidebar (Andrea, 23/09/2026).
   Il 21/09 qui c'era "max-height:calc(100vh - 170px); overflow-y:auto" per evitare che
   il mini-form venisse troncato sui laptop bassi: la conseguenza era una barra di scroll
   interna alla colonna destra, che NON deve esistere. Tolto.
   La sidebar resta sticky e alta quanto il suo contenuto: quando e' piu' alta della
   finestra semplicemente scorre insieme alla pagina, senza barre proprie.
   flex-shrink:0 resta: impedisce che il flex comprima e tronchi il mini-form. */
@media (min-width:1080.02px){
    .elm-twocol-right{ max-height:none; overflow:visible; }
    .elm-twocol-right > *{ flex-shrink:0; }
}
/* Mobile/tablet (<=1080px): mini-form preventivo della sidebar NASCOSTO (2026-09-21, Andrea).
   Su mobile la sidebar cade sotto il contenuto e subito dopo c'e' il form esteso #elm-form
   che chiede gli stessi dati: due form di fila. Restano contatore visite e condividi. */
@media (max-width:1080px){ .elm-twocol-right .elm-side-form:not(.elm-side-claim){ display:none; } }
/* 10/10/2026: il box "Scheda informativa" delle editoriali (nessun form) resta visibile anche su mobile. */
/* ---- nei dintorni ---- */
            .elm-near-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:.9rem}
            .elm-near{display:flex;align-items:flex-start;gap:.8rem;padding:.9rem 1rem;border:1px solid var(--line);border-radius:12px}
            .elm-near .elm-ico{width:24px;height:24px;color:var(--gold-dk);flex-shrink:0;margin-top:.1rem}
            .elm-near-body{min-width:0}
            .elm-near-cat{font-size:.75rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--mute)}
            .elm-near-name{font-size:.98rem;font-weight:600;color:var(--ink);line-height:1.25;margin:.1rem 0 .2rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
            .elm-near-meta{font-size:.82rem;color:var(--ink-3);display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}
            .elm-near-dist{font-weight:600;color:var(--ink-2)}
            .elm-near-rating{display:inline-flex;align-items:center;gap:.2rem;color:var(--gold-dk)}
            .elm-near-attr{font-size:.75rem;color:var(--mute-2);margin-top:1rem}

/* ---- Form esteso "Richiedi preventivo" (#elm-form) su MOBILE (2026-09-21) ----
   Scope SOLO #elm-form della scheda Dormire: le stesse classi (.prev-page, .htmlFullList,
   form-control-lg) sono usate dalla pagina Richiedi preventivo e dalla Mangiare, che
   restano invariate. Ritmo unico: 6px etichetta->campo, 16px campo->campo, 28px tra sezioni.
   Alcuni !important servono a battere regole !important del CSS condiviso del preventivo. */
@media (max-width:575.98px){
    /* margini laterali: da 55px a ~26px per lato -> campi ~336px su 390 */
    #elm-form .elm-bigform-inner{padding-left:12px;padding-right:12px}
    #elm-form .prev-card{padding:18px 14px 22px}
    /* sezioni: 28px tra una e l'altra, titoli compatti (erano 70-96px) */
    #elm-form .prev-card > fieldset + fieldset{margin-top:28px}
    #elm-form legend.titleBox{font-size:1.1rem;line-height:1.3;padding:0 0 10px;margin:0 0 14px;align-items:center}
    #elm-form legend.titleBox i{font-size:1.15rem;margin-right:8px}
    /* campi: 16px tra uno e l'altro, anche quando stanno nella stessa .row (col-md-6 impilate) */
    #elm-form .htmlFullList > .row{padding-bottom:0 !important;margin-bottom:0}
    #elm-form .htmlFullList > .row + .row,
    #elm-form .htmlFullList > .htmlBambiniEtaList + .row{margin-top:16px !important}
    #elm-form .row > .col-md-6 + .col-md-6{margin-top:16px}
    #elm-form label.fullwidth{display:block;margin:0 0 6px;line-height:1.35}
    /* Note, prefisso ed eta' bambini allineati agli altri campi */
    #elm-form textarea.form-control{font-size:1.25rem;padding:.5rem 1rem}
    #elm-form .tel-prefix-btn{font-size:1.1rem}
    #elm-form .htmlBambiniEtaList .form-select{min-height:48px;font-size:1.1rem}
    /* Trattamento: una colonna (le voci non si spezzano piu' a meta' parola), righe da 44px */
    #elm-form .htmlSecondaryList{flex-direction:column;flex-wrap:nowrap;gap:4px}
    #elm-form .htmlSecondaryList li{flex:none !important;width:100% !important;max-width:none !important;list-style:none}
    #elm-form .htmlSecondaryList .fieldSet,
    #elm-form .htmlSecondaryList .label-checkbox-mini{width:100%}
    #elm-form .label-checkbox-mini{padding-left:0 !important;display:flex;align-items:center;gap:12px;min-height:44px;line-height:1.3;word-break:normal}
    #elm-form .fieldCheckBox{width:24px !important;height:24px !important;flex:0 0 24px;margin:0 !important;position:static !important;top:auto !important}
    /* Privacy: checkbox da 24px (era 13px), testo allineato */
    #elm-form fieldset.round-border{margin-top:28px;padding:16px 14px}
    #elm-form .label-privacy{padding-left:0 !important;display:flex;align-items:flex-start;gap:12px}
    #elm-form #v4FfPrivacy{width:24px;height:24px;flex:0 0 24px;margin:0;position:static !important}
    #elm-form #v4FullSubmit{margin-top:20px}
}