/* PureRAN — GoodGames Theme Custom Overrides */

/* Auth modal input */
.form-control {
  background: rgba(255,255,255,.07) !important;
  border: 1px solid rgba(255,255,255,.15) !important;
  color: #fff !important;
  border-radius: 0 !important;
}
.form-control::placeholder { color: rgba(255,255,255,.35) !important; }
.form-control:focus { border-color: rgba(255,165,0,.5) !important; box-shadow: none !important; }

/* Ranking table tweaks */
.nk-table td img { width: 28px; height: 28px; object-fit: cover; border-radius: 2px; }

/* Online count big */
.online-big { font-size: 2.4rem; font-weight: 900; color: #ff9800; line-height: 1; }

/* Hero char image */
.char-thumb { width: 100%; max-height: 280px; object-fit: cover; object-position: top; filter: saturate(.7) brightness(.85); transition: filter .3s; }
.char-thumb:hover { filter: saturate(1) brightness(1); }

/* Class card grid */
.class-card-wrap { position: relative; overflow: hidden; border-radius: 0; cursor: pointer; }
.class-card-img  { width: 100%; height: 200px; object-fit: cover; object-position: top; filter: brightness(.55) saturate(.6); transition: all .4s; }
.class-card-wrap:hover .class-card-img { filter: brightness(.75) saturate(.85); }
.class-card-info { position: absolute; bottom: 0; left: 0; right: 0; padding: 14px; background: linear-gradient(0deg,rgba(0,0,0,.9),transparent); }
.class-stat-bar  { height: 3px; background: rgba(255,255,255,.12); margin-top: 4px; }
.class-stat-fill { height: 100%; background: #ff9800; }

/* Notif */
.site-notif { position: fixed; bottom: 20px; right: 20px; z-index: 9999; min-width: 280px; padding: 14px 18px; background: #1a1a2e; border-left: 3px solid #ff9800; color: #fff; font-size: 14px; transform: translateX(400px); transition: transform .4s cubic-bezier(.34,1.56,.64,1); }
.site-notif.show { transform: translateX(0); }
.site-notif.error { border-left-color: #e74c3c; }
.site-notif.success { border-left-color: #27ae60; }

/* Strip */
.server-status-strip { background: rgba(0,0,0,.4); border-bottom: 1px solid rgba(255,165,0,.15); padding: 5px 0; font-size: 12px; }

/* news thumb */
.nk-post-img img { width: 100%; height: 80px; object-fit: cover; filter: saturate(.7); }

/* product card */
.nk-product-image img { height: 120px; object-fit: contain; }

/* footer */
.nk-footer { background: #0d0d18; }

/* slide admin preview */
.slide-admin-thumb { width: 100%; height: 80px; object-fit: cover; filter: brightness(.6); }

/* warna nav active */
.nk-nav li.active > a { color: #ff9800 !important; }

/* ── Dropdown nav (News/Ranking/Store) ── */
.nk-navbar .nk-nav .nk-drop-item:hover > .dropdown,
.nk-navbar .nk-nav .nk-drop-item.nk-drop-open > .dropdown {
  display: block !important;
  opacity: 1 !important;
  z-index: 9999 !important;
  pointer-events: auto !important;
}
.nk-navbar .nk-nav .nk-drop-item .dropdown a {
  pointer-events: auto !important;
  position: relative;
  z-index: 1;
}

/* ── ADMIN PANEL overrides ── */
.admin-panel-wrap { max-width:1200px;margin:0 auto;padding:24px; }
.admin-panel-sidebar { width:220px;flex-shrink:0;background:rgba(0,0,0,.4);border:1px solid rgba(255,255,255,.08);padding:0; }
.admin-panel-content { flex:1;min-width:0; }
.admin-panel-layout  { display:flex;gap:20px;align-items:flex-start; }
.admin-nav-link { display:flex;align-items:center;gap:9px;padding:10px 16px;color:rgba(255,255,255,.4);font-size:13px;font-weight:600;letter-spacing:.5px;text-decoration:none;border-left:2px solid transparent;transition:all .15s; }
.admin-nav-link:hover,.admin-nav-link.active { background:rgba(255,165,0,.07);color:#ff9800;border-left-color:#ff9800; }
.admin-card { background:rgba(0,0,0,.35);border:1px solid rgba(255,255,255,.08);border-top:2px solid #ff9800;margin-bottom:16px; }
.admin-card-head { padding:12px 18px;border-bottom:1px solid rgba(255,255,255,.07);display:flex;align-items:center;justify-content:space-between; }
.admin-card-title { font-family:Montserrat,sans-serif;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:#ff9800; }
.admin-card-body { padding:18px; }
.admin-form-label { display:block;font-size:10px;letter-spacing:2px;text-transform:uppercase;color:rgba(255,255,255,.4);margin-bottom:5px;font-weight:600; }
.admin-form-input { width:100%;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);padding:9px 12px;color:#fff;font-size:13px;outline:none;transition:border .15s; }
.admin-form-input:focus { border-color:rgba(255,165,0,.5); }
.admin-btn-gold { background:#ff9800;border:none;color:#000;font-family:Montserrat,sans-serif;font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;padding:9px 20px;cursor:pointer;transition:background .15s; }
.admin-btn-gold:hover { background:#e08800; }
.admin-btn-outline { background:transparent;border:1px solid rgba(255,165,0,.4);color:#ff9800;font-size:11px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;padding:7px 14px;cursor:pointer;transition:all .15s; }
.admin-btn-outline:hover { background:rgba(255,165,0,.1); }
.admin-btn-red { background:rgba(231,76,60,.15);border:1px solid rgba(231,76,60,.3);color:#e74c3c;font-size:11px;font-weight:700;letter-spacing:1px;text-transform:uppercase;padding:7px 14px;cursor:pointer;transition:all .15s; }
.admin-btn-red:hover { background:rgba(231,76,60,.3); }
.admin-table { width:100%;border-collapse:collapse; }
.admin-table th { font-size:9px;letter-spacing:2px;text-transform:uppercase;color:rgba(255,255,255,.35);padding:9px 12px;text-align:left;border-bottom:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.02); }
.admin-table td { padding:10px 12px;font-size:13px;border-bottom:1px solid rgba(255,255,255,.05); }
.admin-table tr:last-child td { border-bottom:none; }
.admin-table tr:hover td { background:rgba(255,255,255,.02); }
.admin-tag { display:inline-block;padding:2px 8px;font-size:9px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase; }
.admin-tag-green { background:rgba(39,174,96,.12);color:#27ae60;border:1px solid rgba(39,174,96,.2); }
.admin-tag-red   { background:rgba(231,76,60,.12);color:#e74c3c;border:1px solid rgba(231,76,60,.2); }
.admin-tag-gold  { background:rgba(255,165,0,.12);color:#ff9800;border:1px solid rgba(255,165,0,.2); }
@media(max-width:768px){ .admin-panel-layout{flex-direction:column;} .admin-panel-sidebar{width:100%;} }