/* _content/HerescopeWeb/Components/Layout/ActionButtons.razor.rz.scp.css */
/* Container per i bottoni */
.action-buttons-container[b-58fbl2zgop] {
    width: 100%;
    height: 100%;
    background-color: black;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Container fixed per mobile */
.action-buttons-container.fixed[b-58fbl2zgop] {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    height: 6dvh;
    min-height: 3.75rem;
    z-index: 999;
}

/* Bottone principale */
.main-button[b-58fbl2zgop] {
    background-color: black;
    color: white;
    border: none;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    cursor: pointer;
    height: 100%;
}

.main-button:hover[b-58fbl2zgop] {
    background-color: #1a1a1a;
}

/* Bottone principale quando è singolo */
.main-button.single[b-58fbl2zgop] {
    width: 100%;
    padding: 0 1rem;
}

/* Bottone principale quando è affiancato al bottone indietro */
.main-button.with-back[b-58fbl2zgop] {
    width: 85%;
    border-right: 1px solid grey;
    padding: 0 0.75rem;
}

/* Bottone principale quando è disabilitato */
.main-button.disabled[b-58fbl2zgop],
.vai-ai-preferiti.disabled[b-58fbl2zgop] {
    background-color: #808080 !important;
    cursor: not-allowed !important;
    opacity: 0.6;
}

.main-button.disabled:hover[b-58fbl2zgop],
.vai-ai-preferiti.disabled:hover[b-58fbl2zgop] {
    background-color: #808080 !important;
}

/* Bottone indietro */
.back-button[b-58fbl2zgop] {
    width: 15%;
    background-color: #f42b55;
    color: white;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    height: 100%;
}

.back-button:hover[b-58fbl2zgop] {
    background-color: #d42446;
}

/* Testo nei bottoni */
.action-buttons-container h4[b-58fbl2zgop],
.main-button h4[b-58fbl2zgop],
.vai-ai-preferiti h4[b-58fbl2zgop] {
    margin: 0;
    padding-top: 2dvh;
    color: white;
    line-height: 1;
    display: flex;
    align-items: flex-start;
    font-size: clamp(1.5dvh, 2.5dvh, 3dvh);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Media query per schermi molto piccoli */
@media (max-width: 576px) {
    .action-buttons-container h4[b-58fbl2zgop],
    .main-button h4[b-58fbl2zgop],
    .vai-ai-preferiti h4[b-58fbl2zgop] {
        font-size: clamp(1.2dvh, 2dvh, 2.5dvh);
        padding: 0 0.5rem;
    }
}

/* Media query per schermi medi */
@media (min-width: 577px) and (max-width: 768px) {
    .action-buttons-container h4[b-58fbl2zgop],
    .main-button h4[b-58fbl2zgop],
    .vai-ai-preferiti h4[b-58fbl2zgop] {
        font-size: clamp(1.5dvh, 2.2dvh, 2.8dvh);
    }
}

/* Icona nel bottone indietro */
.back-button .material-symbols-outlined[b-58fbl2zgop] {
    font-size: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

.back-button svg[b-58fbl2zgop] {
    display: block;
}

/* Classe per il bottone singolo in desktop (compatibilità) */
.vai-ai-preferiti[b-58fbl2zgop] {
    width: 100%;
    height: 100%;
    background-color: black;
    color: white;
    border: none;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    cursor: pointer;
}

.vai-ai-preferiti:hover[b-58fbl2zgop] {
    background-color: #1a1a1a;
}

/* _content/HerescopeWeb/Components/Layout/MainLayout.razor.rz.scp.css */
:root[b-5u4mjdilid] {
    --colore-chiaro: #ededed;
    --colore-custom: #377f8e;
}

html[b-5u4mjdilid] {
 overflow: hidden;
}
/*Main, tolgo lo spazio per la barra di navigazione in mobile*/
.main-content[b-5u4mjdilid] {
    height: 100dvh;
    width: 100%;
    padding: 0;
    margin: 0;
}

@media (max-width: 768px) {
    .main-content[b-5u4mjdilid] {
        width: 100vw;
    }
}


.mx-auto[b-5u4mjdilid] {
    width: 100%;
    max-width: 3.75rem;
    height: auto;
    max-height: 8.75rem;
}

.page[b-5u4mjdilid] {
    position: relative;
    display: flex;
    flex-direction: column;
    margin: 0;
    padding: 0;
}

main[b-5u4mjdilid] {
    flex: 1;
    margin: 0;
    padding: 0;
}

.sidebar[b-5u4mjdilid] {
    background-image: var(--colore-chiaro);
    /*Priorit� alta*/
    z-index: 999;
    height: 100%;
}

.top-row[b-5u4mjdilid] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

    .top-row[b-5u4mjdilid]  a, .top-row[b-5u4mjdilid]  .btn-link {
        white-space: nowrap;
        margin-left: 1.5rem;
        text-decoration: none;
    }

        .top-row[b-5u4mjdilid]  a:hover, .top-row[b-5u4mjdilid]  .btn-link:hover {
            text-decoration: underline;
        }

        .top-row[b-5u4mjdilid]  a:first-child {
            overflow: hidden;
            text-overflow: ellipsis;
        }

@media (max-width: 640.98px) {
    .top-row[b-5u4mjdilid] {
        justify-content: space-between;
    }

        .top-row[b-5u4mjdilid]  a, .top-row[b-5u4mjdilid]  .btn-link {
            margin-left: 0;
        }
}

@media (min-width: 641px) {
/*    .page {
        flex-direction: row;
    }*/

    .sidebar[b-5u4mjdilid] {
        width: 100%;
        height: 100dvh;
        position: sticky;
        top: 0;
    }

    .top-row[b-5u4mjdilid] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

        .top-row.auth[b-5u4mjdilid]  a:first-child {
            flex: 1;
            text-align: right;
            width: 0;
        }

    .top-row[b-5u4mjdilid], article[b-5u4mjdilid] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}

#blazor-error-ui[b-5u4mjdilid] {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-5u4mjdilid] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }


body[b-5u4mjdilid], html[b-5u4mjdilid] {
    margin: 0;
    padding: 0;
    height: 100%;
}

.background-image[b-5u4mjdilid] {
    position: relative;
    width: 100%;
    height: 100%;
}

    .background-image img[b-5u4mjdilid] {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover; /* Per adattare l'immagine alla dimensione del contenitore */
    }

.svg-overlay[b-5u4mjdilid] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* CSS personalizzato */
.svg-overlay[b-5u4mjdilid] {
    z-index: 1; /* Assicura che l'elemento SVG sia sopra l'immagine */
}

/* NOTA: Gli stili per #navbarSupportedContent sono in app.css (file globale) */

/**/
/* _content/HerescopeWeb/Components/Layout/Menu/MenuAppuntamenti.razor.rz.scp.css */
/* Container principale con layout flexbox */
.menu-appuntamenti-container[b-nu0okc1hnb] {
    height: 94dvh;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

/* Sezione form scrollabile - prende tutto lo spazio rimanente */
.form-section[b-nu0okc1hnb] {
    flex: 1 1 auto;
    overflow-y: auto;
    overflow-x: hidden;
    min-height: 0;
}

/* Sezione bottone azione - altezza fissa sempre visibile in basso */
.action-section[b-nu0okc1hnb] {
   /* margin-bottom: 3%;
    height: 60px;*/
    min-height: 60px;
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
}

.form-control[b-nu0okc1hnb] {
    background-color: transparent;
    border: 1px solid black;
}

    .form-control:focus[b-nu0okc1hnb] {
        border-color: #f42b55;
        outline: none;
        box-shadow: none;
    }

.form-group[b-nu0okc1hnb] {
    margin-top: 10px;
}

.datepicker[b-nu0okc1hnb] {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.calendar[b-nu0okc1hnb] {
    display: flex;
    flex-direction: column;
}

.week[b-nu0okc1hnb] {
    display: flex;
    justify-content: space-around;
}

.day-button[b-nu0okc1hnb] {
    width: 40px;
    height: 40px;
    margin: 5px;
    border: 1px solid #ccc;
    background-color: #f9f9f9;
    cursor: pointer;
}

    .day-button:disabled[b-nu0okc1hnb] {
        background-color: #eaeaea;
        cursor: not-allowed;
    }

.time-slots[b-nu0okc1hnb] {
    margin-top: 20px;
    text-align: center;
}

.slot-button[b-nu0okc1hnb] {
    display: block;
    margin: 5px auto;
    padding: 10px;
    border: 1px solid #ccc;
    background-color: #f9f9f9;
    cursor: pointer;
}
/* _content/HerescopeWeb/Components/Layout/Menu/MenuConfigura.razor.rz.scp.css */

/* Container principale con layout flexbox */
.menu-configura-container[b-3qaegin0op] {
    height: 94dvh;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

/* Sezione filtri - auto height senza scroll */
.filtri-section[b-3qaegin0op] {
    flex-shrink: 0;
    overflow: visible;
}

/* Sezione card scrollabili - prende tutto lo spazio rimanente con flex-grow */
.cards-section[b-3qaegin0op] {
    flex: 1 1 auto;
    overflow-y: auto;
    overflow-x: hidden;
    min-height: 0;
}

/* Sezione bottone azione - altezza fissa sempre visibile in basso */
.action-section[b-3qaegin0op] {
    /* margin-bottom: 3%;
    height: 60px;*/
    min-height: 60px;
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
}

.vai-ai-preferiti[b-3qaegin0op] {
    width: 100%;
    height: 100%;
    background-color: black;
    color: white;
    border: none;
}

/* Stili base per il contenitore scrollabile - deprecato, mantenuto per compatibilità */
.scrollable-container[b-3qaegin0op] {
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    display: flex;
    flex-direction: column;
}

/* Stile personalizzato per la sidebar */
.sidebar[b-3qaegin0op] {
    height: 100dvh;
    width: 100%;
    background-color: #f8f9fa;
    position: fixed;
    top: 0;
    left: 0;
    padding-top: 1.25rem;
}

.bottom-image[b-3qaegin0op] {
    position: absolute;
    bottom: 0;
    left: 0;
}

/* Stili per i pulsanti di apertura menu */
.apri-menu-btn.sx[b-3qaegin0op] {
    position: absolute;
    top: 50%;
    left: -1.25rem;
    transform: translate(-50%, -50%);
    z-index: 100;
    width: 1.875rem;
    height: 3.75rem;
    border-radius: 0.3125rem;
}

.apri-menu-btn.dx[b-3qaegin0op] {
    position: absolute;
    top: 50%;
    left: calc(-25% - 1.875rem);
    transform: translate(-50%, -50%);
    z-index: 100;
    width: 1.875rem;
    height: 3.75rem;
    border-radius: 0.3125rem;
}

.contenitore-freccia[b-3qaegin0op] {
    height: calc(100dvh - 3.75rem);
    position: relative;
    background-color: #ededed;
}

    .contenitore-freccia .freccia[b-3qaegin0op] {
        position: absolute;
        left: 0;
        bottom: 0;
    }

.freccia[b-3qaegin0op] {
    cursor: pointer;
}

/* NOTA: Gli stili per #navbarSupportedContent sono stati spostati in app.css (file globale)
   per evitare conflitti con lo scoping CSS di Blazor */

/* typical phone screen resolution */
@media only screen and (max-width : 667px) {
    .vai-ai-preferiti[b-3qaegin0op] {
        height: 8dvh;
    }
}
/********************************************************************************************************************************************/


.scrollable-card-container[b-3qaegin0op] {
    width: 100%;
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
}

.undo-button[b-3qaegin0op] {
    width: 100%;
    height: 3.125rem;
    flex-shrink: 0;
    background-color: black;
    color: white;
    border: none;
    border-top: 1px solid grey;
}
/* _content/HerescopeWeb/Components/Layout/Menu/MenuPreferiti.razor.rz.scp.css */
/* Container principale con layout flexbox */
.menu-preferiti-container[b-hg2y6ufu21] {
    height: 94dvh;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

/* Sezione card scrollabili - prende tutto lo spazio rimanente */
.cards-section[b-hg2y6ufu21] {
    flex: 1 1 auto;
    overflow-y: auto;
    overflow-x: hidden;
    min-height: 0;
    display: flex;
    flex-direction: column;
}

/* Sezione bottone azione - altezza fissa sempre visibile in basso */
.action-section[b-hg2y6ufu21] {
    /* margin-bottom: 3%;
    height: 60px;*/
    min-height: 60px;
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
}
/* _content/HerescopeWeb/Components/Layout/NavMenu.razor.rz.scp.css */
/* Stile personalizzato per la sidebar */
.sidebar[b-fgz143d988] {
    height: 100vh;
    min-height: 100vh;
    min-height: 100dvh;
    width: 100%;
    background-color: #f8f9fa;
    position: fixed;
    top: 0;
    left: 0;
    padding-top: 1rem;
}

.menu-header[b-fgz143d988] {
    height: 6dvh;
    min-height: 3.75rem;
}

.bottom-image[b-fgz143d988] {
    position: absolute;
    bottom: 0;
    left: 0;
}

.apri-menu-btn.sx[b-fgz143d988] {
    position: absolute;
    top: 50%;
    left: -1.25rem;
    transform: translate(-50%, -50%);
    z-index: 100;
    width: 1.875rem;
    height: 3.75rem;
    border-radius: 0.3125rem;
}

.apri-menu-btn.dx[b-fgz143d988] {
    position: absolute;
    top: 50%;
    left: calc(-25% - 1.875rem);
    transform: translate(-50%, -50%);
    z-index: 100;
    width: 1.875rem;
    height: 3.75rem;
    border-radius: 0.3125rem;
}

.contenitore-freccia[b-fgz143d988] {
    height: calc(100vh - 3.75rem);
    min-height: calc(100vh - 3.75rem);
    min-height: calc(100dvh - 3.75rem);
    position: relative;
    background-color: #ededed;
}

    .contenitore-freccia .freccia[b-fgz143d988] {
        position: absolute;
        left: 0;
        bottom: 0;
    }

.freccia[b-fgz143d988] {
    cursor: pointer;
}

#navbarSupportedContent[b-fgz143d988] {
    position: fixed;
    width: 25%;
    right: -25%;
    background: #EDEDED !important;
    top: 0;
    height: 100vh;
    min-height: 100vh;
    min-height: 100dvh;
    overflow-y: scroll;
    z-index: 1040;
    -ms-overflow-style: none;
    scrollbar-width: none;
    transition: right 0.3s ease;
}

    #navbarSupportedContent[b-fgz143d988]::-webkit-scrollbar {
        display: none;
    }

body.admin-bar #navbarSupportedContent[b-fgz143d988] {
    padding-top: calc(3.5rem + 32px);
}

body.menu-open #navbarSupportedContent[b-fgz143d988] {
    right: 0;
    box-shadow: -0.25rem 0 1.25rem rgba(0, 0, 0, 0.1);
}

/* Media query per schermi pi� piccoli */
@media (max-width: 768px) {
    body.menu-open #navbarSupportedContent[b-fgz143d988] {
        left: 0;
        right: 0;
        width: 100vw;
    }

    .apri-menu-btn.dx[b-fgz143d988] {
        left: calc(-100vw - 1.875rem);
    }

    #navbarSupportedContent[b-fgz143d988] {
        position: fixed;
        width: 100vw;
        left: 0;
        right: 0;
        background: #EDEDED !important;
        top: 0;
        height: 100vh;
        min-height: 100vh;
        min-height: 100dvh;
        overflow-y: scroll;
        z-index: 1040;
        -ms-overflow-style: none;
        scrollbar-width: none;
    }
}
/* _content/HerescopeWeb/Components/Pages/Configura.razor.rz.scp.css */
svg[b-v7mvivsom3] {
    width: 100%;
    height: 100dvh;
    max-width: 100%;
    max-height: 100dvh;
    display: block;
    object-fit: contain;
}

.renderContainer[b-v7mvivsom3] {
    height: 100dvh;
    width: 100%;
    background-color: black;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index:-1;
    padding: 0;
    margin: 0;
}

.bg-edificio[b-v7mvivsom3] {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
}

.carousel-inner[b-v7mvivsom3], .carousel-item[b-v7mvivsom3] {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
}

/* _content/HerescopeWeb/Components/Shared/ViewComponent/CardAbitazione.razor.rz.scp.css */
.bordo-attivo[b-u4v13r1n99] {
    background-color: #f42b55;
}

.bordo-disattivo[b-u4v13r1n99] {
    background-color: transparent;
}

.text-truncate[b-u4v13r1n99] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
/* _content/HerescopeWeb/Components/Shared/ViewComponent/Datepicker.razor.rz.scp.css */
/* calendario.css */

.container[b-kk3jjs23ik] {
    background-color: #fff; /* Sfondo bianco */
    color: #000; /* Testo nero */
    border-radius: 1rem;
    padding: 1.5rem;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
}

h3[b-kk3jjs23ik] {
    color: #000;
    margin-bottom: 1rem;
    font-weight: 500;
}

button[b-kk3jjs23ik] {
    transition: all 0.2s ease-in-out;
}

.btn-outline-dark[b-kk3jjs23ik] {
    border: 1px solid #000;
    color: #000;
    background-color: transparent;
}

    .btn-outline-dark:hover[b-kk3jjs23ik] {
        background-color: #000;
        color: #fff;
    }

button.selected[b-kk3jjs23ik] {
    background-color: #000 !important;
    color: #fff !important;
    border-color: red !important;
}

button.disabled[b-kk3jjs23ik] {
    pointer-events: none;
    opacity: 0.4;
}

button.invisible[b-kk3jjs23ik] {
    visibility: hidden;
}

.col .btn[b-kk3jjs23ik] {
    min-width: 2.5rem;
    height: 2.5rem;
    font-weight: 500;
}

.row[b-kk3jjs23ik] {
    margin-bottom: 0.5rem;
}
/* _content/HerescopeWeb/Components/Shared/ViewComponent/Filtri/Chip.razor.rz.scp.css */
.chip[b-6tjsstzlyf] {
    display: inline-block;
    padding: 0 10px;
    margin: 5px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 25px;
    background-color: #e0e0e0;
    color: #333;
}

    .chip .close[b-6tjsstzlyf] {
        background: none;
        border: none;
        font-size: 16px;
        line-height: 1;
        margin-left: 5px;
        color: #777;
        cursor: pointer;
    }

        .chip .close:hover[b-6tjsstzlyf] {
            color: #555;
        }
/* _content/HerescopeWeb/Components/Shared/ViewComponent/Filtri/FilterButton.razor.rz.scp.css */
.bottone-filtri[b-wmd558aumf] {
    border: 1px solid black;
    background-color: transparent;
    color: black;
    font-size: small;
    border-radius: 0px;
    padding-top: 3px;
    padding-bottom: 3px;
    height: auto;
}

    .bottone-filtri.clicked[b-wmd558aumf] {
        background-color: #000000;
        color: #f42b55;
        border-color: #f42b55;
    }
/* _content/HerescopeWeb/Components/Shared/ViewComponent/Filtri/FilterDropdownCheckbox.razor.rz.scp.css */
/* Stile per dropdown generico con checkbox */
.filter-dropdown-toggle[b-8hwk6wxp1y] {
    border: 1px solid black;
    background-color: #ededed;
    color: black;
    border-radius: 0;
    text-align: left;
    padding: 0.5rem 0.75rem;
    font-size: 0.875rem;
}

.filter-dropdown-toggle:hover[b-8hwk6wxp1y],
.filter-dropdown-toggle:focus[b-8hwk6wxp1y] {
    background-color: #ededed;
    border-color: black;
    color: black;
}

.dropdown-toggle-icon[b-8hwk6wxp1y] {
    font-size: 0.75rem;
}

/* Menu dropdown con checkbox */
.filter-checkbox-dropdown[b-8hwk6wxp1y] {
    max-height: 20rem;
    overflow-y: auto;
    border: 1px solid black;
    border-radius: 0;
    padding: 0;
}

.filter-checkbox-dropdown .dropdown-item[b-8hwk6wxp1y] {
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 0.75rem;
    margin-bottom: 0;
    border-bottom: 1px solid #e0e0e0;
}

.filter-checkbox-dropdown .dropdown-item:last-child[b-8hwk6wxp1y] {
    border-bottom: none;
}

.filter-checkbox-dropdown .dropdown-item:hover[b-8hwk6wxp1y] {
    background-color: #f5f5f5;
}

.filter-checkbox-dropdown input[type="checkbox"][b-8hwk6wxp1y] {
    width: 1rem;
    height: 1rem;
    min-width: 1rem;
    margin: 0;
    border: 1px solid black;
    border-radius: 0;
    cursor: pointer;
    appearance: none;
    -webkit-appearance: none;
    background-color: transparent;
    position: relative;
}

.filter-checkbox-dropdown input[type="checkbox"]:checked[b-8hwk6wxp1y] {
    background-color: black;
    border-color: black;
}

.filter-checkbox-dropdown input[type="checkbox"]:checked[b-8hwk6wxp1y]::after {
    content: '✓';
    color: #f42b55;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 0.875rem;
    font-weight: bold;
}

.filter-checkbox-dropdown label[b-8hwk6wxp1y] {
    margin-bottom: 0;
    width: 100%;
}

.filter-checkbox-dropdown span[b-8hwk6wxp1y] {
    user-select: none;
}
/* _content/HerescopeWeb/Components/Shared/ViewComponent/Filtri/FilterLable.razor.rz.scp.css */
.icona-freccia[b-jp6umozxws] {
    max-height: 12px
}
/* _content/HerescopeWeb/Components/Shared/ViewComponent/Filtri/FilterOrderBy.razor.rz.scp.css */
select[b-v35ppmjkit] {
    border: 1px solid black;
    background-color: transparent;
    color: black;
    font-size: small;
    border-radius: 0px;
    padding-top: 3px;
    padding-bottom: 3px;
    height: auto;
    /*Rimuovo freccia*/
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: '';
    /*Rimuovo bordo*/
    outline: none !important;
    box-shadow: none !important;
}

.custom-container[b-v35ppmjkit] {
    white-space: nowrap;
}
/* _content/HerescopeWeb/Components/Shared/ViewComponent/Filtri/FilterSlider.razor.rz.scp.css */

input[type=range][b-lv8fv3bgjy] {
    -webkit-appearance: none;
    width: 100%;
    height: 2px;
    background: linear-gradient(to right, black 50%, grey 50%);
    outline: none;
    opacity: 0.7;
    transition: opacity .2s;
}

    input[type=range][b-lv8fv3bgjy]::-webkit-slider-thumb {
        -webkit-appearance: none;
        appearance: none;
        width: 16px;
        height: 16px;
        border-radius: 50%;
        background: #d9d9d9;
        cursor: pointer;
    }

    input[type=range][b-lv8fv3bgjy]::-moz-range-thumb {
        width: 16px;
        height: 16px;
        border-radius: 50%;
        background: #d9d9d9;
        cursor: pointer;
    }

    p[b-lv8fv3bgjy]{
        font-size: small;
        text-wrap: nowrap;
    }
/* _content/HerescopeWeb/Components/Shared/ViewComponent/Filtri/FiltriConfigura.razor.rz.scp.css */
input[type="text"].me-2.ms-2[b-6x264xc9in] {
    border: 1px solid black;
    font-size: 0.75rem;
    padding: 0.125rem 0.375rem;
    height: 1.5rem;
    margin: 0;
    background-color: #ededed;
}

.filter-button-wrapper[b-6x264xc9in] {
    min-width: 7.5rem;
    max-width: 12.5rem;
}

.filter-button-wrapper-auto[b-6x264xc9in] {
    min-width: 7.5rem;
    max-width: auto;
}

.filter-arrow[b-6x264xc9in] {
    width: 1.5625rem;
    height: auto;
}

.filter-arrow-rotated[b-6x264xc9in] {
    transform: rotate(180deg);
}

/* _content/HerescopeWeb/Components/Shared/ViewComponent/OrientationMonitor.razor.rz.scp.css */
.orientation-alert[b-joh4i0gn3h] {
    position: fixed;
    top: -100%;
    left: 0;
    right: 0;
    z-index: 9999;
    transition: top 0.3s ease;
    padding: 1rem;
    background-color: rgba(0,0,0,0.7);
}

    .orientation-alert.show[b-joh4i0gn3h] {
        top: 0;
    }

.alert-orientation-warning[b-joh4i0gn3h] {
    max-width: 600px;
    margin: 0 auto;
    box-shadow: 0 4px 20px rgba(0,0,0,0.25);
    border: none;
    background-color: #fff8e6;
    color: #856404;
    border-left: 4px solid #ffc107;
}

.warning-icon[b-joh4i0gn3h] {
    color: #ffc107;
    font-size: 1.5rem;
}

.btn-warning[b-joh4i0gn3h] {
    background-color: #ffc107;
    color: #212529;
    border: none;
}

.btn-outline-warning[b-joh4i0gn3h] {
    color: #ffc107;
    border-color: #ffc107;
}

.btn-warning:hover[b-joh4i0gn3h] {
    background-color: #e0a800;
    color: #212529;
}

.btn-outline-warning:hover[b-joh4i0gn3h] {
    background-color: rgba(255,193,7,0.1);
}
/* _content/HerescopeWeb/Components/Shared/ViewComponent/PopUpPlanimetria.razor.rz.scp.css */
/* Modal Dialog */
.planimetria-dialog[b-cyyhpiq6gz] {
    max-height: 75vh;
    margin: 1.75rem auto;
    animation: slideIn-b-cyyhpiq6gz 0.3s ease-out;
}

@keyframes slideIn-b-cyyhpiq6gz {
    from {
        opacity: 0;
        transform: translateY(-30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Modal Content */
.planimetria-content[b-cyyhpiq6gz] {
    background: #ffffff;
    height: 100%;
    display: flex;
    flex-direction: column;
    border: none;
    border-radius: 1rem;
    overflow: hidden;
    box-shadow: 0 1.5rem 3rem rgba(0, 0, 0, 0.3),
                0 0.5rem 1rem rgba(0, 0, 0, 0.2);
}

/* Modal Header */
.planimetria-header[b-cyyhpiq6gz] {
    background: #000000;
    color: white;
    padding: 1.25rem 1.5rem;
    border-bottom: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-shrink: 0;
}

.planimetria-title[b-cyyhpiq6gz] {
    font-size: 1.25rem;
    font-weight: 600;
    margin: 0;
    letter-spacing: 0.02em;
}

.planimetria-debug-badge[b-cyyhpiq6gz] {
    font-size: 0.7em;
    opacity: 0.85;
    margin-left: 0.75rem;
    background: rgba(255, 255, 255, 0.2);
    padding: 0.25rem 0.5rem;
    border-radius: 0.25rem;
}

/* Close Button */
.planimetria-close[b-cyyhpiq6gz] {
    filter: brightness(0) invert(1);
    opacity: 1;
    transition: all 0.2s ease;
}

.planimetria-close:hover[b-cyyhpiq6gz] {
    opacity: 0.7;
    transform: rotate(90deg);
}

/* Modal Body */
.planimetria-body[b-cyyhpiq6gz] {
    flex: 1;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    background: #ffffff;
    padding: 0;
}

/* Carousel Container */
.planimetria-carousel[b-cyyhpiq6gz] {
    flex: 1;
    display: flex;
    flex-direction: column;
    min-height: 0;
    position: relative;
}

/* Carousel Indicators */
.planimetria-carousel .carousel-indicators[b-cyyhpiq6gz] {
    margin-bottom: 1rem;
    z-index: 10;
}

.planimetria-carousel .carousel-indicators button[b-cyyhpiq6gz] {
    width: 0.625rem;
    height: 0.625rem;
    border-radius: 50%;
    background-color: rgba(0, 0, 0, 0.3);
    border: 2px solid white;
    transition: all 0.3s ease;
}

.planimetria-carousel .carousel-indicators button.active[b-cyyhpiq6gz] {
    background-color: #000000;
    transform: scale(1.2);
}

/* Carousel Inner */
.planimetria-carousel-inner[b-cyyhpiq6gz] {
    flex: 1;
    height: 100%;
    min-height: 0;
    background: #ffffff;
}

/* Carousel Item */
.planimetria-carousel-item[b-cyyhpiq6gz] {
    height: 100%;
}

.planimetria-image-container[b-cyyhpiq6gz] {
    height: 100%;
    padding: 1.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.planimetria-image[b-cyyhpiq6gz] {
    max-height: 100%;
    max-width: 100%;
    object-fit: contain;
    border-radius: 0.5rem;
    box-shadow: 0 0.5rem 1.5rem rgba(0, 0, 0, 0.15);
}

/* Carousel Controls */
.planimetria-carousel .carousel-control-prev[b-cyyhpiq6gz],
.planimetria-carousel .carousel-control-next[b-cyyhpiq6gz] {
    width: 3rem;
    opacity: 0.8;
    transition: opacity 0.3s ease;
}

.planimetria-carousel .carousel-control-prev:hover[b-cyyhpiq6gz],
.planimetria-carousel .carousel-control-next:hover[b-cyyhpiq6gz] {
    opacity: 1;
}

.planimetria-carousel .carousel-control-prev-icon[b-cyyhpiq6gz],
.planimetria-carousel .carousel-control-next-icon[b-cyyhpiq6gz] {
    background-color: #000000;
    border-radius: 50%;
    padding: 1rem;
    width: 2.5rem;
    height: 2.5rem;
    background-size: 50%;
    box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.3);
    transition: all 0.3s ease;
}

.planimetria-carousel .carousel-control-prev:hover .carousel-control-prev-icon[b-cyyhpiq6gz],
.planimetria-carousel .carousel-control-next:hover .carousel-control-next-icon[b-cyyhpiq6gz] {
    background-color: #333333;
    transform: scale(1.1);
}

/* Single Image View */
.planimetria-single-image[b-cyyhpiq6gz] {
    flex: 1;
    overflow-y: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 1.5rem;
    background: #ffffff;
}

/* Responsive Adjustments */
@media (max-width: 768px) {
    .planimetria-dialog[b-cyyhpiq6gz] {
        max-height: 80vh;
        margin: 1rem auto;
    }

    .planimetria-header[b-cyyhpiq6gz] {
        padding: 1rem 1.25rem;
    }

    .planimetria-title[b-cyyhpiq6gz] {
        font-size: 1.1rem;
    }

    .planimetria-image-container[b-cyyhpiq6gz],
    .planimetria-single-image[b-cyyhpiq6gz] {
        padding: 1rem;
    }

    .planimetria-carousel .carousel-control-prev[b-cyyhpiq6gz],
    .planimetria-carousel .carousel-control-next[b-cyyhpiq6gz] {
        width: 2rem;
    }

    .planimetria-carousel .carousel-control-prev-icon[b-cyyhpiq6gz],
    .planimetria-carousel .carousel-control-next-icon[b-cyyhpiq6gz] {
        width: 2rem;
        height: 2rem;
        padding: 0.75rem;
    }
}

/* iPad Landscape & Tablet */
@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
    .planimetria-dialog[b-cyyhpiq6gz] {
        max-height: 85vh;
        margin: 0.5rem auto;
    }
}

/* Sicurezza extra: tutti i dispositivi con altezza limitata */
@media (max-height: 800px) {
    .planimetria-dialog[b-cyyhpiq6gz] {
        max-height: 85vh;
        margin: 0.5rem auto;
    }
}

@media (max-height: 700px) {
    .planimetria-dialog[b-cyyhpiq6gz] {
        max-height: 90vh;
        margin: 0.25rem auto;
    }

    .planimetria-header[b-cyyhpiq6gz] {
        padding: 0.875rem 1.25rem;
    }

    .planimetria-title[b-cyyhpiq6gz] {
        font-size: 1.1rem;
    }

    .planimetria-image-container[b-cyyhpiq6gz],
    .planimetria-single-image[b-cyyhpiq6gz] {
        padding: 1rem;
    }
}
/* _content/HerescopeWeb/Components/Shared/ViewComponent/SnapButton.razor.rz.scp.css */
/* Container principale del carousel */
.render-carousel[b-tqi4msvkiu] {
    position: fixed;
    /* Centrato nella colonna sinistra (col-8 = 66.66%, quindi centro a 33.33%) */
    left: 33.33%;
    transform: translateX(-50%);
    bottom: 5dvh;
    z-index: 999;
    width: auto;
    max-width: 60dvw; /* Non eccedere oltre la colonna del render */
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 1dvh 1.5dvw;
    background-color: rgba(0, 0, 0, 0.5);
    border-radius: 0.5rem;
}

/* Strip orizzontale delle preview */
.preview-strip[b-tqi4msvkiu] {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1dvw;
    flex-wrap: nowrap;
}

/* Singola preview item */
.preview-item[b-tqi4msvkiu] {
    position: relative;
    cursor: pointer;
    transition: all 0.3s ease;
    transform: scale(1);
    opacity: 0.6;
    border-radius: 0.25rem;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
    border: 2px solid transparent;
    /* Dimensioni scalabili con viewport - solo width, height mantiene ratio */
    /* PER RIMPICCIOLIRE LE PREVIEW: modifica questo valore */
    width: 5dvw;
    height: auto;
    /* Aspect ratio per Desktop (landscape) */
    aspect-ratio: 3 / 2;
}

/* Preview attiva - scala maggiore */
.preview-item.active[b-tqi4msvkiu] {
    transform: scale(1.2);
    opacity: 1;
    z-index: 10;
    box-shadow: 0 4px 16px rgba(244, 43, 85, 0.6);
    border-color: #f42b55;
}

/* Hover su preview non attive */
.preview-item:not(.active):hover[b-tqi4msvkiu] {
    opacity: 0.8;
    transform: scale(1.05);
    border-color: rgba(244, 43, 85, 0.3);
}

/* Immagine della preview */
.preview-image[b-tqi4msvkiu] {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Adattamenti Mobile */
@media (max-width: 767px) {
    .preview-strip[b-tqi4msvkiu] {
        gap: 1.5dvw;
    }

    .preview-item[b-tqi4msvkiu] {
        /* Mobile: preview portrait con ratio mantenuto */
        /* PER RIMPICCIOLIRE LE PREVIEW MOBILE: modifica questo valore */
        width: 9dvw;
        height: auto;
        /* Aspect ratio per Mobile (portrait) */
        aspect-ratio: 2 / 3;
    }

    .render-carousel[b-tqi4msvkiu] {
        /* Su mobile centra su tutto lo schermo */
        left: 50%;
        max-width: 90dvw;
        bottom: 8dvh;
        padding: 0.75dvh 1dvw;
        /* Transizione smooth per lo spostamento */
        transition: bottom 0.3s ease;
    }

    /* Quando una card è visibile, sposta lo snap più in alto */
    .render-carousel.with-card[b-tqi4msvkiu] {
        bottom: 20.5dvh;
    }
}

/* Animazione smooth per tutte le transizioni */
.preview-item *[b-tqi4msvkiu] {
    transition: inherit;
}
/* _content/HerescopeWeb/Components/Shared/ViewComponent/TastiCambioLingua.razor.rz.scp.css */
/*.tasti-lingua {
    position: absolute;
    width: 100%;
    bottom: 150px;
}*/

button[b-ovevvgi29u]{
    border:none;
}