/* NemaDalje Community polish layer.
   Zajednicki sloj za default/new/redizajn skin bez mijenjanja legacy PHP logike. */
:root{
  --nd-bg:#070b11;
  --nd-panel:#101924;
  --nd-line:#26384a;
  --nd-text:#f5f8fc;
  --nd-muted:#91a7bc;
  --nd-blue:#258dff;
  --nd-red:#ff4158;
  --nd-green:#25d284;
  --nd-radius:10px;
  --nd-shadow:0 18px 60px rgba(0,0,0,.25);
}
html{scrollbar-color:#2d91ff #09111a}
body{
  background:
    radial-gradient(circle at 18% -10%,rgba(37,141,255,.16),transparent 32%),
    radial-gradient(circle at 100% 15%,rgba(255,65,88,.12),transparent 30%),
    linear-gradient(135deg,#070b11,#0b111a 62%,#090b10) !important;
  color:var(--nd-text);
  text-rendering:optimizeLegibility;
}
a{transition:color .16s ease,background .16s ease,border-color .16s ease,opacity .16s ease}
img{max-width:100%;height:auto}
input,textarea,select{
  border-radius:8px !important;
  border:1px solid rgba(255,255,255,.12) !important;
  background:#080f17 !important;
  color:#f8fbff !important;
  outline:none;
}
input:focus,textarea:focus,select:focus{
  border-color:rgba(37,141,255,.7) !important;
  box-shadow:0 0 0 3px rgba(37,141,255,.16) !important;
}
textarea{line-height:1.45}
.button,.button2,input[type=submit],button{
  border-radius:8px !important;
  border:1px solid rgba(255,255,255,.10) !important;
  background:linear-gradient(180deg,#2d96ff,#1378df) !important;
  color:#fff !important;
  font-weight:800 !important;
  text-shadow:none !important;
  box-shadow:0 8px 24px rgba(37,141,255,.18);
}
.button2{background:linear-gradient(180deg,#1b2838,#111a25) !important}
.button:hover,.button2:hover,input[type=submit]:hover,button:hover{filter:brightness(1.08)}
#header_login_wrapper,#header_bottom,#header_bottom_inner,#user_controls_wrapper{
  background:rgba(7,11,17,.88) !important;
  border-bottom:1px solid rgba(255,255,255,.08);
  backdrop-filter:blur(12px);
}
#logo_wrapper .logo,.logo{
  color:#fff !important;
  text-shadow:0 6px 30px rgba(37,141,255,.35) !important;
  letter-spacing:.02em;
}
#nav_wrapper a,#main_nav a,#header_bottom a,#user_controls_wrapper a{border-radius:8px}
#nav_wrapper a:hover,#main_nav a:hover,#header_bottom a:hover,#user_controls_wrapper a:hover{
  background:rgba(37,141,255,.13) !important;
  color:#fff !important;
}
.container_24{border-radius:12px}
.content_block,.sidebar_block,.admin_sekcija,.fatlist,.fatform,
.vx-hero,.vx-stats-bar,.vx-scard,.vx-sponsor,.vx-ad-ph{
  border:1px solid rgba(255,255,255,.08) !important;
  background:linear-gradient(180deg,rgba(16,25,36,.94),rgba(9,15,23,.94)) !important;
  border-radius:var(--nd-radius) !important;
  box-shadow:var(--nd-shadow);
}
.content_block,.sidebar_block{color:var(--nd-text)}
.title,.title_new,.sidebar_block .title,.content_block .title{
  background:linear-gradient(90deg,rgba(37,141,255,.18),rgba(255,65,88,.08)) !important;
  color:#fff !important;
  border-bottom:1px solid rgba(255,255,255,.08) !important;
  border-radius:8px 8px 0 0 !important;
  font-weight:900 !important;
}
.topic_1,.topic_2,#index_block p,.fatlist p{
  border-radius:8px;
  background:rgba(255,255,255,.035) !important;
  border:1px solid rgba(255,255,255,.055);
  margin:6px 0 !important;
  padding:8px 9px !important;
}
.topic_1:hover,.topic_2:hover,#index_block p:hover,.fatlist p:hover{
  border-color:rgba(37,141,255,.28);
  background:rgba(37,141,255,.08) !important;
}
.index_link,a.index_link{color:#eaf4ff !important;font-weight:800}
.info,.muted,.small,small{color:var(--nd-muted) !important}
table{border-collapse:separate;border-spacing:0}
table td,table th{border-color:rgba(255,255,255,.08) !important}
ul#breadcrumb{
  background:rgba(255,255,255,.035);
  border:1px solid rgba(255,255,255,.07);
  border-radius:10px;
  padding:9px 11px !important;
}
.error-div,.success-div,.info-div{
  border-radius:9px !important;
  border:1px solid rgba(255,255,255,.12) !important;
}
.error-div{background:rgba(255,65,88,.12) !important;color:#ffdce1 !important}
.success-div{background:rgba(37,210,132,.12) !important;color:#dcfff0 !important}
.info-div{background:rgba(37,141,255,.12) !important;color:#e5f2ff !important}
.vx-hero{overflow:hidden;position:relative}
.vx-hero:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(120deg,rgba(37,141,255,.18),transparent 42%,rgba(255,65,88,.11));
}
.vx-hero-inner{position:relative;z-index:1}
.vx-stat b,.vx-col-title{color:#fff !important}
.vx-pbar{background:rgba(255,255,255,.08) !important;border-radius:999px;overflow:hidden}
.vx-pbar i{background:linear-gradient(90deg,var(--nd-green),var(--nd-blue)) !important}
.vx-on-user,.vx-connect{border-radius:8px !important}
.forum_post,.post,.comment,.komentar{
  background:rgba(255,255,255,.035) !important;
  border:1px solid rgba(255,255,255,.07) !important;
  border-radius:10px !important;
}
.ui-notify-message{
  border-radius:10px !important;
  border:1px solid rgba(255,255,255,.12) !important;
  background:rgba(14,23,34,.97) !important;
  color:#fff !important;
}
@media(max-width:980px){
  body{min-width:0 !important}
  .container_24{
    width:calc(100% - 20px) !important;
    margin-left:10px !important;
    margin-right:10px !important;
    padding-left:0 !important;
    padding-right:0 !important;
  }
  .grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12,
  .grid_13,.grid_14,.grid_15,.grid_16,.grid_17,.grid_18,.grid_19,.grid_20,.grid_21,.grid_22,.grid_23,.grid_24{
    width:100% !important;
    float:none !important;
    margin-left:0 !important;
    margin-right:0 !important;
  }
  #header_login_wrapper,#header_bottom,#user_controls_wrapper{min-width:0 !important}
  #logo_wrapper,#nav_wrapper,#main_nav,#user_controls_wrapper{
    width:calc(100% - 20px) !important;
    margin-left:10px !important;
    margin-right:10px !important;
  }
  #nav_wrapper ul,#main_nav ul{display:flex;flex-wrap:wrap;gap:6px}
  #nav_wrapper li,#main_nav li{float:none !important}
  input,textarea,select{max-width:100% !important}
}
@media(max-width:560px){
  .content_block,.sidebar_block,.admin_sekcija,.fatlist,.fatform{padding:10px !important}
  .button,.button2,input[type=submit],button{width:100%;margin-top:6px}
}

/* Header guard: new tema mora ostati kompaktna i horizontalna na desktopu. */
#user_controls_wrapper{
  height:auto!important;
  min-height:40px!important;
  display:block!important;
}
#user_controls_inner{
  width:min(1120px,calc(100% - 32px))!important;
  max-width:1120px!important;
  min-height:40px!important;
  margin:0 auto!important;
  padding:5px 0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
.vx-userbar{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex-direction:row!important;
  flex-wrap:wrap!important;
  gap:6px!important;
  width:auto!important;
  margin:0!important;
  padding:0!important;
}
.vx-userbar>li{
  float:none!important;
  width:auto!important;
  height:auto!important;
  margin:0!important;
}
#header{
  height:auto!important;
  min-height:74px!important;
  display:block!important;
  overflow:visible!important;
}
#header_inner{
  width:min(1120px,calc(100% - 32px))!important;
  max-width:1120px!important;
  min-height:74px!important;
  margin:0 auto!important;
  padding:0!important;
  display:grid!important;
  grid-template-columns:auto minmax(260px,460px) auto!important;
  align-items:center!important;
  column-gap:34px!important;
}
#header_inner #logo_wrapper{
  width:auto!important;
  height:auto!important;
  float:none!important;
  margin:0!important;
  padding:0!important;
}
#header_inner a.logo{
  display:inline-flex!important;
  align-items:center!important;
  width:auto!important;
  height:auto!important;
  line-height:1!important;
  margin:0!important;
  padding:0!important;
  white-space:nowrap!important;
}
#hsearch{
  width:100%!important;
  max-width:460px!important;
  margin:0!important;
  float:none!important;
  box-sizing:border-box!important;
}
#header_inner #main_controls{
  width:auto!important;
  height:auto!important;
  float:none!important;
  margin:0!important;
  padding:0!important;
  overflow:visible!important;
}
#header_inner #main_controls ul{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  flex-direction:row!important;
  flex-wrap:nowrap!important;
  gap:4px!important;
  width:auto!important;
  height:auto!important;
  margin:0!important;
  padding:0!important;
  float:none!important;
  list-style:none!important;
}
#header_inner #main_controls ul li{
  display:block!important;
  float:none!important;
  width:auto!important;
  height:auto!important;
  margin:0!important;
  padding:0!important;
}
#header_inner #main_controls ul li a{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:auto!important;
  height:36px!important;
  line-height:1!important;
  margin:0!important;
  padding:0 11px!important;
  white-space:nowrap!important;
}
@media(max-width:1180px){
  #header_inner{
    grid-template-columns:auto minmax(220px,1fr)!important;
    row-gap:10px!important;
    padding:12px 0!important;
  }
  #header_inner #main_controls{
    grid-column:1 / -1!important;
    width:100%!important;
  }
  #header_inner #main_controls ul{
    justify-content:center!important;
    overflow-x:auto!important;
  }
}
@media(max-width:700px){
  #header_inner{
    grid-template-columns:1fr!important;
    min-height:0!important;
  }
  #header_inner #logo_wrapper{text-align:center!important}
  #header_inner a.logo{justify-content:center!important}
  #hsearch{display:flex!important;max-width:none!important}
}