/*
 * Evolury Tiered Pricing — single product page.
 * Tabela de faixas + status + marcador da faixa ativa (.is-active).
 * Escopo total na `.evg-tp` pra não vazar pro tema.
 */

.evg-tp {
  margin: 1rem 0 1.25rem;
  padding: 1.1rem 1.25rem;
  background: rgba(12, 145, 235, .04);
  border: 1px solid rgba(12, 145, 235, .18);
  border-radius: 12px;
  font-size: .95rem;
}
.evg-tp__head { margin-bottom: .75rem; }
.evg-tp__title {
  margin: 0 0 .25rem;
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: -.005em;
  color: var(--evolury-accent, #0c91eb);
}
.evg-tp__hint {
  margin: 0;
  font-size: .78rem;
  line-height: 1.45;
  color: #71717a;
}

.evg-tp-table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  margin-top: .25rem;
  background: #fff;
  border-radius: 8px;
  overflow: hidden;
  border: 1px solid rgba(0, 0, 0, .08);
}
.evg-tp-table thead th {
  background: #f9fafb;
  font-size: .72rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .04em;
  color: #71717a;
  text-align: left;
  padding: .65rem .9rem;
  border-bottom: 1px solid rgba(0, 0, 0, .08);
}
.evg-tp-table tbody th,
.evg-tp-table tbody td {
  padding: .75rem .9rem;
  text-align: left;
  border-bottom: 1px solid #f4f4f5;
  vertical-align: middle;
}
.evg-tp-table tbody tr:last-child th,
.evg-tp-table tbody tr:last-child td {
  border-bottom: 0;
}
.evg-tp-table tbody th { font-weight: 600; color: #18181b; }
.evg-tp-table__price strong { color: var(--evolury-accent, #0c91eb); font-size: 1.05rem; }
.evg-tp-table__unit { color: #71717a; font-weight: 400; font-size: .8rem; margin-left: .15rem; }
.evg-tp-table__savings { color: #047857; font-size: .85rem; font-weight: 500; }

/* Faixa ativa */
.evg-tp-row.is-active {
  background: rgba(12, 145, 235, .08);
  position: relative;
}
.evg-tp-row.is-active th::before {
  content: '✓';
  color: var(--evolury-accent, #0c91eb);
  font-weight: 700;
  margin-right: .35rem;
}
.evg-tp-row.is-active .evg-tp-table__price strong { color: #047857; }

.evg-tp__status {
  margin: .75rem 0 0;
  padding: .5rem .7rem;
  font-size: .78rem;
  font-weight: 500;
  line-height: 1.4;
  border-radius: 8px;
  background: #f4f4f5;
  color: #52525b;
}
.evg-tp__status:empty { display: none; }
.evg-tp__status.is-saving { background: rgba(4, 120, 87, .09); color: #047857; }
.evg-tp__status.is-top { background: rgba(12, 145, 235, .09); color: var(--evolury-accent, #0c91eb); font-weight: 600; }

/* Strikethrough no preço principal do produto (cabeçalho summary) */
.evg-tp-price-swap del { color: #a1a1aa; margin-right: .4rem; }
.evg-tp-price-swap ins { text-decoration: none; color: #047857; font-weight: 700; }

/* Rodapé totals da grade — strikethrough no R$ total quando faixa ativa */
.evg__totals.evg-tp-discounted [data-evg-price-original] {
  text-decoration: line-through;
  color: #a1a1aa;
  margin-right: .35rem;
  font-weight: 400;
}
.evg__totals.evg-tp-discounted [data-evg-price] { color: #047857; font-weight: 700; }

/* Loop / archive: "Até R$ X em atacado" antes do preço regular do card */
.evg-tp-loop {
  display: block;
  font-size: .78rem;
  font-weight: 600;
  letter-spacing: .01em;
  color: #047857;
  margin-bottom: .15rem;
}
.evg-tp-loop .woocommerce-Price-amount {
  font-weight: 700;
  color: inherit;
}
.evg-tp-loop-regular {
  display: block;
  font-size: .85rem;
  color: #71717a;
}

@media (max-width: 600px) {
  .evg-tp { padding: 1rem; }
  .evg-tp-table thead th,
  .evg-tp-table tbody th,
  .evg-tp-table tbody td {
    padding: .6rem .65rem;
    font-size: .85rem;
  }
  .evg-tp-table__savings { font-size: .78rem; }
}
