/* JUPITER ACADEMY — TOP NAVIGATION REFINEMENT */

.jsa-lesson-hero,
.jsa-quiz-hero{
  padding-top:24px!important;
}

.jsa-top-nav :is(#zartom-top-nav-force,.zartom-lesson-prev-next){
  margin:0!important;
}

.jsa-lesson-hero .jsa-top-nav,
.jsa-quiz-hero .jsa-top-nav{
  width:100%!important;
  max-width:100%!important;
  margin:0 0 70px!important;
}

.jsa-quiz-hero .jsa-quiz-context-action-top{
  margin:0 0 12px!important;
}
.jsa-quiz-hero .jsa-quiz-context-action-top:empty{
  display:none!important;
  margin:0!important;
}

.jsa-top-nav :is(#zartom-top-nav-force,.zartom-lesson-prev-next) .zcmpn-card{
  padding:11px 14px!important;
  border-radius:12px!important;
  box-shadow:0 5px 14px rgba(16,27,77,.055)!important;
}

.jsa-top-nav :is(#zartom-top-nav-force,.zartom-lesson-prev-next) .zcmpn-label{
  font-size:11px!important;
  line-height:1.08!important;
  margin:0 0 4px!important;
}

.jsa-top-nav :is(#zartom-top-nav-force,.zartom-lesson-prev-next) .zcmpn-title{
  font-size:14px!important;
  line-height:1.22!important;
  font-weight:750!important;
}

.jsa-top-nav :is(#zartom-top-nav-force,.zartom-lesson-prev-next) .zcmpn-meta{
  font-size:10.5px!important;
  line-height:1.12!important;
  margin:4px 0 0!important;
}

@media(max-width:767px){
  .jsa-lesson-hero,
  .jsa-quiz-hero{
    padding-top:14px!important;
  }

  .jsa-lesson-hero .jsa-top-nav,
  .jsa-quiz-hero .jsa-top-nav{
    margin-bottom:56px!important;
  }

  .jsa-quiz-hero .jsa-quiz-context-action-top{
    margin-bottom:10px!important;
  }

  .jsa-top-nav :is(#zartom-top-nav-force,.zartom-lesson-prev-next) .zcmpn-grid{
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    gap:10px!important;
  }

  .jsa-top-nav :is(#zartom-top-nav-force,.zartom-lesson-prev-next) .zcmpn-card{
    min-height:42px!important;
    padding:9px 12px!important;
    display:flex!important;
    align-items:center!important;
  }

  .jsa-top-nav :is(#zartom-top-nav-force,.zartom-lesson-prev-next) .zcmpn-card[style*="text-align:right"]{
    justify-content:flex-end!important;
  }

  .jsa-top-nav :is(#zartom-top-nav-force,.zartom-lesson-prev-next) .zcmpn-label{
    display:block!important;
    width:100%!important;
    margin:0!important;
    font-size:12px!important;
    line-height:1!important;
    white-space:nowrap!important;
  }

  .jsa-top-nav :is(#zartom-top-nav-force,.zartom-lesson-prev-next) .zcmpn-title,
  .jsa-top-nav :is(#zartom-top-nav-force,.zartom-lesson-prev-next) .zcmpn-meta{
    display:none!important;
  }
}