pre.debug {
    background-color: #000;
    color: #FAA00C;
    width: 960px;
    font-family: monospace;
    font-size: 12px;
    margin: auto;
    text-align: left;
    padding: 20px;
    margin-bottom: 20px;
}

pre.debug strong {
    font-family: monospace;
    font-size: 12px;
    color: #FAA00C;
}

.txt2 {
    text-indent: -9999px;
    height: 1px;
}

.modal {
    z-index: 15000;
}

.modal-dialog {
    z-index: 15001;
}

#preventivoSpese {
    position: relative;
    left: 0;
}

.areaRiservata .boxPreventivo {
    padding-bottom: 3em;
}

/*
.corrieriDisponibili{
    background-color:#fff;
    padding:2em;
    display:none;
}*/

/* nel profilo utente se non metto queste regole è tutto un po' scombinato, da rivedere */

/* Questo mancava, serve per metteere il bottone del cestino di fianco all'indirizzo nel processo di checkout */
.box2 .lineaIndirizzo span.delAddr {
    display: block;
    height: 2.5em;
    width: 3em;
    float: left;
    margin: 0.5em 0 0.5em 1%;
}

.box2 .lineaIndirizzo span.content {
    display: block;
    float: left;
    height: 2.5em;
    width: 50%;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0.5em 0 0.5em 25%;
}

/** se non metto questo le condizioni di vendita non sono a finaco al checkbox (ho aggiunto anche classe checkbox-inline al check) **/
label.condizioni_vendita {
    display: inline-block !important;
}

/* tecnica honepot */
.hp {
    height: 1px;
    text-indent: -9000px;
}

.coupon #note {
    width: 95%;
    margin: auto;
    height: 120px;
}

.gmapCont {
    width: 90%;
    height: 90%;
    position: fixed;
    top: 5%;
    left: 5%;
    border: 1px solid #000;
    background-color: #fff;
    z-index: 10; /* Sit on top */
    text-align: center;
    color: #000;
    padding: 0.5em;
}

.gmapCont .gmap {
    width: 100%;
    height: 95%;
}

#iubenda-cs-banner {
    bottom: 0 !important;
    left: 0 !important;
    position: fixed !important;
    width: 100% !important;
    z-index: 99999998 !important;
    background-color: #666;
}

.iubenda-cs-content {
    display: block;
    margin: 0 auto;
    padding: 0 20px;
    width: auto;
    font-size: 1em;
    background: #666;
    color: #ddd;
}

.iubenda-cs-rationale {
    position: relative;
    margin: 0 auto;
    padding: 0 2em;
}

.iubenda-banner-content > p {
    line-height: 1.35em;
}

.iubenda-cs-close-btn {
    margin: 0;
    color: #ddd;
    text-decoration: none;
    font-size: 1em;
    position: absolute;
    top: 0;
    right: 0.5em;
    border: none;
}

.iubenda-cs-cookie-policy-lnk {
    text-decoration: underline;
    color: #ddd;
    font-size: 1em;
    font-weight: bold;
}

.iubenda-cs-content, .iubenda-banner-content > p {
    font-family: inherit;
    font-size: 0.9em;
    color: #ddd;
    margin: 0.5em 0;
}

@media (max-width: 767px) {
    .iubenda-cs-content {
        margin: 0.25em 0;
        line-height: 1.2em;
        padding: 0 2px
    }

    .iubenda-cs-rationale {
        font-size: 10px;
        padding: 0 1.5em 0 0.5em;
    }
}

.bootstrap-datetimepicker-widget table td.today:before {
    /*border-bottom-color: #413829 !important;*/
}

.bootstrap-datetimepicker-widget table tr td.active:active,
.bootstrap-datetimepicker-widget table tr td.active.highlighted:active,
.bootstrap-datetimepicker-widget table tr td.active.active,
.bootstrap-datetimepicker-widget table tr td.active.highlighted.active,
.bootstrap-datetimepicker-widget table td span.active {
    /*background-color: #413829 !important;*/
    border-radius: 0;
}

.bootstrap-datetimepicker-widget table td, .bootstrap-datetimepicker-widget table th {
    border-radius: 0;
}

.table-condensed > thead > tr > th, .table-condensed > tbody > tr > th, .table-condensed > tfoot > tr > th, .table-condensed > thead > tr > td, .table-condensed > tbody > tr > td, .table-condensed > tfoot > tr > td {
    padding: 7px;
}

.input-group-addon, .input-group-text {
    background-color: transparent;
}

nav.navbar .scrolled .section-courses .nav-item .text-label {
    color: #1a2b6d !important;
}

.lg-backdrop {
    z-index: 1050;
}

.card-maestro .lingue ul li.italiano {
    background-image: url('/assets/italiano.svg');
}

.card-maestro .lingue ul li.tedesco {
    background-image: url('/assets/tedesco.svg');
}

.card-maestro .lingue ul li.inglese {
    background-image: url('/assets/inglese.svg');
}

.card-maestro .lingue ul li.francese {
    background-image: url('/assets/francese.svg');
}

.card-maestro .lingue ul li.polacco {
    background-image: url('/assets/polacco.svg');
}

.card-maestro .lingue ul li.russo {
    background-image: url('/assets/russo.svg');
}

.card-maestro .lingue ul li.danese {
    background-image: url('/assets/danese.svg');
}

.card-maestro .lingue ul li.spagnolo {
    background-image: url('/assets/spagnolo.svg');
}

/* Forza le dimensioni e il ritaglio per le copertine video */
.card-news .video-thumb-cropped {
    width: 356px; /* Larghezza fissa richiesta */
    height: 356px; /* Altezza fissa richiesta */
    object-fit: cover; /* Ritaglia l'immagine per riempire il quadrato senza deformarla */
    object-position: center; /* Centra il ritaglio */
}

/* Opzionale: per assicurarsi che su mobile non sbordi se il container è più piccolo di 356px */
@media (max-width: 400px) {
    .card-news .video-thumb-cropped {
        width: 100%;
        height: auto;
        aspect-ratio: 1 / 1; /* Mantiene il quadrato anche se si ridimensiona */
    }
}

#mappa span span {
    color: #192b4f;
}

.section-courses-blue {
    color: #1a2b6d !important;
}

#modalHotel .modal-body {
    scrollbar-width: none;
    -ms-overflow-style: none;
}

#modalHotel .modal-body::-webkit-scrollbar {
    display: none;
}

/* Aggiunge un overlay trasparente con bordo sopra l'immagine */
.video-trigger-link::after {
    content: "";
    position: absolute;
    top: -181px;
    left: -1px;
    width: 102%;
    height: 357px;
    border: 9px solid rgba(25, 43, 79, 1);
    box-sizing: border-box;
    border-radius: var(--bs-border-radius) !important;
    z-index: 2;
    pointer-events: none;

}

@media (max-width: 400px) {

    .video-trigger-link::after {
        top: -147px;
        left: -1px;
        height: 293px;
    }
}

@media (max-width: 991.98px) {
    nav.navbar .nav-pill-wrapper a {
        color: #192b4f !important;
    }

    nav.navbar .nav-pill-wrapper .text-eventi {
        color: white !important;
    }
}

.fascione-dove-sciare .wrap h3:before {
    width: 114% !important;
}

@media (min-width: 767px) {
    .padding-bottom-mobile {
        padding-bottom: 3rem !important;
    }
}

.text-eventi{
    color: white!important;
}

@media (max-width: 899px) {
    .map-viewport {
        width: 100%;
        overflow-x: hidden;
        position: relative;
        margin-left: -17px;
    }
}

@media (max-width: 767.98px) {
    .nmt-custom-lupigno{
            margin-top: -2.1rem !important;
        }

    .fascione-kinderpark .mt-ncustom {
         margin-top: -140px!important;
    }
    /*.mt-custom-mobile-logo{*/
    /*    margin-top: 7rem !important;*/
    /*}*/
    .mt-mobile-custom-2{
        margin-top: -30px !important;
    }
}

.hotspot {
    position: absolute;
    display: block;
    /* Debug: decommenta la riga sotto per vedere dove sono le aree mentre le posizioni */
    /* background: rgba(255, 0, 0, 0.3); border: 1px solid red; */

    cursor: pointer;
    z-index: 10;
    transition: background 0.3s;
}

.hotspot.rounded-area {
    border-radius: 50%;

}
.margin-footer{
    padding-top: 110px !important;
}


.fascione-social-wall{
    margin-bottom: -121px !important;
}
.no-linear-gradient:after{
    background: none!important;
}

@media (max-width: 767px) {
    .lupigno-dettaglio{
        padding-top:40px!important;
        width:75%!important;
    }
    .mt-ncustom-sedi{
        padding-top: 145px !important;
    }
    .storia .mt-ncustom, .fascione-location .mt-ncustom {
        margin-top: -279px !important;
    }
    .mt-ncustom-lupigno{
        margin-top: -97px !important;
    }
    .img-storia {
        width: 30%;
    }
    .fascione-storia .wrap.wrap-end {
        margin-right: 0!important;
    }

    .pb-custom-mobile-news{
        padding-bottom:0!important;
    }

    .pt-mobile-custom-common-block{
        padding-top:30px!important;
    }
}

.img-lezioni-correlate {
    font-size: 13px!important;
    padding: 13px!important;
}

#mappa{
    overflow: visible!important;
}
@media (min-width: 750px) and (max-width: 1053px) {
    .vetrina-header {
        margin-left: 80px !important;
    }
}

.section-noleggio{
    flex: 1.2;
    background: rgba(255, 255, 255, 0.6);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    position: relative;
}


nav.navbar .text-noleggio{
    color: #1a2b6d !important;
}

nav.navbar .section-noleggio i{
    color: #1a2b6d !important;
}


nav.navbar .scrolled .section-noleggio {
    background: #F3F6F9 !important;
}

@media (min-width: 767px)  {
    nav.navbar .nav-pill-wrapper {
        width: 652px !important;
    }
}