/*!***********************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./templates/routes/main/segnalazioni/segnalazioni.css ***!
  \***********************************************************************************************************************************/
/* Larghezza massima come il pannello del footer (.site-footer-panel in layout.css) */
.sg-content {
    max-width: calc(1140px + 1.5rem);
    margin: 0 auto;
    padding: 0 0.75rem;
}

/* Avviso "disponibile a breve" (SEGNALAZIONI_ATTIVE spento): copre la pagina, sotto la
   navbar (#main_nav ha z-index 99999, quindi il menu resta usabile). Il riquadro ha lo
   stile del pannello del footer (.site-footer-panel in layout.css). */
.sg-soon-overlay {
    position: fixed;
    inset: 0;
    z-index: 9000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
    background: rgba(8, 18, 45, 0.55);
}

.sg-soon-modal {
    position: relative;
    overflow: hidden;
    width: 100%;
    max-width: 520px;
    padding: 2.25rem 1.75rem;
    text-align: center;
    color: #fff;
    background: rgba(40, 65, 130, 0.45);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 1rem;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.25);
}

/* icona grande e tenue dietro il testo (Font Awesome la trasforma in <svg>, la classe resta) */
.sg-soon-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 11rem;
    color: #fff;
    opacity: 0.08;
    transform: translate(-50%, -50%) rotate(-12deg);
    pointer-events: none;
}

.sg-soon-title,
.sg-soon-text {
    position: relative;
}

.sg-soon-title {
    font-size: 1.35rem;
    color: #fff;
    margin-bottom: 0.75rem;
}

.sg-soon-text {
    color: rgba(255, 255, 255, 0.8);
    margin-bottom: 0.5rem;
}

.sg-soon-text a {
    color: #fff;
    font-weight: 600;
    text-decoration: underline;
}

/* Colore degli elementi della pagina: lo stesso del pannello del footer
   (.site-footer-panel in layout.css) al posto del blu primary del tema. Per i testi
   si usa la stessa tinta piena, perché al 45% di opacità su bianco non si leggerebbero;
   i pulsanti pieni usano l'80%, che al 45% sembrerebbero disabilitati. */
.sg-content,
#sg_otp_modal {
    --sg-accent: rgba(40, 65, 130, 0.45);
    --sg-accent-soft: rgba(40, 65, 130, 0.08);
    --sg-accent-text: rgb(40, 65, 130);
    --sg-accent-solid: rgba(40, 65, 130, 0.8);
    --sg-accent-solid-hover: rgb(40, 65, 130);
}

.sg-content .btn-primary,
#sg_otp_modal .btn-primary {
    background: var(--sg-accent-solid);
    border-color: transparent;
    color: #fff;
}

.sg-content .btn-primary:hover,
.sg-content .btn-primary:focus,
#sg_otp_modal .btn-primary:hover,
#sg_otp_modal .btn-primary:focus {
    background: var(--sg-accent-solid-hover);
    border-color: transparent;
    color: #fff;
}

.sg-content .btn-link {
    color: var(--sg-accent-text);
}

.sg-content .form-control:focus,
.sg-content .form-select:focus,
#sg_otp_modal .form-control:focus {
    border-color: var(--sg-accent);
    box-shadow: 0 0 0 0.2rem var(--sg-accent-soft);
}

/* Versione web (parcometri) o mobile (segnaletica): stesso breakpoint usato nel JS */
.sg-mobile {
    display: none;
}

@media (max-width: 991.98px) {
    .sg-desktop {
        display: none !important;
    }

    .sg-mobile {
        display: block;
    }
}

.sg-types {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0.5rem;
}

.sg-type {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.35rem;
    padding: 0.85rem 0.5rem;
    border: 1px solid #d8e2ef;
    border-radius: 10px;
    cursor: pointer;
    font-size: 0.85rem;
    font-weight: 600;
    color: #5e6e82;
    margin-bottom: 0;
}

.sg-type .fas {
    font-size: 1.25rem;
}

.sg-type input {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.sg-type:has(input:checked) {
    border-color: var(--sg-accent);
    background: var(--sg-accent-soft);
    color: var(--sg-accent-text);
}

.sg-pm-list {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
    margin-top: 0.5rem;
}

.sg-pm-list:empty {
    display: none;
}

.sg-pm-item {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.1rem;
    width: 100%;
    padding: 0.6rem 0.75rem;
    border: 1px solid #d8e2ef;
    border-radius: 8px;
    background: #fff;
    text-align: left;
    font-size: 0.85rem;
    color: #344050;
}

.sg-pm-item span {
    color: #5e6e82;
    font-size: 0.8rem;
}

.sg-pm-item.active {
    border-color: var(--sg-accent);
    background: var(--sg-accent-soft);
    box-shadow: inset 0 0 0 1px var(--sg-accent);
}

.sg-pick-hint,
.sg-geo {
    padding: 0.6rem 0.75rem;
    border-radius: 8px;
    background: #f5f7fa;
    font-size: 0.85rem;
    color: #5e6e82;
}

.sg-geo {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    /* l'avviso sta in cima alla card: sotto lo stesso spazio del padding della card (.card-body) */
    margin-bottom: 1.25rem;
}

.sg-geo-icon {
    display: inline-flex;
    flex-shrink: 0;
}

.sg-pick-hint.sg-pick-done,
.sg-geo-ok {
    background: rgba(0, 210, 122, 0.1);
    color: #00864e;
}

.sg-geo-error {
    background: rgba(230, 55, 87, 0.1);
    color: #b7263f;
}

.sg-geo-clickable {
    cursor: pointer;
}

.sg-geo-clickable:hover,
.sg-geo-clickable:focus-visible {
    background: rgba(230, 55, 87, 0.16);
}

.sg-photos {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.sg-photo,
.sg-photo-add {
    position: relative;
    width: 84px;
    height: 84px;
    border-radius: 8px;
    overflow: hidden;
}

.sg-photo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.sg-photo-remove {
    position: absolute;
    top: 4px;
    right: 4px;
    width: 24px;
    height: 24px;
    border: 0;
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.6);
    color: #fff;
    font-size: 0.7rem;
    line-height: 24px;
    padding: 0;
}

.sg-photo-add {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.25rem;
    border: 1px dashed #b6c1d2;
    color: #5e6e82;
    cursor: pointer;
    margin-bottom: 0;
}

.sg-photo-add:hover {
    border-color: var(--sg-accent);
    color: var(--sg-accent-text);
}

.sg-map-card {
    position: sticky;
    top: 5.5rem;
}

.sg-map {
    width: 100%;
    height: 620px;
    border-radius: 8px;
}

/* theme.css forza width/height: auto !important su .leaflet-marker-icon: senza questa
   regola le icone vengono mostrate alla dimensione naturale dell'SVG (50px) */
#sg_map .leaflet-marker-icon.sg-marker {
    width: 24px !important;
    height: 24px !important;
}

#sg_map .leaflet-marker-icon.sg-marker-active {
    width: 34px !important;
    height: 34px !important;
    filter: drop-shadow(0 0 4px rgba(40, 65, 130, 0.9));
    z-index: 1000 !important;
}

@media (max-width: 991.98px) {
    /* su mobile foto più grandi: sono il contenuto principale della segnalazione */
    .sg-photo,
    .sg-photo-add {
        width: calc((100% - 1rem) / 3);
        height: auto;
        aspect-ratio: 1;
    }
}

/*!********************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/choices.js/public/assets/styles/choices.min.css ***!
  \********************************************************************************************************************************************/
.choices{position:relative;overflow:hidden;margin-bottom:24px;font-size:16px}.choices:focus{outline:0}.choices:last-child{margin-bottom:0}.choices.is-open{overflow:initial}.choices.is-disabled .choices__inner,.choices.is-disabled .choices__input{background-color:#eaeaea;cursor:not-allowed;-webkit-user-select:none;user-select:none}.choices.is-disabled .choices__item{cursor:not-allowed}.choices [hidden]{display:none!important}.choices[data-type*=select-one]{cursor:pointer}.choices[data-type*=select-one] .choices__inner{padding-bottom:7.5px}.choices[data-type*=select-one] .choices__input{display:block;width:100%;padding:10px;border-bottom:1px solid #ddd;background-color:#fff;margin:0}.choices[data-type*=select-one] .choices__button{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjMDAwIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjU5Mi4wNDRsMTguMzY0IDE4LjM2NC0yLjU0OCAyLjU0OEwuMDQ0IDIuNTkyeiIvPjxwYXRoIGQ9Ik0wIDE4LjM2NEwxOC4zNjQgMGwyLjU0OCAyLjU0OEwyLjU0OCAyMC45MTJ6Ii8+PC9nPjwvc3ZnPg==);padding:0;background-size:8px;position:absolute;top:50%;right:0;margin-top:-10px;margin-right:25px;height:20px;width:20px;border-radius:10em;opacity:.25}.choices[data-type*=select-one] .choices__button:focus,.choices[data-type*=select-one] .choices__button:hover{opacity:1}.choices[data-type*=select-one] .choices__button:focus{box-shadow:0 0 0 2px #00bcd4}.choices[data-type*=select-one] .choices__item[data-value=""] .choices__button{display:none}.choices[data-type*=select-one]::after{content:"";height:0;width:0;border-style:solid;border-color:#333 transparent transparent;border-width:5px;position:absolute;right:11.5px;top:50%;margin-top:-2.5px;pointer-events:none}.choices[data-type*=select-one].is-open::after{border-color:transparent transparent #333;margin-top:-7.5px}.choices[data-type*=select-one][dir=rtl]::after{left:11.5px;right:auto}.choices[data-type*=select-one][dir=rtl] .choices__button{right:auto;left:0;margin-left:25px;margin-right:0}.choices[data-type*=select-multiple] .choices__inner,.choices[data-type*=text] .choices__inner{cursor:text}.choices[data-type*=select-multiple] .choices__button,.choices[data-type*=text] .choices__button{position:relative;display:inline-block;margin:0 -4px 0 8px;padding-left:16px;border-left:1px solid #008fa1;background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjRkZGIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjU5Mi4wNDRsMTguMzY0IDE4LjM2NC0yLjU0OCAyLjU0OEwuMDQ0IDIuNTkyeiIvPjxwYXRoIGQ9Ik0wIDE4LjM2NEwxOC4zNjQgMGwyLjU0OCAyLjU0OEwyLjU0OCAyMC45MTJ6Ii8+PC9nPjwvc3ZnPg==);background-size:8px;width:8px;line-height:1;opacity:.75;border-radius:0}.choices[data-type*=select-multiple] .choices__button:focus,.choices[data-type*=select-multiple] .choices__button:hover,.choices[data-type*=text] .choices__button:focus,.choices[data-type*=text] .choices__button:hover{opacity:1}.choices__inner{display:inline-block;vertical-align:top;width:100%;background-color:#f9f9f9;padding:7.5px 7.5px 3.75px;border:1px solid #ddd;border-radius:2.5px;font-size:14px;min-height:44px;overflow:hidden}.is-focused .choices__inner,.is-open .choices__inner{border-color:#b7b7b7}.is-open .choices__inner{border-radius:2.5px 2.5px 0 0}.is-flipped.is-open .choices__inner{border-radius:0 0 2.5px 2.5px}.choices__list{margin:0;padding-left:0;list-style:none}.choices__list--single{display:inline-block;padding:4px 16px 4px 4px;width:100%}[dir=rtl] .choices__list--single{padding-right:4px;padding-left:16px}.choices__list--single .choices__item{width:100%}.choices__list--multiple{display:inline}.choices__list--multiple .choices__item{display:inline-block;vertical-align:middle;border-radius:20px;padding:4px 10px;font-size:12px;font-weight:500;margin-right:3.75px;margin-bottom:3.75px;background-color:#00bcd4;border:1px solid #00a5bb;color:#fff;word-break:break-all;box-sizing:border-box}.choices__list--multiple .choices__item[data-deletable]{padding-right:5px}[dir=rtl] .choices__list--multiple .choices__item{margin-right:0;margin-left:3.75px}.choices__list--multiple .choices__item.is-highlighted{background-color:#00a5bb;border:1px solid #008fa1}.is-disabled .choices__list--multiple .choices__item{background-color:#aaa;border:1px solid #919191}.choices__list--dropdown{visibility:hidden;z-index:1;position:absolute;width:100%;background-color:#fff;border:1px solid #ddd;top:100%;margin-top:-1px;border-bottom-left-radius:2.5px;border-bottom-right-radius:2.5px;overflow:hidden;word-break:break-all;will-change:visibility}.choices__list--dropdown.is-active{visibility:visible}.is-open .choices__list--dropdown{border-color:#b7b7b7}.is-flipped .choices__list--dropdown{top:auto;bottom:100%;margin-top:0;margin-bottom:-1px;border-radius:.25rem .25rem 0 0}.choices__list--dropdown .choices__list{position:relative;max-height:300px;overflow:auto;-webkit-overflow-scrolling:touch;will-change:scroll-position}.choices__list--dropdown .choices__item{position:relative;padding:10px;font-size:14px}[dir=rtl] .choices__list--dropdown .choices__item{text-align:right}@media (min-width:640px){.choices__list--dropdown .choices__item--selectable{padding-right:100px}.choices__list--dropdown .choices__item--selectable::after{content:attr(data-select-text);font-size:12px;opacity:0;position:absolute;right:10px;top:50%;transform:translateY(-50%)}[dir=rtl] .choices__list--dropdown .choices__item--selectable{text-align:right;padding-left:100px;padding-right:10px}[dir=rtl] .choices__list--dropdown .choices__item--selectable::after{right:auto;left:10px}}.choices__list--dropdown .choices__item--selectable.is-highlighted{background-color:#f2f2f2}.choices__list--dropdown .choices__item--selectable.is-highlighted::after{opacity:.5}.choices__item{cursor:default}.choices__item--selectable{cursor:pointer}.choices__item--disabled{cursor:not-allowed;-webkit-user-select:none;user-select:none;opacity:.5}.choices__heading{font-weight:600;font-size:12px;padding:10px;border-bottom:1px solid #f7f7f7;color:gray}.choices__button{text-indent:-9999px;-webkit-appearance:none;appearance:none;border:0;background-color:transparent;background-repeat:no-repeat;background-position:center;cursor:pointer}.choices__button:focus,.choices__input:focus{outline:0}.choices__input{display:inline-block;vertical-align:baseline;background-color:#f9f9f9;font-size:14px;margin-bottom:5px;border:0;border-radius:0;max-width:100%;padding:4px 0 4px 2px}[dir=rtl] .choices__input{padding-right:2px;padding-left:0}.choices__placeholder{opacity:.5}