
/* =========================
   Edutools Course Carousel (BLOCO)
   - SOMENTE carrossel (layout/scroll/controles)
   - Cards (summary/CTA/altura) sﾃ｣o do tema: _cards.scss
   ========================= */

/* Wrapper do carrossel (HTML usa .edcrc-wrapper) */
.block_edutools_course .edcrc-wrapper{
  position: relative;
  width: 100%;
}

/* Viewport corta o track para translate funcionar */
.block_edutools_course .edcrc-viewport{
  width: 100%;
  overflow: hidden;
}

.block_edutools_course .edcrc-track {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: calc((100% - 72px) / 4);
    gap: 24px;
    justify-content: start;
    align-items: start;
    transition: transform .25s ease;
    will-change: transform;
}
@media (max-width: 1100px) {
    .block_edutools_course .edcrc-track {
        grid-auto-columns: calc((100% - 24px) / 2);
        gap: 24px;
    }
}

@media (max-width: 780px) {
    .block_edutools_course .edcrc-track {
        grid-auto-columns: 100%;
        gap: 0;
    }
}

.block_edutools_course article.edcrc-card.card {
    padding: 0;
    border: 0;
    background: transparent;
    box-shadow: none;
}


/* N encolher os cards do tema dentro do bloco */
.block_edutools_course .dashboard-card,
.block_edutools_course .ed-card,
.block_edutools_course .card.dashboard-card{
  width: 100% !important;
  max-width: 100% !important;
}

/* Controles prev/next */
.block_edutools_course .edcrc-controls{
  position: absolute;
  right: 8px;
  top: -44px;
  display: flex;
  gap: 6px;
}

.block_edutools_course .edcrc-btn{
  width: 32px;
  height: 32px;
  border-radius: 10px;
  border: 1px solid rgba(0,0,0,.12);
  background: var(--edutools-bg-white);
  color: inherit;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.block_edutools_course .edcrc-btn:disabled{
  opacity: .4;
  cursor: default;
}


/* =========================================
   Igualar altura dos cards no CARROSSEL
   (somente no bloco)
   ========================================= */

.block_edutools_course .edcrc-track {
  align-items: stretch; /* garante que os itens estiquem igual */
}

.block_edutools_course .edcrc-card {
    width: 100%;
    min-width: 0;
    margin: 0;
}

/* força o card do tema a ocupar a altura toda e distribuir body/footer */
.block_edutools_course .edcrc-card .ed-card {
  height: 100%;
  display: flex;
  flex-direction: column;
}

/* body cresce, footer fica embaixo */
.block_edutools_course .edcrc-card .ed-card__body {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
}

/* teacher e rating podem ocupar, mas o CTA sempre desce */
.block_edutools_course .edcrc-card .ed-card__footer {
  margin-top: auto;
}