/*
 Theme Name:   Eduma Child
 Theme URI:    http://educationwp.thimpress.com/
 Description:  Eduma Child Theme
 Author:       ThimPress
 Author URI:   http://thimpress.com
 Template:     eduma
 Version:      1.0.0
 Text Domain:  eduma-child
*/

/* =========================
   ABCD UI – Parcelamento (sidebar)
   ========================= */

:root{
  --abcd-border: rgba(0,0,0,.08);
  --abcd-sep: rgba(0,0,0,.07);

  --abcd-title: rgba(0,0,0,.82);
  --abcd-muted: rgba(0,0,0,.56);
  --abcd-note: rgba(0,0,0,.60);

  --abcd-chip-bg: rgba(0,0,0,.04);
  --abcd-chip-border: rgba(0,0,0,.06);

  --abcd-cash-bg: rgba(0,0,0,.025);
  --abcd-cash-border: rgba(0,0,0,.06);
}

/* ✅ 1) Remove o “box/card” do container e dá padding vertical */
#sidebar .abcd-installments{
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;

  /* padding na altura (top) e bottom */
  padding: 10px 0 16px !important;

  /* mantém respiro antes do botão */
  margin: 8px 0 14px !important;
}

/* ✅ 2) Título: só “Formas de pagamento” e estilo de heading do sidebar
   (a gente substitui o texto via CSS sem mexer no PHP)
*/
#sidebar .abcd-installments .abcd-inst-title{
  /* força sumir o texto original "Parcelamento" mesmo se o tema tentar aplicar font-size */
  font-size: 0 !important;
  line-height: 0 !important;

  margin: 0 0 14px !important;
  padding: 0 !important;
}

#sidebar .abcd-installments .abcd-inst-title::before{
  content: "Formas de pagamento";
  display: block;

  /* visual tipo h3 do bloco do Eduma */
  font-size: 18px;
  line-height: 1.2;
  font-weight: 800;
  color: var(--abcd-title);
}

/* ---- Linhas de parcelas (destaque principal) ---- */
#sidebar .abcd-installments .abcd-inst-row{
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 12px;
  align-items: center;

  padding: 10px 0;
  border-bottom: 1px dashed var(--abcd-sep);
}

#sidebar .abcd-installments .abcd-inst-row:last-of-type{
  border-bottom: none;
}

/* “24x / 30x / 36x” como chip */
#sidebar .abcd-installments .abcd-inst-qty{
  display: inline-flex;
  align-items: center;
  justify-content: center;

  width: fit-content;
  padding: 7px 12px;
  border-radius: 999px;

  background: var(--abcd-chip-bg);
  border: 1px solid var(--abcd-chip-border);

  font-weight: 900;
  font-size: 13px;
  color: rgba(0,0,0,.72);
}

/* Valor da parcela = foco */
#sidebar .abcd-installments .abcd-inst-val{
  font-weight: 900;
  font-size: clamp(14px, 1.6vw, 16px);
  color: rgba(0,0,0,.78);
  font-variant-numeric: tabular-nums;
  letter-spacing: .01em;
}

/* À vista: secundário, discreto */
#sidebar .abcd-installments .abcd-cash{
  margin-top: 12px;

  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;

  padding: 8px 10px;
  border-radius: 12px;

  background: var(--abcd-cash-bg);
  border: 1px solid var(--abcd-cash-border);

  font-size: 12px;
  color: var(--abcd-muted);
  line-height: 1.25;
}

/* garante que não vai aparecer nenhum pseudo antigo */
#sidebar .abcd-installments .abcd-cash::before{
  content: none !important;
}

#sidebar .abcd-installments .abcd-cash strong{
  font-weight: 900;
  font-size: 12px;
  color: rgba(0,0,0,.72);
  font-variant-numeric: tabular-nums;
}

/* Nota / rodapé */
#sidebar .abcd-installments .abcd-inst-note{
  margin-top: 10px;
  font-size: 11px;
  color: var(--abcd-note);
  opacity: .9;
  line-height: 1.35;
}

#sidebar .abcd-installments .abcd-inst-note::before{
  content: "ℹ︎ ";
  opacity: .7;
}

/* =========================
   Sticky bar (DESATIVADO por enquanto)
   ========================= */
.abcd-installments-trigger[data-abcd-mounted="sticky"]{
  display: none !important;
}

/* =========================
   Remover preço padrão acima da tabela (sidebar)
   ========================= */
body.single-lp_course #sidebar .course-payment .course-price,
body.single-lp_course #sidebar .course-payment-info .course-price,
body.single-lp_course #sidebar .course-payment .lp-course-price,
body.single-lp_course #sidebar .course-payment-info .lp-course-price{
  display: none !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* =========================
   Mobile polish
   ========================= */
@media (max-width: 420px){
  #sidebar .abcd-installments{
    padding: 8px 0 14px !important;
    margin-bottom: 12px !important;
  }

  #sidebar .abcd-installments .abcd-inst-title::before{
    font-size: 16px;
  }

  #sidebar .abcd-installments .abcd-inst-row{
    padding: 9px 0;
  }
}