/* ===== Navbar Messages badge ===== */
.nav-messages{ position:relative; display:inline-block; }
.nav-badge{
  position:absolute;
  top:-6px;
  right:-10px;
  min-width:18px;
  height:18px;
  padding:0 5px;
  border-radius:999px;
  background:#e74c3c;
  color:#fff;
  font-size:11px;
  font-weight:700;
  line-height:18px;
  text-align:center;
  box-shadow:0 0 8px rgba(231,76,60,.55);
}

/* Unified pagination (matches admin/games.php look) */
.pager{
  display:flex;
  gap:8px;
  justify-content:center;
  align-items:center;
  margin:16px 0;
  flex-wrap:wrap;
}
.pager a,.pager span{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:6px 10px;
  border-radius:10px;
  border:1px solid #22324a;
  background:#0f1a2b;
  color:#c7d5e0;
  text-decoration:none;
  font-size:12px;
  min-height:32px;
}
.pager a:hover{background:#12263b}
.pager .cur{color:#7fff7f;border-color:#2a4f2a;background:#0f1a2b}
.pager .dim{opacity:.6;background:#0f1a2b}

/* ===== LOGO POD NAVBAR - ARCADE STYLE ===== */

.brand{
  display:flex;
  justify-content:center;
  align-items:center;
  padding:40px 0 30px 0;
  text-decoration:none;
}

.site-logo{
  height:200px;
  width:auto;

  border-radius:20px;                 /* zaobljeni robovi */
  padding:15px;                        /* prostor okoli loga */
  background:rgba(15,26,43,0.8);       /* temen arcade background */
  border:1px solid #22324a;

  box-shadow:
    0 0 15px rgba(0,255,150,0.2),
    0 0 30px rgba(0,255,150,0.15);

  transition:all 0.3s ease;
  animation:logoPulse 3s infinite ease-in-out;
}

/* Hover efekt */
.site-logo:hover{
  transform:scale(1.05);
  box-shadow:
    0 0 25px rgba(0,255,150,0.4),
    0 0 50px rgba(0,255,150,0.3);
}

/* Neon pulse animacija */
@keyframes logoPulse{
  0%{
    box-shadow:
      0 0 10px rgba(0,255,150,0.2),
      0 0 20px rgba(0,255,150,0.15);
  }
  50%{
    box-shadow:
      0 0 25px rgba(0,255,150,0.4),
      0 0 40px rgba(0,255,150,0.25);
  }
  100%{
    box-shadow:
      0 0 10px rgba(0,255,150,0.2),
      0 0 20px rgba(0,255,150,0.15);
  }
}

/* desktop privzeto */
.site-logo--full{ display:block !important; }
.site-logo--icon{ display:none !important; }

.site-logo{
  height:200px;
  width:auto;
}

/* mobile */
@media (max-width: 768px){
  .site-logo{
    height:200px !important;   /* zmanjša na telefonu */
    width:auto !important;
  }
  .site-logo--full{ display:none !important; }  /* skrije veliki logo */
  .site-logo--icon{ display:block !important; } /* pokaže ikonco */
}