/* === Custom Tutor Overrides === */

/* Override: Se si vuole raccogliere gli override di Tutor separatamente... */
/* Occorre attivare il caricamento in functions.php */

/* Scroll separati in vista corso per quando ci sono molte lezioni */
/* Bottoni 'Precedente' e 'Successivo' agganciati al fondo pagina */

    @media (min-width: 1200px) {
      /* wrapper a due colonne */
      .tutor-course-single-content-wrapper.tutor-spotlight-mode {
        display: flex !important;
        align-items: flex-start !important;
      }
      /* sidebar scrollabile e sempre visibile */
      .tutor-course-single-sidebar-wrapper.tutor-lesson-sidebar {
        flex-shrink: 0 !important;           /* non si contrae */
        max-height: 100vh !important;        /* altezza finestra */
        overflow-y: auto !important;         /* scroll interno */
        position: sticky !important;
        top: 0 !important;                   /* sempre in testa */
      }
      /* colonna destra in flex column e limitata all’altezza finestra */
      #tutor-single-entry-content {
        display: flex !important;
        flex-direction: column !important;
        max-height: 100vh !important;
        width: 100% !important;
        overflow: hidden !important;
      }
      /* header sempre visibile in cima */
      .tutor-course-topic-single-header {
        position: sticky !important;
        top: 0 !important;
        z-index: 10 !important;
        /* background: #fff !important; */
        /* mantenere il background originale del tema */
        /* background: inherit !important; */
      }
      /* corpo centrale scrollabile */
      .tutor-course-topic-single-body {
        flex: 1 !important;
        overflow-y: auto !important;
        padding-bottom: 4rem !important;    /* spazio per footer */
      }
      /* footer sempre “appiccicato” in fondo */
      .tutor-course-topic-single-footer {
        position: sticky !important;
        bottom: 0 !important;
        z-index: 10 !important;
        /* background: #fff !important; */
        padding: 0.5rem 1rem !important;
      }

      /* Per riquadro "Dettagli" dopo completamento di un quiz, cha altrimenti resta bloccato in alto */

      /* Dentro il content wrapper, fai sì che il quiz riempia lo spazio rimanente e scrolli */
      #tutor-single-entry-content > .tutor-quiz-wrapper {
        display: flex !important;
        flex: 1 1 auto !important;
        overflow-y: auto !important;
      }
      /* Se servisse applicarlo al wrapper interno */
      #tutor-single-entry-content .tutor-quiz-wrap {
        flex: 1 1 auto !important;
        overflow-y: auto !important;
      }

    }