body {background-color:#050F29; color:white}

.no-padding {padding:0px!important}
.grecaptcha-badge {visibility:hidden}
.events-row > .disabled .empty {background-color:transparent}
.event-checkbox.disabled, .event-checkbox-reconciliated.disabled {cursor:pointer!important}
.event-checkbox-hc.disabled {cursor:pointer!important}
.event-cta {position:relative;bottom:0px!important;margin-left:0px!important;width:480px!important;background-color:#ff6f31 !important;color:#ffffff!important;border-color:#ffffff!important}

.d-flex.plz-hide-dkstp {display: none!important;}
.d-flex.plz-hide-mobile {display: flex!important}
.discounted-price {display:inline-block;width:100%}

.btn-group-lg > .btn.unavailable {cursor:not-allowed!important;border-color:#FF3333!important}
.btn-group-lg > .btn.unavailable.already-bought {cursor:default!important;border-color:#12A120!important}

.small-text-spaced {font-size: 0.75rem;font-weight:400;margin-bottom:0rem}
@media (max-width: 1024.98px) {
    .small-text-spaced {margin-bottom:0.5rem}
}


@media (max-width: 1024.98px) {
    .resp-mt-5 {margin-top: 2rem !important; }
    .resp-mb-5 {margin-bottom: 2rem !important; }
}

.slickkozzo-prev,
.slickkozzo-next {cursor: pointer;}

#checkoutStep1 .btn-group-lg > .btn.is-invalid {opacity:1;background:#dc3545}

/* Honey */
.middle-name {display:none!important}

.icon-15 {width:15px!important;width:15px!important}

.out-of-office {margin-bottom:1rem;padding:1.125rem 1rem;border:2px solid #FF3333;background:#FCE8E8;color:#FF3333;border-radius:0.25rem}
.out-of-office.checkout-lessons {margin-left:0.25rem;margin-right:0.25rem}
.out-of-office.form {text-align:left!important}
.out-of-office p {margin-bottom:0px}

.after-sponsor-homepage {margin-top:100px !important}

.lesson-report-obj {font-size:0.9rem}

.radar-info {display:block;position:relative;float:right;left:auto;top:6px;right:2px}
.radar-description {border-radius:12px;border:1px solid #fff;padding:6px 6px;text-align:center;font-size:15px;margin:0px 28px 12px}

.overflow-hidden {overflow:hidden!important}
.slick-prev::before, .slick-next::before {position:relative;top:3px;padding-right:6px}
.slider-fullwidth-text .slick-next {position:relative;top:-10px;left:0px;width:auto}

/* FAQ */
.accordion-faq { background-color: #f7f7f7; color: #202020; cursor: pointer; padding: 15px; padding-right: 30px; width: 100%; text-align: left; border: none; outline: none; transition: background-color 0.4s ease-out; position: relative; font-weight: bold; } 
.accordion-faq .icon { position: absolute; right: 10px; top: 50%; transform: translateY(-50%); font-size: 16px; } 
.accordion-faq.active {border-bottom: 1px solid #D0D3D7}
.accordion-faq:after { content: "+"; font-size: 30px; font-weight:normal; color: #202020; position: absolute; top: 5px; right: 20px; } 
.accordion-faq.active:after { content: "-"} 
.panel-faq { color:#202020; max-height: 0; overflow: hidden; transition: max-height 0.3s ease-out; background:#fff;border-bottom: 1px solid #D0D3D7; } 
.panel-faq-content { padding: 20px; } 
.panel-faq:last-child { border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; }
.faq-wrapper {overflow:hidden; border-radius: 5px; }

@media (max-width: 1024.98px) {
    .event-cta {margin-top:1.5rem;width:100%!important}
    .d-flex.plz-hide-mobile {display: none!important}
    .d-flex.plz-hide-dkstp {display: flex!important}

    .after-sponsor-homepage {margin-top:60px !important}

    .slider-fullwidth-text .slick-next {top:10px}

    .accordion {padding-right: 40px; }
}

@media (max-width: 1024.98px) {
    .col-closer-right {padding-right:6px}
    .col-closer-left {padding-left:6px}
}

.dark-text {color:#050F29 !important}
footer {background-color: #050F29 !important; padding-top:45px; color:white}

/* Badge legali del footer — stessa resa dei badge iubenda, senza logo (pagina interna) */
.footer-legal-badge {display:inline-block;vertical-align:middle;padding:4px 8px;border-radius:3px;background-color:#fff;color:rgba(0,0,0,0.65);font-family:-apple-system, sans-serif;font-size:11px;font-weight:bold;line-height:1.25;white-space:nowrap;text-decoration:none;box-shadow:inset 0 0 0 1px rgba(0,0,0,0.15), 0 1px 1px -1px rgba(0,0,0,0.15)}
.footer-legal-badge:hover, .footer-legal-badge:focus {background-color:#ddd;color:rgba(0,0,0,0.65);text-decoration:none}
.footer-legal-badge:active {background-color:#ccc}

/* --- Tendine delle select (select2) ---------------------------------------
   Aprendosi sul contenuto senza nessuno stacco sembravano parte della pagina,
   sovrapposte per errore. Bordo, angoli e ombra le fanno leggere come un
   livello che sta SOPRA, e le due voci (scelta attuale / voce sotto il mouse)
   diventano distinguibili. */
.select2-container--default .select2-dropdown {
    background: #23293A;
    border: 1px solid rgba(255, 255, 255, 0.14);
    border-radius: 0.5rem;
    box-shadow: 0 0.75rem 2rem rgba(0, 0, 0, 0.55);
    overflow: hidden;
}

/* La tendina si apre a filo del campo: si smussano solo gli angoli esterni */
/* Lo stacco dal campo non e' solo estetico: tiene le voci lontane dal punto in cui
   si e' cliccato per aprire, che e' meta' del problema del click che sceglie da solo */
.select2-container--default .select2-dropdown--below {
    border-top-left-radius: 0.5rem;
    border-top-right-radius: 0.5rem;
    margin-top: 20px;
}
.select2-container--default .select2-dropdown--above {
    border-bottom-left-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem;
}

.select2-container--default .select2-results__option {
    color: rgba(255, 255, 255, 0.85);
}

/* La scelta attuale era invisibile (sfondo trasparente) */
.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: rgba(255, 111, 49, 0.18);
    color: #fff;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background: #FF6F31;
    color: #fff;
}

/* Campo aperto: si vede che è lui a comandare la tendina */
.select2-container--open .select2-selection--single {
    box-shadow: 0 0 0 2px rgba(255, 111, 49, 0.45);
}