/* Botão que abre o modal */
.enerlight-btn{
  background:#0b63ce;
  color:#fff;
  border:0;
  padding:10px 18px;
  font-weight:700;
  border-radius:10px;
  cursor:pointer;
  box-shadow:0 4px 14px rgba(11,99,206,.18);
  transition:transform .06s ease, box-shadow .2s ease, filter .2s ease;
}
.enerlight-btn:hover{ filter:brightness(1.05); box-shadow:0 6px 18px rgba(11,99,206,.24);}
.enerlight-btn:active{ transform:translateY(1px); }

/* Modal */
.enerlight-modal{
  display:none; position:fixed; inset:0; z-index:9999;
  background:rgba(10,20,30,.55);
  backdrop-filter:saturate(110%) blur(1.5px);
}
.enerlight-modal-content{
  background:#fff;
  width:min(560px, 92vw);
  margin:6vh auto;
  border-radius:20px;
  padding:18px 18px 16px;
  box-shadow:0 22px 60px rgba(0,0,0,.25);
  position:relative;
  font-family:ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji";
}

/* Fechar (X) */
.enerlight-close{
  position:absolute; right:12px; top:12px;
  width:36px; height:36px; border-radius:999px;
  border:0; background:#0b63ce; color:#fff; font-size:20px;
  display:grid; place-items:center; cursor:pointer;
  box-shadow:0 6px 16px rgba(11,99,206,.3);
}

/* Título */
.enl-title{
  margin:8px 56px 12px 12px;
  font-size:22px; font-weight:800; color:#14223a;
}

/* Abas (pills) */
.enerlight-tabs{
  display:flex; gap:10px; margin:0 12px 12px; flex-wrap:wrap;
}
.enl-tab{
  appearance:none; border:0; cursor:pointer;
  background:#eef3fb; color:#1a2b47; font-weight:800;
  padding:8px 14px; border-radius:999px;
  box-shadow:inset 0 -1px 0 rgba(0,0,0,.04);
}
.enl-tab.enl-active{ background:#0b63ce; color:#fff; }

/* Painéis (exibe só o ativo) */
.enl-panel{ display:none; }
.enl-panel.enl-panel-active{ display:block; }
.enl-sub{ margin:2px 0 12px; color:#4b5e75; }

/* Tabela de parcelas mais limpa */
.enl-installments{
  display:grid; gap:8px; margin:0 8px 8px;
}
.enl-installment-row{
  display:grid; grid-template-columns: 46px 1fr auto;
  align-items:center; gap:10px;
  padding:10px 12px; border:1px solid #e7edf6; border-radius:12px;
  background:#fff;
  box-shadow:0 1px 0 rgba(20,34,58,.02);
}
.enl-installment-row .enl-left{ font-weight:900; color:#14223a; }
.enl-installment-row .enl-mid{ font-weight:800; color:#0e1c33; }
.enl-installment-row .enl-right{ font-size:13px; color:#5b6b82; }
.enl-tag{
  display:inline-block; margin-left:6px; padding:2px 8px; border-radius:999px;
  background:#e6f7ee; color:#16794f; font-style:normal; font-weight:800; font-size:11px;
}

/* Linhas PIX/BOLETO como cartões */
.enl-payline{
  display:flex; align-items:center; gap:12px;
  padding:14px; border:1px solid #e7edf6; border-radius:14px;
  background:#fbfdff; margin:8px 8px 10px;
  box-shadow:0 1px 0 rgba(20,34,58,.02);
}
.enl-payicon{ font-size:28px; }
.enl-paytitle{ font-weight:900; color:#14223a; font-size:18px; }
.enl-payvalue{ font-weight:900; color:#14223a; font-size:18px; }
.enl-paydesc{ color:#475a73; }
.enl-note{ font-size:12px; color:#607086; margin:6px 10px; }

/* Normalizar spans do Woo nos preços */
#enerlight-payment-modal .amount,
#enerlight-payment-modal .amount bdi,
#enerlight-payment-modal .woocommerce-Price-amount,
#enerlight-payment-modal .woocommerce-Price-currencySymbol{
  font:inherit; line-height:inherit; letter-spacing:inherit;
}
/* ===== GRID RELACIONADOS ===== */
.related ul.products {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));
  gap: 22px;
  justify-items: center;
}

/* ===== CARD ===== */
.related ul.products li.product {
  background: #fff;
  border-radius: 16px;
  box-shadow: 0 8px 22px rgba(0,0,0,.08);
  padding: 18px 16px;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  transition: transform .08s ease, box-shadow .2s ease;
}
.related ul.products li.product:hover {
  transform: translateY(-2px);
  box-shadow: 0 12px 28px rgba(0,0,0,.12);
}

/* ===== ORDEM DOS ELEMENTOS ===== */
.related ul.products li.product .woocommerce-LoopProduct-link { order: 1; width: 100%; }
.related ul.products li.product .woocommerce-loop-product__title { order: 2; }
.related ul.products li.product .enerlight-related-price { order: 3; }
.related ul.products li.product .star-rating,
.related ul.products li.product .woocommerce-product-rating { order: 4; }
.related ul.products li.product .button { order: 5; }

/* ===== IMAGEM ===== */
.related ul.products li.product .woocommerce-LoopProduct-link img {
  width: 78% !important;
  max-width: 220px;
  display: block;
  margin: 6px auto 18px;  /* espaço da imagem para o preço */
  object-fit: contain;
}

/* Oculta categoria/metas nessa área */
.related ul.products li.product .ast-woo-product-category,
.related ul.products li.product .woocommerce-loop-product__category,
.related ul.products li.product .posted_in,
.related ul.products li.product .product_meta,
.related ul.products li.product .product-cat { display: none !important; }

/* ===== TÍTULO ===== */
.related ul.products li.product .woocommerce-loop-product__title {
  font-size: 14px;
  font-weight: 800;
  line-height: 1.25;
  text-align: center;
  min-height: 40px;   /* até 2 linhas */
  margin: 0 0 6px 0;
  color: #1f2a38;
}

/* ===== PREÇOS ===== */
.related ul.products li.product .price { display: none !important; } /* esconde preço padrão */

.related .enerlight-related-price { line-height: 1.25; }
.related .enerlight-related-price .enl-price-main {
  color: #0b63ce;       /* azul */
  font-weight: 900;
  font-size: 20px;
}
.related .enerlight-related-price .enl-price-sub {
  margin-top: 4px;
  font-size: 13px;
  font-weight: 800;
}
.related .enerlight-related-price .enl-price-sub .enl-green {
  color: #1a7f37;       /* verde */
}
.related .enerlight-related-price .enl-or-installments {
  margin-top: 6px;
  color: #6b7280;       /* cinza */
  font-size: 13px;
  font-weight: 600;
}

/* Normaliza spans do Woo em preços */
.related .enerlight-related-price .amount,
.related .enerlight-related-price .amount bdi,
.related .enerlight-related-price .woocommerce-Price-amount,
.related .enerlight-related-price .woocommerce-Price-currencySymbol {
  font: inherit; line-height: inherit; letter-spacing: inherit;
}

/* ===== ESTRELAS ===== */
.related ul.products li.product .star-rating,
.related ul.products li.product .woocommerce-product-rating {
  margin: 8px auto 8px; float: none;
}

/* ===== BOTÃO ===== */
.related ul.products li.product .button {
  background: #0b63ce;
  color: #fff;
  border: 0;
  border-radius: 12px;
  padding: 10px 14px;
  font-weight: 800;
  margin-top: 6px;
  width: 100%;
  max-width: 220px;
}
.related ul.products li.product .button:hover { filter: brightness(1.06); }

/* ===== GRID ===== */
.related ul.products {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));
  gap: 24px;
  justify-items: center;
}

/* ===== CARD ===== */
.related ul.products li.product {
  background: #fff;
  border-radius: 16px;
  box-shadow: 0 8px 24px rgba(0,0,0,.08);
  padding: 20px 16px;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  transition: all .2s ease;
}
.related ul.products li.product:hover {
  transform: translateY(-2px);
  box-shadow: 0 12px 32px rgba(0,0,0,.12);
}

/* ===== IMAGEM ===== */
.related ul.products li.product .woocommerce-LoopProduct-link img {
  width: 78% !important;
  max-width: 220px;
  margin: 8px auto 18px;
  object-fit: contain;
  display: block;
}

/* remove categoria */
.related ul.products li.product .ast-woo-product-category,
.related ul.products li.product .woocommerce-loop-product__category,
.related ul.products li.product .posted_in,
.related ul.products li.product .product_meta,
.related ul.products li.product .product-cat {
  display: none !important;
}

/* ===== TÍTULO ===== */
.related ul.products li.product .woocommerce-loop-product__title {
  font-size: 14px;
  font-weight: 800;
  line-height: 1.3;
  text-align: center;
  color: #1f2a38;
  margin: 4px 0 10px 0;
  min-height: 40px;
}

/* ===== BLOCO DE PREÇO ===== */
.related ul.products li.product .price { display: none !important; }

.related .enerlight-related-price {
  text-align: center;
  line-height: 1.25;
  margin-bottom: 12px;
  width: 100%;
}
.related .enerlight-related-price .enl-price-main {
  color: #0b63ce;       /* azul */
  font-weight: 900;
  font-size: 20px;
}
.related .enerlight-related-price .enl-price-sub {
  margin-top: 4px;
  font-size: 13px;
  font-weight: 800;
  color: #1a7f37;       /* verde */
}
.related .enerlight-related-price .enl-or-installments {
  margin-top: 6px;
  color: #6b7280;       /* cinza */
  font-size: 13px;
  font-weight: 600;
}

/* normaliza spans Woo */
.related .enerlight-related-price .amount,
.related .enerlight-related-price .amount bdi,
.related .enerlight-related-price .woocommerce-Price-amount,
.related .enerlight-related-price .woocommerce-Price-currencySymbol {
  font: inherit;
  line-height: inherit;
  letter-spacing: inherit;
}

/* ===== ESTRELAS ===== */
.related ul.products li.product .star-rating,
.related ul.products li.product .woocommerce-product-rating {
  margin: 10px auto 8px;
  float: none !important;
  display: inline-block;
  text-align: center;
}

/* ===== BOTÃO ===== */
.related ul.products li.product .button {
  background: #0b63ce;
  color: #fff;
  border: 0;
  border-radius: 12px;
  padding: 10px 16px;
  font-weight: 800;
  width: 100%;
  max-width: 220px;
  text-align: center;
  margin: 10px auto 0;
  display: block;
}
.related ul.products li.product .button:hover {
  filter: brightness(1.06);
  transform: translateY(-1px);
}

/* ===== GARANTE CENTRALIZAÇÃO TOTAL ===== */
.related ul.products li.product * {
  text-align: center !important;
  justify-content: center !important;
}