/* =========================
   Core layout
   ========================= */
.wwpp-form, .wwpp-directory, .wwpp-dashboard { font-family: inherit; color: #e7eaf0; }
.wwpp-card {
  border: 1px solid #2a2e36;
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 22px;
  padding: 22px;
  background: #0f121a;
  background: rgba(15,18,26,0.85);
  box-shadow: 0 14px 60px rgba(0,0,0,.35);
}
.wwpp-form * { box-sizing: border-box; }

/* Naslov forme */
.wwpp-form h3 {
  margin: 0 0 16px;
  font-size: 28px;
  line-height: 1.2;
  color: #fff;
  text-align: center;
}

/* Notifikacije */
.wwpp-success, .wwpp-error { margin: 12px 0 14px; padding: 12px 14px; border-radius: 12px; font-weight: 600; }
.wwpp-success { background: #0f4020; color: #b9ffcf; border: 1px solid #1c7a3f; }
.wwpp-error   { background: #3a0d0d; color: #ffb9b9; border: 1px solid #a33; }

/* =========================
   Form layout (card + centriranje)
   ========================= */
.wwpp-auth { max-width: 720px; margin: 32px auto; padding: 0 16px; }
.wwpp-form {
  max-width: 560px;
  margin: 24px auto 28px;
  padding: 22px;
  border-radius: 22px;
  background: #0f121a;
  background: rgba(15,18,26,0.85);
  box-shadow: 0 14px 60px rgba(0,0,0,.35);
}

/* Grid za registraciju (login nema grid pa ga ovo ne dira) */
.wwpp-form .wwpp-grid { display: grid; grid-template-columns: repeat(3, minmax(220px, 1fr)); gap: 12px; }
.wwpp-form label { display: flex; flex-direction: column; gap: 8px; font-weight: 600; font-size: 14px; color: #aeb7c6; }
.wwpp-form label.wwpp-full { grid-column: 1 / -1; }
.wwpp-form label.wwpp-inline { display: inline-flex; align-items: center; flex-direction: row; gap: 10px; }
.wwpp-form .wwpp-grid { text-align: left; }

/* =========================
   Inputs (zaobljeno, fokus)
   ========================= */
.wwpp-form input[type="text"],
.wwpp-form input[type="email"],
.wwpp-form input[type="password"],
.wwpp-form input[type="tel"],
.wwpp-form input[type="date"],
.wwpp-form input[type="file"],
.wwpp-form textarea,
.wwpp-form select {
  -webkit-appearance: none;
  appearance: none;
  background: #0e1420;
  color: #e7eaf0;
  border: 1px solid #25324a;
  border-radius: 28px;
  padding: 12px 16px;
  height: 46px;
  outline: none;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.02);
  width: 100%;
}
.wwpp-form textarea { min-height: 120px; border-radius: 16px; height: auto; }
.wwpp-form input:focus,
.wwpp-form textarea:focus {
  border-color: #ff7a18;
  box-shadow: 0 0 0 3px rgba(255,122,24,.22);
}

/* Checkbox + privacy link */
.wwpp-form label.wwpp-check{
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
  margin: 10px 0 0;
  white-space: nowrap;
  width: auto;
}
.wwpp-form label.wwpp-check input[type="checkbox"]{
  width: 18px; height: 18px; flex: 0 0 auto; margin: 0; accent-color: #ffb347; cursor: pointer;
}
.wwpp-form .wwpp-privacy-link{ color: #d4af37; font-weight: 800; text-decoration: underline; }

/* Inline error */
.wwpp-inline-error { margin-top: 6px; color:#ffb9b9; font-weight:700; }

/* =========================
   Dugmad (okruglasto, hover, active)
   ========================= */
.wwpp-btn, .wwpp-admin-btn, .wwpp-form button {
  display:inline-flex; align-items:center; justify-content:center;
  gap: 8px;
  margin-top:14px;
  padding:12px 22px;
  border-radius: 999px;
  border: 0;
  background-image: linear-gradient(135deg,#ffb347,#ff7b00);
  background-color:#ff7b00;
  color:#fff;
  font-weight: 800;
  letter-spacing:.04em;
  box-shadow: 0 10px 26px rgba(255,123,0,.28), 0 2px 0 rgba(0,0,0,.25) inset;
  transition: transform .08s ease, filter .18s ease, box-shadow .18s ease;
}
.wwpp-btn:hover, .wwpp-admin-btn:hover, .wwpp-form button:hover {
  filter: brightness(1.05);
  box-shadow: 0 14px 34px rgba(255,123,0,.36), 0 2px 0 rgba(0,0,0,.25) inset;
}
.wwpp-btn:active, .wwpp-admin-btn:active, .wwpp-form button:active {
  transform: translateY(1px);
  box-shadow: 0 8px 20px rgba(255,123,0,.26), 0 1px 0 rgba(0,0,0,.3) inset;
}

/* Link ispod forme (switch login/registracija) */
.wwpp-switch { text-align:center; color:#aeb7c6; }
.wwpp-switch a { color:#55c6ff; font-weight:800; text-decoration: underline; }

/* =========================
   Directory / table
   ========================= */
.wwpp-directory .wwpp-table {
  width: 100%;
  border-collapse: collapse;
  background: #0f121a;
  background: rgba(15,18,26,0.85);
  border-radius: 14px;
  overflow: hidden;
  box-shadow: 0 8px 30px rgba(0,0,0,.25);
}
.wwpp-directory th, .wwpp-directory td { padding: 12px 14px; border-bottom: 1px solid rgba(255,255,255,.06); text-align: left; }
.wwpp-directory thead th { background: #121828; color: #c9d3e5; }
.wwpp-badge { padding: 4px 10px; border-radius: 999px; font-weight: 700; display: inline-block; }

/* =========================
   Dashboard
   ========================= */
.wwpp-dashboard .wwpp-stats { display:grid; grid-template-columns: repeat(3, minmax(220px, 1fr)); gap: 12px; }
.wwpp-dashboard .wwpp-stat {
  background: #0f121a;
  background: rgba(15,18,26,0.85);
  border:1px solid rgba(255,255,255,.08);
  border-radius: 14px;
  padding: 14px;
  box-shadow: 0 8px 30px rgba(0,0,0,.25);
}
.wwpp-label { font-size: 12px; color: #aeb7c6; }
.wwpp-value { font-size: 20px; font-weight: 800; color:#fff; }

/* =========================
   Progress bar – gold
   ========================= */
.wwpp-bar {
  position: relative;
  width: 100%;
  height: 12px;
  border-radius: 999px;
  background: linear-gradient(180deg, #1a1f27 0%, #0f141b 100%);
  border: 1px solid rgba(255,255,255,0.08);
  overflow: hidden;
}
.wwpp-bar .fill,
.wwpp-bar > span {
  position: absolute; left: 0; top: 0; bottom: 0;
  width: var(--p, 0%);
  background: linear-gradient(90deg, #ffe08a, #ffb347);
  border-radius: 999px;
  transition: width 0.6s ease-in-out;
}
.wwpp-bar .fill::after,
.wwpp-bar > span::after {
  content: ""; position: absolute; inset: 0;
  background: linear-gradient(120deg, transparent 0%, rgba(255, 255, 255, 0.18) 40%, transparent 80%);
  mix-blend-mode: screen; animation: kirilSheen 2.8s linear infinite;
}
@keyframes kirilSheen { 0% { transform: translateX(-120%); } 100% { transform: translateX(120%); } }
.wwpp-bar .fill::before,
.wwpp-bar > span::before {
  content: ""; position: absolute; right: -6px; top: 50%;
  width: 12px; height: 12px; transform: translateY(-50%);
  border-radius: 50%; background: #ffb347; box-shadow: 0 0 12px rgba(255, 179, 71, 0.65);
}
.wwpp-bar-near { background: rgba(255, 208, 0, 0.18); }
.wwpp-bar-near .fill::before,
.wwpp-bar-near > span::before { box-shadow: 0 0 18px rgba(255, 179, 71, 0.9); }
.wwpp-bar.is-loading { background: #131821; }
.wwpp-bar.is-loading::after {
  content: ""; position: absolute; inset: 0;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.03) 0%, rgba(255, 255, 255, 0.12) 50%, rgba(255, 255, 255, 0.03) 100%);
  animation: kirilSkeleton 1.4s infinite;
}
@keyframes kirilSkeleton { 0% { transform: translateX(-100%); } 100% { transform: translateX(100%); } }
.wwpp-subhint, .wwpp-barinfo, .wwpp-nexthint { margin-top: 6px; font-size: 12px; color: #aeb7c6; }
.wwpp-subhint strong, .wwpp-barinfo strong { color: #ffb347; font-weight: 700; }

/* =========================
   Responsive
   ========================= */
@media (max-width: 860px) {
  .wwpp-form { max-width: 94%; padding: 18px; }
  .wwpp-form .wwpp-grid { grid-template-columns: 1fr; }
  .wwpp-form h3 { font-size: 24px; }
}


/* === KIRIL POKER – Registracija / Prijava stil === */

/* Veći boks i centriranje */
.wwpp-form {
  max-width: 640px !important;
  margin: 48px auto !important;
  padding: 30px 36px !important;
  border-radius: 26px !important;
  background: rgba(15,18,26,0.9) !important;
  box-shadow: 0 18px 60px rgba(0,0,0,.4) !important;
}

/* Dugmad – narandžasta */
.wwpp-btn,
.wwpp-admin-btn,
.wwpp-form button {
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap: 8px !important;
  margin-top:18px !important;
  padding:12px 26px !important;
  border-radius:999px !important;
  border:0 !important;
  background-image:linear-gradient(135deg,#ffb347,#ff7b00) !important;
  background-color:#ff7b00 !important;
  color:#fff !important;
  font-weight:800 !important;
  letter-spacing:.04em !important;
  font-size:16px !important;
  text-transform:uppercase !important;
  box-shadow:0 10px 26px rgba(255,123,0,.3) !important;
  transition: all .18s ease !important;
}
.wwpp-btn:hover,
.wwpp-admin-btn:hover,
.wwpp-form button:hover {
  filter:brightness(1.08) !important;
  box-shadow:0 14px 34px rgba(255,123,0,.45) !important;
  transform:translateY(-1px);
}
.wwpp-btn:active,
.wwpp-form button:active {
  transform:translateY(1px);
  box-shadow:0 8px 20px rgba(255,123,0,.25) !important;
}

/* "Prijavi se" link centrirano ispod forme */
.wwpp-switch {
  text-align: center !important;
  margin-top: 20px !important;
  font-size: 15px !important;
  color: #aeb7c6 !important;
}
.wwpp-switch a {
  color: #ffb347 !important;
  font-weight: 800 !important;
  text-decoration: underline !important;
}
.wwpp-switch a:hover { color: #ff9a26 !important; }

/* Malo lepši spacing između inputa */
.wwpp-form label {
  margin-bottom: 6px !important;
}
.wwpp-form input,
.wwpp-form select {
  margin-bottom: 10px !important;
}


/* =========================
   KIRIL POKER – CRNO-NARANDŽASTA FORMA (za .wwpp-form)
   ========================= */

.wwpp-form {
  max-width: 420px;
  background: linear-gradient(180deg, #0f0f0f 0%, #1a1a1a 100%);
  border-radius: 36px;
  padding: 30px 36px;
  border: 2px solid rgba(255, 179, 71, 0.25);
  box-shadow: 0 20px 40px -10px rgba(255, 123, 0, 0.25);
  margin: 50px auto;
  transition: all 0.3s ease-in-out;
}

.wwpp-form:hover {
  transform: scale(1.02);
  box-shadow: 0 25px 50px -15px rgba(255, 179, 71, 0.35);
}

/* Naslov forme */
.wwpp-form h3 {
  text-align: center;
  font-weight: 900;
  font-size: 28px;
  color: #ffb347;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin-bottom: 10px;
}

/* Inputi i select polja */
.wwpp-form input[type="text"],
.wwpp-form input[type="email"],
.wwpp-form input[type="password"],
.wwpp-form input[type="tel"],
.wwpp-form input[type="date"],
.wwpp-form select,
.wwpp-form textarea {
  width: 100%;
  background: #121212;
  border: none;
  padding: 15px 20px;
  border-radius: 20px;
  margin-top: 15px;
  color: #fff;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,0.05);
  border-inline: 2px solid transparent;
  transition: all 0.25s ease;
  font-size: 15px;
}

.wwpp-form input::placeholder,
.wwpp-form textarea::placeholder {
  color: #888;
}

.wwpp-form input:focus,
.wwpp-form select:focus,
.wwpp-form textarea:focus {
  outline: none;
  border-inline: 2px solid #ff7b00;
  box-shadow: 0 0 6px rgba(255, 123, 0, 0.4);
}

/* Dugme (submit) */
.wwpp-form button,
.wwpp-btn {
  display: block;
  width: 100%;
  font-weight: 800;
  text-transform: uppercase;
  background: linear-gradient(45deg, #ff7b00 0%, #ffb347 100%);
  color: white;
  padding: 14px 0;
  margin: 24px auto 6px;
  border-radius: 20px;
  border: none;
  box-shadow: 0 12px 25px -10px rgba(255, 179, 71, 0.4);
  transition: all 0.2s ease-in-out;
  letter-spacing: 0.04em;
}

.wwpp-form button:hover,
.wwpp-btn:hover {
  transform: scale(1.03);
  box-shadow: 0 16px 30px -12px rgba(255, 179, 71, 0.55);
}

.wwpp-form button:active,
.wwpp-btn:active {
  transform: scale(0.97);
  box-shadow: 0 10px 20px -10px rgba(255, 179, 71, 0.35);
}

/* Checkbox i privacy link */
.wwpp-form label.wwpp-check {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 14px;
  color: #d4d4d4;
  margin-top: 8px;
}

.wwpp-form label.wwpp-check input[type="checkbox"] {
  width: 18px;
  height: 18px;
  accent-color: #ffb347;
  cursor: pointer;
}

.wwpp-form .wwpp-privacy-link {
  color: #ffb347;
  font-weight: 700;
  text-decoration: underline;
}

/* Inline error */
.wwpp-inline-error {
  margin-top: 6px;
  color: #ff9a9a;
  font-weight: 700;
  font-size: 14px;
}

/* Success poruka */
.wwpp-success {
  background: rgba(15, 60, 25, 0.9);
  color: #b9ffcf;
  border: 1px solid #1c7a3f;
  padding: 10px 14px;
  border-radius: 12px;
  margin-top: 12px;
  text-align: center;
}

/* Error poruka */
.wwpp-error {
  background: rgba(60, 15, 15, 0.9);
  color: #ffb9b9;
  border: 1px solid #a33;
  padding: 10px 14px;
  border-radius: 12px;
  margin-top: 12px;
  text-align: center;
}

/* Responsivnost */
@media (max-width: 600px) {
  .wwpp-form {
    padding: 24px 22px;
    border-radius: 28px;
  }
  .wwpp-form h3 {
    font-size: 24px;
  }
}

/* === Kiril Poker forma – Final Alignment Fix === */

.wwpp-form {
  width: 100%;
  max-width: 700px;
  margin: 60px auto;
  background: linear-gradient(180deg,#0f0f0f,#181818);
  border-radius: 30px;
  padding: 40px 50px;
  box-shadow: 0 20px 40px -10px rgba(255,123,0,.25);
  border: 1px solid rgba(255,179,71,.3);
}

/* Grid – 2 kolone da sve stane lepo */
.wwpp-form .wwpp-grid {
  display: grid;
  grid-template-columns: repeat(2,1fr);
  gap: 16px 20px;
}

/* Sva polja iste visine i širine */
.wwpp-form input,
.wwpp-form select {
  width: 100%;
  height: 50px;
  border-radius: 25px;
  background: #10141d;
  border: 1px solid #262b33;
  color: #fff;
  padding: 0 16px;
  font-size: 15px;
  transition: all .25s;
}

.wwpp-form input:focus,
.wwpp-form select:focus {
  border-color: #ff7b00;
  box-shadow: 0 0 8px rgba(255,123,0,.35);
  outline: none;
}

/* Telefon u jednoj liniji */
.wwpp-form label:has(select[name="phone_cc"]) > div {
  display: flex;
  gap: 10px;
  align-items: center;
}
.wwpp-form select[name="phone_cc"] {
  flex: 0 0 160px;
}
.wwpp-form input[name="phone_local"] {
  flex: 1;
}

/* Checkbox i politika */
.wwpp-form label.wwpp-check {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 10px;
  font-size: 14px;
  color: #ddd;
}
.wwpp-form label.wwpp-check input {
  width: 18px;
  height: 18px;
  accent-color: #ffb347;
}

/* Dugme Registruj se – centrirano, narandžasto */
.wwpp-form button.wwpp-btn {
  grid-column: 1 / -1;
  margin: 25px auto 10px;
  padding: 14px 0;
  width: 240px;
  border-radius: 30px;
  border: none;
  background: linear-gradient(135deg,#ff7b00,#ffb347);
  color: #fff;
  font-weight: 800;
  letter-spacing: .04em;
  text-transform: uppercase;
  box-shadow: 0 10px 25px rgba(255,179,71,.4);
  cursor: pointer;
  transition: all .25s ease;
}
.wwpp-form button.wwpp-btn:hover {
  transform: scale(1.05);
  box-shadow: 0 14px 30px rgba(255,179,71,.6);
}
.wwpp-form button.wwpp-btn:active {
  transform: scale(.97);
}

/* Mobilni prikaz – 1 kolona */
@media (max-width: 700px) {
  .wwpp-form {
    padding: 30px 24px;
  }
  .wwpp-form .wwpp-grid {
    grid-template-columns: 1fr;
  }
  .wwpp-form button.wwpp-btn {
    width: 100%;
  }
}


/* === LOGIN FIX (Prijavi se) – checkbox i dugme ne smeju da se preklapaju === */

/* Red "Zapamti me" = jedan red, levo checkbox + labela */
.wwpp-form label.wwpp-inline{
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
  margin:12px 0 0 !important;
  width:100%;
  white-space:normal;              /* dozvoli lomljenje teksta */
}

/* Veličina i boja checkboxa */
.wwpp-form label.wwpp-inline input[type="checkbox"]{
  width:18px !important;
  height:18px !important;
  margin:0 !important;
  flex:0 0 auto !important;
  accent-color:#ffb347;           /* narandžasta */
}

/* Dugme "Prijavi se" – uvek ispod, centrirano i blok element */
.wwpp-form button[name="wwpp_login"],
.wwpp-form .wwpp-btn[name="wwpp_login"]{
  display:block !important;
  width:240px;                    /* čitko, nije preko cele širine */
  margin:18px auto 0 !important;  /* centriraj */
  clear:both;                     /* nikad uz checkbox */
  padding:14px 0 !important;
  border-radius:30px !important;
  background-image:linear-gradient(135deg,#ff7b00,#ffb347) !important;
  color:#fff !important;
  font-weight:800 !important;
  letter-spacing:.04em;
  box-shadow:0 10px 25px rgba(255,179,71,.40) !important;
  border:0 !important;
  cursor:pointer;
}

/* Za svaki slučaj: inputi iste visine i širine */
.wwpp-form input[type="email"],
.wwpp-form input[type="password"]{
  width:100% !important;
  height:50px !important;
  border-radius:25px !important;
}

.wwpp-board.is-paged .wwpp-leadertable tbody tr { 
  display: none; 
}
.wwpp-board.is-paged .wwpp-leadertable tbody tr.is-visible { 
  display: table-row; 
}

.wwpp-pagination {
  margin-top: 16px;
  text-align: center;
  display: flex;
  justify-content: center;
  gap: 8px;
  flex-wrap: wrap;
}

.wwpp-page-btn {
  width: 32px !important;
  height: 32px !important;
  padding: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  border-radius: 50% !important;
  border: 0 !important;
  cursor: pointer !important;

  font-weight: 800 !important;
  font-size: 13px !important;
  letter-spacing: .03em !important;
  text-transform: uppercase !important;

  background-image: linear-gradient(135deg,#ffb347,#ff7b00) !important;
  background-color: #ff7b00 !important;
  color: #fff !important;

  box-shadow: 0 10px 26px rgba(255,123,0,.28) !important;
  transition: transform .08s ease, filter .18s ease, box-shadow .18s ease !important;
}


.wwpp-page-btn:hover {
  filter: brightness(1.06);
  box-shadow: 0 14px 34px rgba(255,123,0,.36) !important;
}

.wwpp-page-btn.is-active {
  filter: brightness(1.1);
  box-shadow: 0 16px 36px rgba(255,123,0,.5) !important;
}

.wwpp-page-btn:disabled {
  opacity: .45;
  cursor: default;
  box-shadow: none !important;
}

.wwpp-leadertable tr.is-current .name {
  font-weight: 900;
  text-decoration: underline;
  text-decoration-color: #ff7b00 !important;
  text-underline-offset: 3px;
}

@media (max-width: 700px){
  .wwpp-pagination {
    gap: 6px;
  }
  .wwpp-page-btn {
    flex: 0 0 auto;
  }
}


/* Trenutni igrač highlight - css za prikaz u tabeli */

.wwpp-current-player {
  margin: 0 auto 18px;
  padding: 14px 16px;
  border-radius: 20px;
  background: radial-gradient(circle at top left, rgba(255,179,71,0.25), transparent 55%),
              linear-gradient(180deg,#111115,#181818);
  border: 1px solid rgba(255,179,71,0.45);
  box-shadow: 0 14px 32px rgba(0,0,0,0.55);
  max-width: 520px;
}

.wwpp-current-label {
  font-size: 12px;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: #ffb347;
  opacity: .9;
  margin-bottom: 6px;
}

.wwpp-current-main {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  margin-bottom: 4px;
}

.wwpp-current-rank {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 36px;
  height: 36px;
  border-radius: 50%;
  background: linear-gradient(135deg,#ffb347,#ff7b00);
  color: #0b0b0b;
  font-weight: 900;
  font-size: 16px;
  box-shadow: 0 10px 24px rgba(255,123,0,0.45);
}

.wwpp-current-name {
  font-weight: 800;
  font-size: 16px;
  color: #ffffff;
}

.wwpp-current-points {
  margin-left: auto;
  font-weight: 700;
  font-size: 14px;
  color: #ffd892;
}

.wwpp-current-sub {
  font-size: 12px;
  color: #aeb7c6;
}

.wwpp-current-sub strong {
  color: #ffb347;
  font-weight: 800;
}

@media (max-width: 600px) {
  .wwpp-current-player {
    padding: 12px 12px;
    margin-bottom: 14px;
  }
  .wwpp-current-main {
    gap: 8px;
  }
  .wwpp-current-points {
    margin-left: 0;
  }
}

/* Tekst ispod progress bara */
.wwpp-barinfo,
.wwpp-nexthint {
  margin-top: 8px;
  font-size: 13px;
  color: #d3d7e4;
}

.wwpp-barinfo strong,
.wwpp-nexthint strong {
  color: #ffb347;
  font-weight: 800;
}

/* === ACCOUNT PAGE – KRUG + INFO === */

.kp-head{
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:14px;
    text-align:center;
    overflow:visible;
}

/* Krug */
.kp-ring3{
    position:relative;
    width:240px;
    height:240px;
    flex:0 0 auto;
    overflow:visible;
}
.kp-ring3 svg{
    width:240px;
    height:240px;
    display:block;
    transform:rotate(-90deg);
    overflow:visible;
}
.kp-ring3 .track{
    stroke:rgba(255,255,255,.10);
    stroke-width:20;
}
.kp-ring3 .prog{
    stroke:url(#kpGrad3);
    stroke-width:20;
    stroke-linecap:round;
    transition:stroke-dashoffset .7s ease;
}
.kp-ring3 .center{
    position:absolute;
    inset:0;
    display:flex;
    align-items:center;
    justify-content:center;
    overflow:visible;
}
.kp-ring3 .medal{
    width:168px;
    height:168px;
    border-radius:50%;
    background: radial-gradient(120px 100px at 30% 25%, rgba(255,255,255,.08), rgba(255,255,255,.02) 45%, rgba(0,0,0,.35));
    box-shadow: inset 0 14px 36px rgba(0,0,0,.55), inset 0 -8px 24px rgba(255,255,255,.05);
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
}
.kp-ring3 .val{
    font-weight:900;
    font-size:32px;
    line-height:1;
}
.kp-ring3 .lvl{
    margin-top:4px;
    font-size:13px;
    opacity:.9;
}
.kp-ring3 .cap{
    --r:100px;
    position:absolute;
    left:50%;
    top:50%;
    width:16px;
    height:16px;
    border-radius:50%;
    background:#ffb84d;
    box-shadow:0 0 14px rgba(255,184,77,.65);
    transform:rotate(var(--a)) translate(0, calc(var(--r)*-1));
    transform-origin:center center;
}

/* Novi tekst ispod kruga */
.kp-progress-text{
    margin-top:10px;
    font-size:14px;
    color:#d3d7e4;
}
.kp-progress-text strong{
    color:#ffb347;
    font-weight:800;
}

/* Informacioni blok */
.kp-info{
    max-width:820px;
    width:100%;
    margin:16px auto 0;
    background:rgba(255,255,255,.02);
    border:1px solid rgba(255,255,255,.08);
    border-radius:16px;
    padding:18px 20px;
}
.kp-row{
    display:grid;
    grid-template-columns:200px 1fr;
    gap:12px;
    align-items:center;
    padding:12px 0;
    border-bottom:1px dashed rgba(255,255,255,.07);
}
.kp-row:last-child{
    border-bottom:none;
}
.kp-label{
    color:#a9b1c3;
    font-weight:700;
}
.kp-value{
    color:#e7eaf0;
    font-weight:600;
}

/* Level badge + logout */
.kp-actions{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:12px;
    margin-top:14px;
}

@media (max-width:680px){
    .kp-row{
        grid-template-columns:1fr;
        gap:6px;
    }
}


/* Ukloni beli sjaj / animaciju iz progress bara */
.wwpp-bar .fill::after,
.wwpp-bar > span::after {
    content: none !important;
    background: none !important;
    animation: none !important;
}


.wwpp-nexthint {
  margin-top: 6px;
  font-size: 12px;
  color: #d3d7e4;
}
.wwpp-nexthint strong {
  color: #ffb347;
  font-weight: 800;
}


.wwpp-barinfo {
  margin-top: 6px;
  font-size: 13px;
  color: #d3d7e4;
}

.wwpp-barinfo strong {
  color: #ffb347;
  font-weight: 800;
}
/* === PROGRESS BAR – TEKST U TABELI === */

/* sakrij samo labelu unutar samog zlatnog bara */
.wwpp-bar .label {
  display: none;
}

/* tekst ispod progress bara (ukupno poena · još do nivoa) */
.wwpp-barinfo,
.wwpp-nexthint {
  margin-top: 6px;
  font-size: 13px;
  color: #d3d7e4;
}

.wwpp-barinfo strong,
.wwpp-nexthint strong {
  color: #ffb347;
  font-weight: 800;
}


/* === LEADERBOARD – Napredak: tekst ispod bara u JEDNOM REDU === */

/* Kolona Napredak – sve unutra normalno vidljivo */
.wwpp-leadertable td.barcell,
.wwpp-leadertable td.barcell * {
    font-size: 13px !important;
    line-height: 1.4 !important;
    color: #d3d7e4 !important;
    text-indent: 0 !important;
    -webkit-text-fill-color: #d3d7e4 !important;
}

/* Sam žuti bar neka bude bez teksta unutra (ako ga negde ima) */
.wwpp-leadertable td.barcell .wwpp-bar,
.wwpp-leadertable td.barcell .wwpp-bar * {
    color: transparent !important;
    font-size: 0 !important;
    text-indent: -9999px !important;
}

/* Tekst ispod bara: ukupno poena X · Y još do nivoa */
.wwpp-leadertable td.barcell .wwpp-barinfo {
    margin-top: 6px;
    font-size: 13px !important;
    color: #d3d7e4 !important;
    text-indent: 0 !important;
    -webkit-text-fill-color: #d3d7e4 !important;
    white-space: nowrap !important;   /* sve u jednom redu */
}

.wwpp-leadertable td.barcell .wwpp-barinfo strong {
    color: #ffb347 !important;
    font-weight: 800 !important;
}