/* Footer smaller middle column */
.ast-builder-grid-row-3-equal .ast-builder-grid-row {
	grid-template-columns: 4fr 1fr 4fr;
}
/* Stylizacja całego boxa z punktami */
.loyalty-box {
  background: #05080C; /* czarne tło */
  padding: 20px;
  border-radius: 12px;
  box-shadow: 0 0 20px rgba(92, 225, 230, 0.3);
  margin: 20px auto;
  max-width: 800px;
  text-align: center;
}

/* Nagłówek "Twoje punkty" */
.loyalty-box h2,
.loyalty-box .mycred-balance-title {
  color: #a24dca; /* fiolet */
  font-size: 28px;
  margin-bottom: 20px;
  font-weight: bold;
  text-transform: uppercase;
}

/* Saldo punktów */
.loyalty-box .mycred-balance {
  font-size: 36px;
  color: #5ce1e6; /* turkus */
  margin-bottom: 30px;
  font-weight: bold;
}

/* Tabela historii */
.loyalty-box table.mycred-history-table {
  width: 100%;
  border-collapse: collapse;
  margin-top: 20px;
}

/* Nagłówki tabeli */
.loyalty-box table.mycred-history-table th {
  background: #a24dca; /* fiolet */
  color: #fff;
  padding: 12px;
  text-transform: uppercase;
  font-size: 14px;
}

/* Komórki tabeli */
.loyalty-box table.mycred-history-table td {
  background: #0e0e12;
  color: #5ce1e6; /* turkusowy tekst */
  padding: 10px;
  border-bottom: 1px solid #222;
  font-size: 14px;
}

/* Ostatni wiersz bez obramowania */
.loyalty-box table.mycred-history-table tr:last-child td {
  border-bottom: none;
}
/* Box */
.loyalty-progress{
  max-width: 900px;
  margin: 24px auto 40px;
  padding: 16px 18px;
  background:#05080C;
  border:1px solid #2a2f36;
  border-radius:14px;
  box-shadow:0 0 18px rgba(162,77,202,.18);
  color:#cfeffc;
}

/* Nagłówek */
.loyalty-progress .lp-head{
  display:flex; align-items:center; justify-content:space-between;
  margin-bottom:12px;
}
.loyalty-progress .lp-title{ font-weight:700; letter-spacing:.4px; color:#a24dca; text-transform:uppercase; }
.loyalty-progress .lp-count{ font-size:18px; color:#5ce1e6; }

/* Tor */
.loyalty-progress .lp-track{
  position:relative; height:12px; border-radius:999px; overflow:hidden;
  background:linear-gradient(90deg,#10151c,#0b0f14);
  border:1px solid #2a2f36;
}
.loyalty-progress .lp-fill{
  height:100%; width:0%;
  background:linear-gradient(90deg,#a24dca,#5ce1e6);
  transition:width .6s ease;
}
.loyalty-progress .lp-thumb{
  position:absolute; top:50%; transform:translate(-50%,-50%);
  width:18px; height:18px; border-radius:50%;
  background:#5ce1e6; border:2px solid #0b0f14; box-shadow:0 0 0 3px rgba(92,225,230,.28);
}

/* Skala pod spodem */
.loyalty-progress .lp-scale{
  display:flex; justify-content:space-between; margin-top:10px;
  font-size:12px; color:#8999aa;
}
@media (max-width:600px){
  .loyalty-progress{ padding:14px; }
  .loyalty-progress .lp-count{ font-size:16px; }
}
/* Footer smaller middle column (Twoje) */
.ast-builder-grid-row-3-equal .ast-builder-grid-row { grid-template-columns: 4fr 1fr 4fr; }

/* Styl pudełka z punktami */
.loyalty-box {
  background:#05080C; padding:20px; border-radius:12px;
  box-shadow:0 0 20px rgba(92,225,230,.3);
  margin:20px auto; max-width:800px; text-align:center;
}
.loyalty-box h2,.loyalty-box .mycred-balance-title {
  color:#a24dca; font-size:28px; margin-bottom:20px; font-weight:700; text-transform:uppercase;
}
.loyalty-box .mycred-balance { font-size:36px; color:#5ce1e6; margin-bottom:30px; font-weight:700; }

/* Tabela historii */
.loyalty-box table.mycred-history-table { width:100%; border-collapse:collapse; margin-top:20px; }
.loyalty-box table.mycred-history-table th {
  background:#a24dca; color:#fff; padding:12px; text-transform:uppercase; font-size:14px;
}
.loyalty-box table.mycred-history-table td {
  background:#0e0e12; color:#5ce1e6; padding:10px; border-bottom:1px solid #222; font-size:14px;
}
.loyalty-box table.mycred-history-table tr:last-child td { border-bottom:none; }

/* Pasek postępu */
.loyalty-progress{
  max-width:900px; margin:24px auto 40px; padding:16px 18px;
  background:#05080C; border:1px solid #2a2f36; border-radius:14px;
  box-shadow:0 0 18px rgba(162,77,202,.18); color:#cfeffc;
}
.loyalty-progress .lp-head{ display:flex; align-items:center; justify-content:space-between; margin-bottom:12px; }
.loyalty-progress .lp-title{ font-weight:700; letter-spacing:.4px; color:#a24dca; text-transform:uppercase; }
.loyalty-progress .lp-count{ font-size:18px; color:#5ce1e6; }
.loyalty-progress .lp-track{
  position:relative; height:12px; border-radius:999px; overflow:hidden;
  background:linear-gradient(90deg,#10151c,#0b0f14); border:1px solid #2a2f36;
}
.loyalty-progress .lp-fill{
  height:100%; width:0%;
  background:linear-gradient(90deg,#a24dca,#5ce1e6); transition:width .6s ease;
}
.loyalty-progress .lp-thumb{
  position:absolute; top:50%; transform:translate(-50%,-50%);
  width:18px; height:18px; border-radius:50%;
  background:#5ce1e6; border:2px solid #0b0f14; box-shadow:0 0 0 3px rgba(92,225,230,.28);
}
.loyalty-progress .lp-scale{ display:flex; justify-content:space-between; margin-top:10px; font-size:12px; color:#8999aa; }
@media (max-width:600px){ .loyalty-progress{ padding:14px; } .loyalty-progress .lp-count{ font-size:16px; } }
#points-val {
  display: none !important;
}