/* @import url(/index.php/view/media/getMedia?repository=landinpro&project=WP3-M3_PilotSiteHistoricalIndustrialLandscapeClassification&path=media%2Fthemes%2Fdefault%2Fcss%2F/'https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap');

/* =============================== 
   POPUP PERSONALIZZATO LIZMAP (layout Bootstrap)
   =============================== */

/* Contenitore popup */
.lizmapPopupContent {
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    line-height: 1.4;
    background: transparent !important;
    color: #000; /* testo dei valori */
    text-align: left; /* allinea tutto il testo a sinistra */
    width: 600px;
    min-width: 550px;
    max-width: 600px;
    padding: 1px; /* piccolo padding interno */
    box-sizing: border-box;
    white-space: normal;        /* va a capo solo tra parole */
    overflow-wrap: normal;      /* non spezza parole */
    word-break: keep-all;       /* impedisce spezzatura arbitraria */
    hyphens: none;              /* disattiva sillabazione */
}

/* Tabella popup */
.lizmapPopupContent table {
   /* width: 100%;*/
    border-collapse: collapse;  /* riduce lo spazio tra le celle */
    border-spacing: 0;
}

/* Forza la larghezza massima delle immagini nei popup Lizmap */
.lizmapPopupContent img,
.lizmapPopupContent .controls img,
.lizmapPopupContent .control-group img,
.lizmapPopupContent p img {
    width: 100% !important;   /* forza la dimensione massima */
    height: auto !important;
    display: block !important;
    margin: 1px !important;  /* centra l’immagine */
    border-radius: 4px;
    object-fit: contain;

}
/* Celle della tabella */
.lizmapPopupContent table td,
.lizmapPopupContent table th {
    padding: 1px;           /* distanza minima tra colonne */
    vertical-align: center;        /* allinea label e valore in alto */
    white-space: normal;        /* va a capo solo tra parole */
    overflow-wrap: normal;      /* non spezza parole */
    word-break: keep-all;       /* impedisce spezzatura arbitraria */
    hyphens: none;              /* disattiva sillabazione */
}

/* Ogni campo (label + valore) */
.lizmapPopupContent .control-group {
    padding: 3px;
    border-bottom: 1px solid #19807F; /* linea separatrice */
    margin-left: 0 !important;
    margin-bottom:3px !important;
    background: transparent !important;
    display: flex;
    flex-direction: column; /* etichetta e valore sulla stessa riga */
    justify-content: flex-start;
    align-items: flex-start; /* allinea label e valore in alto */
    gap: 1px; /* spazio tra label e valore */
}

/* Valore dei campi */
.lizmapPopupContent .controls {
    color: #000; /* testo dei valori in nero */
    /*flex: 1 1 70%;  il valore occupa il restante 70% */
    max-width: 100% !important; /* larghezza minima della label */
    white-space: normal !important;        /* va a capo solo tra parole */
    overflow-wrap: normal !important;      /* non spezza parole */
    word-break: keep-all !important;       /* impedisce spezzatura arbitraria */
    hyphens: none !important;              /* disattiva sillabazione */
    padding: 0 !important;
    box-sizing: border-box !important; /* garantisce che il padding non rompa il layout */
}

/* Form orizzontali (modale / dock): mantieni margini a destra e sinistra */
#dock .form-horizontal .controls,
div.modal .form-horizontal .controls {
  margin-left: 0px;
  margin-right: 0px;
}


/* Label dei campi (titolo colonna) */
.lizmapPopupContent .control-label
{
    font-family: 'Montserrat', sans-serif;
    color: #19807F; /* azzurro */
    font-weight: bold;
    /*flex: 0 0 30%;  la label occupa il xx dello spazio orizzontale */
    max-width: 100% !important; /* larghezza della label */
    margin: 0; /* rimuove margini residui */
    text-align: left;

    /* Disattiva la sillabazione in modo cross-browser */
    white-space: normal  !important;        /* va a capo solo tra parole */
    overflow-wrap: normal  !important;      /* non spezza parole */
    word-break: normal  !important;       /* impedisce spezzatura arbitraria */
    hyphens: none !important;              /* disattiva sillabazione */
    padding: 0;
    box-sizing: border-box; /* garantisce che il padding non rompa il layout */
    -webkit-hyphens: none !important;
    -moz-hyphens: none !important;
}



/* Label form orizzontali (dock / modal) */
#dock .form-horizontal .control-label,
div.modal .form-horizontal .control-label {
    width: 480px;
    -webkit-hyphens: auto;
    hyphens: auto;
}
/* Piccolo margine tra le righe */
.lizmapPopupContent .control-group + .control-group {
    margin-top: 2px;
    margin-bottom: 2px;
}

/* Nessuna linea sull’ultimo campo */
.lizmapPopupContent .control-group:last-child {
    border-bottom: none;
}


/* === Gestione testo multilinea nei popup Lizmap === */
.lizmapPopupContent .jforms-control-input {
    white-space: pre-line !important; /* rispetta gli 'a capo' (\n) */
    word-wrap: break-word !important; /* consente il ritorno a capo nelle parole lunghe */
}
/* ===============================
   PANNELLO LAYER A SINISTRA
   =============================== */

/* Riduce la larghezza del pannello dei layer */
#lizmapSideBar {
    width: 250px !important; /* modifica a piacere */
    min-width: 200px !important;
    box-sizing: border-box;
}

/* Contenuto interno adattabile con scroll */
#lizmapSideBar .sidebarContent {
    width: 100%;
    overflow-y: auto;
    max-height: 90vh; /* altezza massima relativa alla finestra */
}

/* Layout responsive per schermi piccoli */
@media screen and (max-width: 768px) {
    #lizmapSideBar {
        width: 200px !important;
    }
    .lizmapPopupContent {
        max-width: 90%; /* popup si adatta allo schermo */
    }

    .tab-pane {
    display: block !important;
    visibility: visible !important;
}




}