/*
 * Una modale di rotta disegnata dentro la mappa (gwInMapDialog, DGWGEOWORK-9784, ADR-f38332).
 *
 * La direttiva scrive in linea top/left/width/height della radice `#modal` — sono quelli del riquadro
 * della mappa — e le mette la classe `gw-modal--in-map`. Qui c'e' solo l'aspetto: la velatura copre
 * la mappa e non la pagina, e la finestra ha la larghezza di una finestra di mappa invece della
 * `.modal-big` di pagina (calc(100% - 180px): su un riquadro di mappa sarebbe tutto il riquadro).
 *
 * T3 (frontend-accessibility.md §5b): ogni regola e' sotto `#modal.gw-modal--in-map`, una classe
 * che esiste solo mentre la direttiva e' viva. Su qualunque altra modale questo foglio non fa niente.
 * Ridefinisce `overflow`, `background`, `width`, `max-width`, `margin`, `border`, `border-radius` e
 * `box-shadow`; non tocca `z-index` ne' `position` (la radice resta fixed: e' la direttiva a darle il
 * rettangolo della mappa).
 */

/* La velatura sta sulla sola mappa; se la mappa e' bassa la finestra scorre dentro di lei. */
#modal.gw-modal--in-map {
    overflow: auto;
    background: rgba(23, 35, 46, .32);
}

#modal.gw-modal--in-map .modal-dialog,
#modal.gw-modal--in-map .modal-dialog.modal-big {
    width: auto;
    max-width: min(680px, calc(100% - 32px));
    margin: 24px auto;
}

#modal.gw-modal--in-map .modal-content {
    border: 0;
    border-radius: 12px;
    box-shadow: 0 18px 48px rgba(23, 35, 46, .28);
}

@media (max-width: 767px) {
    #modal.gw-modal--in-map .modal-dialog,
    #modal.gw-modal--in-map .modal-dialog.modal-big {
        max-width: calc(100% - 16px);
        margin: 8px auto;
    }
}