/* CN_WPA_MARKER_UI_OVERRIDES */


/* ==========================================================
 * CN WPA — UI overrides
 * ========================================================== */

/* ----------------------------------------------------------
 * 1) “Modo compra”: ocultar SOLO botones/estado nativo
 *    (NO ocultar .bb-course-volume: ahí viven chips + incluido)
 * ---------------------------------------------------------- */
.bb-single-course-sidebar.cn-hide-native-join-actions .ld-course-status-action .btn-join,
.bb-single-course-sidebar.cn-hide-native-join-actions .ld-course-status-action .ld-course-status-action-btn,
.bb-single-course-sidebar.cn-hide-native-join-actions .bb-course-status-wrap{
  display: none !important;
}


/* ----------------------------------------------------------
 * 2) Metodología/Objetivo: evitar flash antes de recolocar
 * ---------------------------------------------------------- */
.cn-course-extra { display: none; }
.cn-course-extra.cn-ready { display: block; }


/* Extraidos del panel de wp - "BuddyBoss -> Opciones del tema -> Codigos Personalizados" */


.cn-course-sidebar-card{
  border: 1px solid rgba(0,0,0,.08);
  border-radius: 12px;
  padding: 14px;
  margin: 12px 0;
  background: #fff;
}

.cn-course-sidebar-card__head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-bottom:10px;
}

.cn-badge{
  font-size: 12px;
  padding: 3px 8px;
  border-radius: 999px;
  background: rgba(0,0,0,.06);
}

.cn-course-sidebar-card__list{
  list-style:none;
  padding:0;
  margin:0;
}

.cn-course-sidebar-card__list li{
  display:flex;
  justify-content:space-between;
  gap:12px;
  padding: 6px 0;
  border-top: 1px solid rgba(0,0,0,.06);
}

.cn-course-intro{
  margin-bottom: 18px;
}

.cn-course-intro__box{
  padding: 12px 14px;
  border: 1px solid rgba(0,0,0,.08);
  border-radius: 12px;
  background: rgba(0,0,0,.02);
}

.cn-course-extra{
  margin: 0 0 16px;
}
#cn-course-extra { visibility: hidden; }
#cn-course-extra.cn-ready { visibility: visible; }


.cn-ld-block{
  margin: 0 0 14px;
}

/* Ajuste leve para que el cuerpo no quede pegado al h2 */
.cn-ld-body{
  margin-top: 8px;
}

.cn-ld-body p:last-child{
  margin-bottom: 0;
}

/*.cn-course-extra{
  margin: 14px 0;
  display: grid;
  gap: 12px;
}*/

/* Recuadro */
.cn-course-box{
  background: #616f5c12;
  border: 1px solid rgba(0,0,0,.08);
  border-radius: 12px;
  padding: 14px;
}

/* Título con presencia (sin depender del h2 de LearnDash) */
.cn-course-box__title{
  margin: 0 0 16px;
  font-size: 16px;
  line-height: 1.2;
  font-weight: 700;
}

/* Contenido */
.cn-course-box__body{
  font-size: 14px;
  line-height: 1.6;
}
.cn-course-box__body p:last-child{
  margin-bottom: 0;
}
.course-lesson-count{
  display:none;
}

.bb-learndash-banner{background-color:#616F5C !important;}

.precio-ld-cerrado {
    color: white;
    font-size:1.4rem;
}


/* ==========================================================
 * CN WPA — Course Extra layout (evitar ancho “raro”)
 * ========================================================== */
#cn-course-extra{
  width: 100%;
  max-width: 100%;
}

.learndash-wrapper--course #cn-course-extra{
  margin-top: 0;
}


/* ==========================================================
 * CN WPA — Espaciado Metodología / Objetivo
 * ========================================================== */
#cn-course-extra.cn-course-extra{
  display: grid !important;
  gap: 28px !important;
  margin: 14px 0 40px !important;
}