/* ================================================
   BURGOS — S3 GLOBALNA TEMA
   Ucitava se POSLE style.css i prebacuje stranicu
   sa zlatne na S3 paletu.

   Zlatna  →  S3
   #FFD700 →  #5D9CAC  (teal)
   #FFC200 →  #7FB3C0  (svetliji teal)
   #FFB300 →  #8B7BC8  (lila)
   #FFA500 →  #8B7BC8
   #FF8C00 →  #471F62  (tamna ljubicasta)
   narandzasti glow → #471F62

   NE diramo semanticke boje: bronza za rangove (#cd7f32),
   Head Admin (#f97316), zelena/crvena za status servera.

   Struktura:
     1) varijable + osnova
     2) nav (novi S3 izgled)
     3) footer (novi S3 dizajn)
     4) auto-generisani override-i za sva mesta gde je
        zlatna hardkodovana u style.css
   ================================================ */

/* ================================================
   1) VARIJABLE + OSNOVA
   ================================================ */
:root {
  --s3-teal:   #5D9CAC;
  --s3-lila:   #8B7BC8;
  --s3-mid:    #4E497A;
  --s3-dark:   #471F62;
  --s3-grad:   linear-gradient(135deg, #5D9CAC 0%, #8B7BC8 50%, #471F62 100%);
  --s3-grad-h: linear-gradient(90deg, #5D9CAC, #8B7BC8);
  --s3-bg:     #06060d;

  /* preslikane zlatne varijable — pokriva ~96 mesta u style.css */
  --gold:     #5D9CAC;
  --gold2:    #7FB3C0;
  --gold3:    #8B7BC8;
  --orange:   #471F62;
  --orange2:  #3A1850;

  --grad:      linear-gradient(135deg, #5D9CAC 0%, #8B7BC8 50%, #471F62 100%);
  --grad-r:    linear-gradient(135deg, #471F62 0%, #8B7BC8 50%, #5D9CAC 100%);
  --grad-h:    linear-gradient(90deg,  #5D9CAC, #8B7BC8, #5D9CAC);
  --grad-text: linear-gradient(110deg, #5D9CAC 0%, #8B7BC8 55%, #5D9CAC 100%);

  --bdr: rgba(93,156,172,0.14);
}

body   { background: var(--s3-bg); }
.loader { background: var(--s3-bg); }

.cur-dot.cur-click { background: var(--s3-dark); }

/* ================================================
   2) NAV — staklo + gradient linija umesto ivice
   ================================================ */
.nav, .nav.solid {
  background: rgba(6,6,13,.55);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
  border-bottom: none;
}
.nav::after {
  content: '';
  position: absolute;
  left: 0; right: 0; bottom: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(93,156,172,.55) 25%, rgba(71,31,98,.55) 75%, transparent);
}

/* ================================================
   3) FOOTER — novi S3 dizajn
   ================================================ */
footer.s3-footer {
  position: relative;
  z-index: 10;
  flex-shrink: 0;
  background: linear-gradient(180deg, transparent, rgba(93,156,172,.05));
  border-top: none;
  padding: 44px 80px 36px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 20px;
}
.s3-footer::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, var(--s3-teal) 30%, var(--s3-dark) 70%, transparent);
  opacity: .6;
}
.s3-footer::after {
  content: '';
  position: absolute;
  top: 0; left: 50%;
  transform: translateX(-50%);
  width: 320px; height: 60px;
  background: radial-gradient(ellipse at top, rgba(93,156,172,.12), transparent 70%);
  pointer-events: none;
}
.s3-ft-brand { display: flex; align-items: center; gap: 10px; }
.s3-ft-logo {
  width: 34px; height: 34px;
  object-fit: contain;
  filter: drop-shadow(0 0 10px rgba(93,156,172,.45));
}
.s3-ft-name {
  font-family: var(--fu);
  font-size: 13px; font-weight: 800;
  letter-spacing: .22em; text-transform: uppercase;
  background: var(--s3-grad);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
.s3-ft-links { display: flex; gap: 32px; flex-wrap: wrap; }
.s3-ft-links a {
  position: relative;
  font-family: var(--fu);
  font-size: 11px; font-weight: 700;
  letter-spacing: .22em; text-transform: uppercase;
  color: rgba(255,255,255,.32);
  text-decoration: none;
  transition: color .25s;
  padding-bottom: 4px;
}
.s3-ft-links a::after {
  content: '';
  position: absolute;
  left: 0; right: 100%; bottom: 0;
  height: 1px;
  background: var(--s3-grad-h);
  transition: right .3s ease;
}
.s3-ft-links a:hover { color: #fff; }
.s3-ft-links a:hover::after { right: 0; }
.s3-ft-copy {
  font-family: var(--fb);
  font-size: 11px;
  color: rgba(255,255,255,.15);
  letter-spacing: .05em;
}
.s3-ft-copy a {
  color: rgba(93,156,172,.3);
  text-decoration: none;
  transition: color .2s;
}
.s3-ft-copy a:hover { color: var(--s3-teal); }

@media (max-width: 700px) {
  footer.s3-footer { padding: 32px 24px; flex-direction: column; align-items: flex-start; }
  .s3-ft-links { gap: 20px; }
}

/* ================================================
   4) AUTO-GENERISANI OVERRIDE-I
   Svako mesto u style.css gde je zlatna hardkodovana.
   Generisano skriptom — ne diraj rucno, regenerisi.
   ================================================ */
.cur-dot {
  background: #5D9CAC;
}
.cur-ring {
  border: 1.5px solid rgba(93,156,172, 0.45);
}
.cur-ring.cur-hover {
  border-color: rgba(93,156,172, 0.75);
}
.cur-ring.cur-click {
  border-color: rgba(93,156,172, 1);
}
.nav-submenu {
  border: 1px solid rgba(93,156,172,0.14);
}
.nav-submenu li a:hover,
.nav-submenu li a.cur {
  background: rgba(93,156,172,0.04);
}
.btn-si {
  border: 1px solid rgba(139,123,200,0.3);
}
.btn-si:hover {
  background: rgba(139,123,200,0.08);
  border-color: rgba(139,123,200,0.6);
}
.nav-avatar {
  border: 2px solid rgba(93,156,172,0.25);
}
.hero::before {
  background:
    radial-gradient(ellipse 55% 60% at 75% 55%, rgba(139,123,200,0.10) 0%, transparent 60%),
    radial-gradient(ellipse 30% 40% at 10% 80%, rgba(71,31,98,0.05) 0%, transparent 55%);
}
.hero-vline {
  background: linear-gradient(to bottom,
    transparent 0%,
    rgba(139,123,200,0.35) 30%,
    rgba(139,123,200,0.35) 70%,
    transparent 100%);
}
.hero-logo {
  filter: drop-shadow(0 0 40px rgba(139,123,200,0.40)) drop-shadow(0 0 90px rgba(71,31,98,0.18));
}
.hero-server-card {
  background: rgba(93,156,172,0.04);
  border: 1px solid rgba(93,156,172,0.14);
}
.btn-play {
  box-shadow: 0 0 30px rgba(139,123,200,0.25), 0 0 70px rgba(71,31,98,0.12);
}
@keyframes btnGlow {
  0%,100% {
    box-shadow: 0 0 30px rgba(139,123,200,0.25), 0 0 60px rgba(71,31,98,0.12);
  }
  50% {
    box-shadow: 0 0 45px rgba(139,123,200,0.45), 0 0 90px rgba(71,31,98,0.2);
  }
}

.feat-num {
  background: linear-gradient(135deg, rgba(93,156,172,0.15), rgba(71,31,98,0.08));
}
.feat-intro-banner {
  border-left: 2px solid rgba(139,123,200,0.4);
  border-right: 2px solid rgba(139,123,200,0.4);
  background: rgba(139,123,200,0.03);
}
.news-item:hover {
  background: rgba(139,123,200,0.04);
}
.partner-active {
  border-bottom: 1px solid rgba(139,123,200,0.4);
}
.partner-intro {
  border-left: 2px solid rgba(139,123,200,0.35);
}
.partner-discount {
  background: rgba(93,156,172,0.04);
  border: 1px solid rgba(93,156,172,0.2);
}
.pd-copy {
  background: rgba(93,156,172,0.08);
  border: 1px solid rgba(93,156,172,0.2);
}
.pd-copy:hover {
  background: rgba(93,156,172,0.14);
}
.lb-frame {
  border: 1px solid rgba(93,156,172,0.18);
  box-shadow: 0 0 80px rgba(0,0,0,0.8), 0 0 0 1px rgba(93,156,172,0.06);
}
.lb-caption {
  border-top: 1px solid rgba(93,156,172,0.14);
}
.ph::before {
  background:
    radial-gradient(ellipse 60% 70% at 0% 50%, rgba(139,123,200,0.07) 0%, transparent 60%),
    radial-gradient(ellipse 40% 50% at 100% 50%, rgba(71,31,98,0.05) 0%, transparent 50%);
}
.sl-row:hover {
  background:rgba(139,123,200,0.03);
}
.sl-row.cown {
  border-left:3px solid #5D9CAC;
}
.sl-row.chst {
  border-left:3px solid #5D9CAC;
}
.sl-row.csenadm {
  border-left:3px solid #ff5f66;
}
.sl-row:hover .sl-arr {
  background:rgba(139,123,200,0.06);
}
.pr-n {
  color:rgba(139,123,200,0.45);
}
.shop-cat:hover {
  border-color: rgba(93,156,172,0.2);
}
.priority-strip {
  background: rgba(93,156,172,0.03);
  border: 1px solid rgba(93,156,172,0.1);
}
.ps-dot.gold {
  box-shadow: 0 0 8px rgba(93,156,172,0.6);
}
.gold-badge {
  border: 1px solid rgba(93,156,172,0.35);
  background: rgba(93,156,172,0.06);
}
.pcard.gold   .pcard-divider {
  background: rgba(93,156,172,0.25);
}
.shop-notice {
  background:rgba(139,123,200,0.05);
  border:1px solid rgba(139,123,200,0.15);
}
.p-own {
  background: linear-gradient(135deg,#5D9CAC,#471F62);
}
.p-hst {
  background:rgba(93,156,172,0.12);
  color:#5D9CAC;
  border:1px solid rgba(93,156,172,0.4);
}
.p-senadm {
  background:rgba(255,95,102,0.13);
  color:#ff5f66;
  border:1px solid rgba(255,95,102,0.4);
}
.staff-spinner {
  border: 2px solid rgba(93,156,172,0.15);
}
.zalba-box {
  border: 1px solid rgba(139,123,200,0.12);
  border-top: 2px solid rgba(139,123,200,0.35);
  box-shadow: 0 24px 60px rgba(0,0,0,0.6), 0 0 0 1px rgba(139,123,200,0.04);
}
.zf-input:focus {
  border-color: rgba(139,123,200,0.35);
  background: rgba(139,123,200,0.03);
  box-shadow: 0 0 0 3px rgba(139,123,200,0.06);
}
.lb-row:hover {
  border-color: rgba(93,156,172,0.15);
}
.lb-top {
  border-color: rgba(93,156,172,0.15);
  background: rgba(93,156,172,0.03);
}
.lb-r1 {
  color: #5D9CAC;
}
.lb-time {
  background: rgba(93,156,172,0.07);
  border: 1px solid rgba(93,156,172,0.15);
}
.lb-spinner {
  border: 2px solid rgba(93,156,172,0.2);
}
.mob-sublink:hover {
  background: rgba(139,123,200,0.04);
}
.mob-btn-si {
  background: rgba(139,123,200,0.08);
  border: 1px solid rgba(139,123,200,0.25);
}
.rz-pen-info {
  background: rgba(139,123,200,0.1);
  border: 1px solid rgba(139,123,200,0.3);
  color: #8B7BC8;
}
.rz-pen-ban {
  background: rgba(71,31,98,0.1);
  border: 1px solid rgba(71,31,98,0.35);
}
.voz-search:focus {
  border-color: rgba(93,156,172,0.35);
}
.voz-flt.active {
  background: rgba(93,156,172,0.1);
  border-color: rgba(93,156,172,0.45);
}
.voz-card:hover {
  border-color: rgba(93,156,172,0.25);
}
.voz-card-spawn span {
  color: rgba(93,156,172,0.5);
}
.voz-sort:focus {
  border-color: rgba(93,156,172,0.35);
}
.voz-lb-box {
  border: 1px solid rgba(93,156,172,0.22);
  box-shadow: 0 0 0 1px rgba(93,156,172,0.08), 0 32px 80px rgba(0,0,0,0.8);
}
.voz-lb-label {
  color: rgba(93,156,172,0.55);
}
.fsc::before {
  background: var(--fsc-color, #8B7BC8);
}
.forum-back a:hover {
  color: #8B7BC8;
}
.forum-new-btn {
  background: linear-gradient(135deg, #5D9CAC 0%, #471F62 100%);
}
.forum-login-hint a {
  color: #8B7BC8;
}
.fp-av-ph {
  background: rgba(139,123,200,0.08);
}
.fp-reply {
  background: rgba(139,123,200,.04);
  border: 1px solid rgba(139,123,200,.13);
  border-left: 2px solid #8B7BC8;
}
.fp-reply-badge {
  background:rgba(139,123,200,.15);
  color:#8B7BC8;
  border:1px solid rgba(139,123,200,.25);
}
.fp-reply-btn:hover {
  border-color:rgba(139,123,200,.35);
  color:#8B7BC8;
}
.fp-reply-ta:focus {
  border-color:rgba(139,123,200,.35);
}
.fp-reply-send {
  background:#8B7BC8;
}
.forum-spinner {
  border: 2px solid rgba(139,123,200,0.15);
  border-top-color: #8B7BC8;
}
.forum-modal-box {
  border: 1px solid rgba(139,123,200,0.12);
  border-top: 2px solid rgba(139,123,200,0.35);
}
.fm-title::before {
  background: #8B7BC8;
}
.chat-msg-av-ph {
  background: rgba(139,123,200,0.08);
}
.chat-login-hint a {
  color: #8B7BC8;
}
.chat-input:focus {
  border-color: rgba(139,123,200,0.3);
}
.chat-send-btn {
  background: linear-gradient(135deg, #5D9CAC 0%, #471F62 100%);
}
.chat-cooldown {
  color: rgba(139,123,200,0.5);
}

/* ================================================
   5) ISPRAVKE KONTRASTA
   Generator mapira boje, ali ne moze da zna gde je
   tekst citljiv. Ovo se pise rucno.
   ================================================ */

/* Zlatni gradijent je bio svetao celom duzinom, pa je crn tekst
   na njemu bio citljiv. S3 gradijent ide od svetlog teala (#5D9CAC)
   do tamne ljubicaste (#471F62) — crn tekst tu pada na 1.6:1 na
   tamnom kraju, a beo na 3.1:1 na svetlom. Ni jedno ni drugo ne
   prolazi WCAG AA (4.5:1).

   Resenje: ovim elementima dajemo gradijent iz svetlije polovine
   palete (teal -> lila) i zadrzavamo taman tekst. Kontrast tako
   ostaje 5.8:1 - 6.8:1 celom duzinom, a brend boje ostaju. */
.btn-play,
.pr-cat-hd,
.gold-btn,
.sc-badge,
.btn-buy,
.sys-btn,
.p-own,
.zf-submit,
.forum-new-btn,
.chat-send-btn {
  background: linear-gradient(135deg, #5D9CAC 0%, #8B7BC8 100%);
  color: #0d0d14;
}

/* Supervizor (zlatno) i Administrator (crveno).
   Namerno izlaze iz S3 teal/lila palete — rang mora da se
   prepozna na prvi pogled. U S3 su Vlasnik i Head Staff
   prebaceni na teal, pa je zlatna slobodna. */
.p-sadm {
  background: rgba(255,215,0,0.13);
  color: #FFD700;
  border: 1px solid rgba(255,215,0,0.4);
}
.sl-row.csadm { border-left-color: #FFD700; }

.p-senadm {
  background: rgba(255,95,102,0.13);
  color: #ff5f66;
  border: 1px solid rgba(255,95,102,0.4);
}
.sl-row.csenadm { border-left-color: #ff5f66; }

/* Brojevi na karticama "Sta nudi server" su gradijent tekst na
   15% providnosti. U zlatnoj su se nazirali; u tealu na skoro
   crnoj pozadini su nestali. Malo ih pojacavamo. */
.feat-num {
  background: linear-gradient(135deg, rgba(93,156,172,0.38), rgba(139,123,200,0.18));
}

/* ══ Nav dugme "Minecraft" (Burgos SMP) ══════════════════
   Zeleno da se odvoji od FiveM dela sajta. Tacka pulsira
   dok je server "uskoro" — kad se otvori, samo se skloni
   .nav-mc-dot iz nava. */
.nav-links a.nav-mc {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 5px 13px;
  border-radius: 99px;
  border: 1px solid rgba(127,191,77,.32);
  background: rgba(127,191,77,.08);
  color: #7FBF4D;
}
.nav-links a.nav-mc::after { display: none; }
.nav-links a.nav-mc:hover {
  border-color: rgba(127,191,77,.6);
  background: rgba(127,191,77,.15);
  color: #A5D97A;
}
.nav-links a.nav-mc.cur {
  border-color: rgba(127,191,77,.65);
  background: rgba(127,191,77,.16);
  color: #A5D97A;
}
.nav-mc-dot {
  width: 5px; height: 5px;
  border-radius: 50%;
  background: #7FBF4D;
  box-shadow: 0 0 7px rgba(127,191,77,.9);
  animation: nav-mc-puls 2s ease-in-out infinite;
}
@keyframes nav-mc-puls { 0%,100% { opacity: 1; } 50% { opacity: .3; } }

/* mobilni meni */
.mob-link.mob-mc {
  color: #7FBF4D;
}
.mob-link.mob-mc .nav-mc-dot {
  display: inline-block;
  margin-left: 8px;
  vertical-align: middle;
}