/* =========================================================
   MMEDIA GLOBAL — ucitava se na SVAKOJ stranici (GLOBAL_AHEADER)
   Sadrzi: promenljive, osnovnu pozadinu, layout, sidebar,
   anketu, "zaprati nas" dugmad, footer.
   NE STAVLJATI OVDE nista specificno za pojedinacnu sekciju
   (homepage/magazin/influenseri/forum) - to ide u njihov
   posebni CSS koji se ucitava POVRH ovoga.
========================================================= */

:root{
  --mm-bg:#090b14;
  --mm-bg-soft:#111625;
  --mm-panel:#171c2b;
  --mm-panel-2:#1d2334;
  --mm-panel-3:#20283c;
  --mm-line:rgba(255,255,255,.08);
  --mm-line-strong:rgba(255,255,255,.14);
  --mm-text:#eef3ff;
  --mm-sub:rgba(238,243,255,.72);
  --mm-muted:rgba(238,243,255,.56);
  --mm-gold:#c79a3b;
  --mm-gold-2:#f1c15b;
  --mm-red:#d81f44;
  --mm-violet:#8f5bff;
  --mm-shadow:0 12px 30px rgba(0,0,0,.28);
  --mm-shadow-sm:0 6px 16px rgba(0,0,0,.22);
  --mm-radius:18px;
  --mm-radius-sm:12px;
}

/* =========================================================
   GLOBAL FEEL
========================================================= */
body{
  background:
    radial-gradient(circle at top center, rgba(143,91,255,.06), transparent 28%),
    radial-gradient(circle at top left, rgba(216,31,68,.06), transparent 24%),
    linear-gradient(180deg, #080a12 0%, #0c101b 35%, #090b14 100%);
  color:var(--mm-text);
}

a{ transition:all .2s ease; }

html{ scroll-behavior:smooth; }

.container{ width:90%; }

@media (min-width:1200px){
  .container{ width:1280px; max-width:calc(100% - 40px); }
}

#mainbar{ padding-top:26px; }

/* =========================================================
   MAIN LAYOUT
========================================================= */
#mainbar > .row{
  display:flex;
  flex-wrap:wrap;
  align-items:flex-start;
}

#mainbar > .row > .col-md-9,
#mainbar > .row > .col-md-3{ float:none; }

@media (min-width:992px){
  #mainbar > .row > .col-md-9{ width:72%; }
  #mainbar > .row > .col-md-3{ width:28%; }
}

@media (max-width:991px){
  #mainbar > .row{ display:block; }
  #mainbar > .row > .col-md-9,
  #mainbar > .row > .col-md-3{ width:100%; }
}

/* =========================================================
   BASE PANEL STYLE (koristi se svuda: sidebar, breadcrumb, kutije)
========================================================= */
.block-dark,
.block-site,
.block-light,
.shortstory,
.fullstory,
.speedbar,
#page-input,
#addnews-page{
  border-radius:18px !important;
  border:1px solid var(--mm-line);
  box-shadow:var(--mm-shadow-sm);
}

.block-dark{
  background:linear-gradient(180deg, rgba(26,32,47,.96), rgba(20,25,38,.98));
  padding:18px;
}

.block-site{
  background:linear-gradient(180deg, rgba(28,34,49,.96), rgba(21,26,38,.98));
}

.speedbar{
  background:linear-gradient(180deg, #171d2b, #121723);
  border-left:4px solid var(--mm-gold);
  height:auto;
  line-height:1.5;
  padding:14px 16px;
}

.h-owl{
  border-left:4px solid var(--mm-violet);
  padding:6px 0 6px 12px;
  font-size:15px;
  letter-spacing:.3px;
  color:#f5f8ff;
}

/* =========================================================
   FIX: styles.css (legacy) definise .block-m sa
   margin-left/right:40px !important i .btn sa
   text-transform:uppercase - ovo "curi" u komentare i
   tagove na svakom clanku. Neutralisemo ovde.
========================================================= */
#comment-news .block-m,
.fstory-tags.block-m{
  margin-left:0 !important;
  margin-right:0 !important;
}

.comment-news-line .btn{
  text-transform:none !important;
}

/* =========================================================
   SHORTSTORY-NEWS TEMPLATE
   (koristi se za kartice entry-ja u razlicitim widget-ima
   sirom sajta - magazin, homepage sekcije, kategorije...
   ovde je namerno globalno, jer se template ponavlja svuda)
========================================================= */
.shortstory-news.radius-3{
  background:linear-gradient(180deg, rgba(26,32,47,.97), rgba(18,22,34,.98));
  border:1px solid var(--mm-line);
  border-radius:var(--mm-radius) !important;
  padding:20px;
  box-shadow:var(--mm-shadow-sm);
  transition:transform .18s ease, border-color .18s ease;
}

.shortstory-news.radius-3:hover{
  transform:translateY(-2px);
  border-color:rgba(199,154,59,.28);
}

.shortstory-news .shortstory-news-img{
  display:flex;
  align-items:center;
  justify-content:center;
  height:190px;
  overflow:hidden;
  border-radius:14px;
  background:#0d111c;
}

.shortstory-news .shortstory-news-img img{
  width:100%;
  height:100%;
  object-fit:contain;
  border-radius:14px;
  border:1px solid var(--mm-line);
}

@media (max-width:767px){
  .shortstory-news .shortstory-news-img{ height:220px; }
  .mm-mag-entry-body{ padding-left:0; }
}

.shortstory-news .shortstory-news-text{
  color:var(--mm-sub);
  line-height:1.7;
}

.shortstory-news .short-info li.short-info-li{
  background:rgba(255,255,255,.05);
  border:1px solid var(--mm-line);
  border-radius:999px;
  color:#dbe6fb;
}

.shortstory-news .short-info li.short-info-li:hover{
  background:rgba(255,255,255,.08);
  color:#fff;
}

/* --- entry card: telo, kategorija-red, datum, naslov, tekst, bedzevi ---
   premesteno iz magazin.css jer se ova kartica koristi na celom sajtu
   (homepage, magazin, misterije...), ne samo u magazinu */
.mm-mag-entry-body{
  height:100%;
  display:flex;
  flex-direction:column;
  padding:2px 2px 2px 8px;
}

.mm-mag-entry-top{
  margin-bottom:10px;
}

.mm-mag-entry-toprow{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:10px;
  margin-bottom:12px;
}

.mm-mag-entry-toprow .mm-mag-entry-cat{
  margin-bottom:0;
}

.mm-mag-entry-date{
  display:inline-flex;
  align-items:center;
  gap:7px;
  min-height:32px;
  padding:6px 12px;
  border-radius:999px;
  background:rgba(255,255,255,.04);
  border:1px solid var(--mm-line);
  color:var(--mm-sub);
  font-size:12px;
  font-weight:600;
  white-space:nowrap;
}

.mm-mag-entry-date i{
  color:var(--mm-gold-2);
}

@media (max-width:480px){
  .mm-mag-entry-toprow{
    justify-content:flex-start;
  }
}

.mm-mag-entry-cat{
  display:inline-flex;
  align-items:center;
  gap:6px;
  margin-bottom:12px;
  padding:6px 10px;
  border-radius:999px;
  background:rgba(34,211,238,.10);
  border:1px solid rgba(34,211,238,.22);
  color:#b7f6ff;
  font-size:12px;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.04em;
  text-decoration:none;
}

.shortstory-news h4{
  margin:0 0 12px;
  font-size:26px;
  line-height:1.25;
  font-weight:800;
}

.shortstory-news h4 a{
  color:#fff;
  text-decoration:none;
}

.shortstory-news h4 a:hover{
  color:#fff;
  text-shadow:0 0 18px rgba(139,92,246,.18);
}

.shortstory-news-text{
  margin:0 0 16px;
  font-size:15px;
}

.shortstory-news-info{
  margin-top:auto;
}

.short-info{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  align-items:center;
  list-style:none;
  margin:0;
  padding:0;
}

.short-info-li{
  display:inline-flex;
  align-items:center;
  gap:8px;
  min-height:38px;
  padding:9px 12px;
  font-size:13px;
}

.short-info-li i{
  color:var(--mm-gold-2);
}

.short-info-btn{
  margin-left:auto;
}

.short-info-btn .btn,
.short-info-btn a.btn{
  display:inline-flex;
  align-items:center;
  gap:8px;
  min-height:42px;
  padding:10px 15px;
  border-radius:12px;
  background:linear-gradient(90deg, rgba(139,92,246,.22), rgba(34,211,238,.14));
  border:1px solid rgba(139,92,246,.34);
  color:#fff !important;
  font-weight:700;
  text-decoration:none !important;
  box-shadow:none;
}

.short-info-btn .btn:hover{
  transform:translateY(-1px);
  box-shadow:0 10px 28px rgba(139,92,246,.16);
}

.short-info-btn small{
  font-size:13px;
}

/* =========================================================
   PAGINACIJA (brojevi stranica, na dnu listi/kategorija)
========================================================= */
.pagesBlockuz1, .pagesBlockuz2, #pagesBlock1, #pagesBlock2{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:center;
  gap:8px;
  height:auto !important;
  margin:34px 0 !important;
}

.swchItem, .swchItemA, .swchItem1, .swchItemA1{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:40px;
  height:40px;
  line-height:1 !important;
  padding:0 14px !important;
  margin:0 !important;
  border-radius:999px !important;
  font-size:13px;
  font-weight:700;
  border:1px solid rgba(255,255,255,.08);
  transition:all .18s ease;
}

.swchItem, .swchItem1{
  background:rgba(255,255,255,.04) !important;
  color:#dbe6fb;
}

.swchItem:hover, .swchItem1:hover{
  background:rgba(255,255,255,.09) !important;
  border-color:rgba(199,154,59,.35);
  color:#fff;
  transform:translateY(-1px);
}

.swchItemA, .swchItemA1{
  background:linear-gradient(135deg,#f1c15b,#c79a3b) !important;
  color:#241a05 !important;
  border-color:transparent;
  box-shadow:0 4px 14px rgba(199,154,59,.28);
  cursor:default;
}

.swchItemDots, .swchItemDots1{
  min-width:auto;
  height:auto;
  padding:0 4px !important;
  background:none !important;
  border:none;
  color:rgba(238,243,255,.4);
  font-weight:700;
}

@media (max-width:480px){
  .swchItem, .swchItemA, .swchItem1, .swchItemA1{
    min-width:34px;
    height:34px;
    padding:0 10px !important;
    font-size:12px;
  }
}

/* =========================================================
   KATEGORIJE ($CATEGORIES$ - lista kategorija na vrhu listinga)
========================================================= */
.mm-cats-box{
  position:relative;
  margin:0 0 22px;
  padding:16px 18px 15px;
  border-radius:18px;
  background:linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.02));
  border:1px solid var(--mm-line);
  box-shadow:var(--mm-shadow-sm);
}

.mm-cats-box-head{
  margin-bottom:12px;
}

.mm-cats-box-title{
  display:inline-flex;
  align-items:center;
  gap:8px;
  font-size:13px;
  font-weight:800;
  letter-spacing:.04em;
  text-transform:uppercase;
  color:#fff;
}

.mm-cats-box-title i{
  color:var(--mm-gold-2);
}

.mm-cats-box-list{
  display:flex;
  flex-wrap:wrap;
  gap:9px;
}

.mm-cats-box-list table,
.mm-cats-box-list tbody,
.mm-cats-box-list tr{
  display:contents;
}

.mm-cats-box-list td{
  display:contents !important;
  width:auto !important;
}

.mm-cats-box-list br{
  display:none !important;
}

.mm-cats-box-list a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:36px;
  padding:0 14px;
  border-radius:999px;
  background:rgba(255,255,255,.04);
  border:1px solid var(--mm-line);
  color:#edf3ff;
  font-size:12.5px;
  font-weight:700;
  text-decoration:none !important;
  transition:transform .18s ease, border-color .18s ease, background .18s ease, color .18s ease;
  white-space:nowrap;
}

.mm-cats-box-list a:hover{
  transform:translateY(-2px);
  color:#fff;
  border-color:rgba(199,154,59,.34);
  background:rgba(199,154,59,.12);
}

@media (max-width:767px){
  .mm-cats-box{
    padding:14px 14px 12px;
    border-radius:16px;
  }
  .mm-cats-box-list{
    gap:7px;
  }
  .mm-cats-box-list a{
    min-height:34px;
    padding:0 12px;
    font-size:12px;
  }
}

/* =========================================================
   SORTIRANJE ($SORTING_MENU$ - sort po datumu/rejtingu/komentarima...)
========================================================= */
.mm-sort-bar{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:10px;
  margin:0 0 22px;
  padding:12px 16px;
  border-radius:14px;
  background:rgba(255,255,255,.03);
  border:1px solid var(--mm-line);
}

.mm-sort-bar-label{
  display:inline-flex;
  align-items:center;
  gap:7px;
  color:var(--mm-sub);
  font-size:12.5px;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.03em;
  white-space:nowrap;
}

.mm-sort-bar-label i{
  color:var(--mm-gold-2);
}

.mm-sort-bar-menu{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:8px;
}

/* ako DLE generise tabelu/div/li omotace oko svake stavke - odmotaj ih */
.mm-sort-bar-menu table,
.mm-sort-bar-menu tbody,
.mm-sort-bar-menu tr,
.mm-sort-bar-menu ul,
.mm-sort-bar-menu li{
  display:contents;
}

.mm-sort-bar-menu td{
  display:contents !important;
  width:auto !important;
}

.mm-sort-bar-menu br{
  display:none !important;
}

.mm-sort-bar-menu a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:32px;
  padding:0 12px;
  border-radius:999px;
  background:rgba(255,255,255,.04);
  border:1px solid var(--mm-line);
  color:#dbe6fb;
  font-size:12px;
  font-weight:700;
  text-decoration:none !important;
  transition:all .18s ease;
  white-space:nowrap;
}

.mm-sort-bar-menu a:hover{
  color:#fff;
  border-color:rgba(199,154,59,.34);
  background:rgba(199,154,59,.12);
}

.mm-sort-bar-menu a.active,
.mm-sort-bar-menu a.sort-active{
  background:linear-gradient(135deg,#f1c15b,#c79a3b);
  color:#241a05 !important;
  border-color:transparent;
  font-weight:800;
}

/* ako DLE generise <select> umesto linkova */
.mm-sort-bar-menu select{
  min-height:36px;
  padding:0 14px;
  border-radius:10px;
  background:rgba(8,12,22,.85);
  border:1px solid var(--mm-line);
  color:#fff;
  font-size:12.5px;
  font-weight:600;
}

@media (max-width:600px){
  .mm-sort-bar{
    justify-content:flex-start;
  }
}

/* =========================================================
   KOMENTARI (kartice + forma za komentar - premesteno iz
   komentari.css, sitewide je jer se pojavljuje na svakom clanku)

   FIX 1: originalne klase su bile zakljucane samo unutar
   #comment-news - ako se forma renderuje van tog omotaca
   (npr. AJAX ubacivanje), CSS nikad nije pogadjao metu.
   Ovde dodajemo #addcform kao alternativni/dodatni scope.
   FIX 2: dodate klase koje ranije NISU imale CSS uopste
   (.blnw-title, .blnw-sub, .blnw-checkbox-wrap, .blnw-link-small)
   FIX 3: zlatna boja uskladjena sa #f1c15b (bila #d4af37)
========================================================= */

/* ----- KARTICA KOMENTARA ----- */
#comment-news .bcomment-container,
.bcomment-blnw-wrapper .bcomment-container{
  background:linear-gradient(145deg, rgba(18,22,35,.95), rgba(10,12,20,.95));
  border-radius:12px;
  padding:16px;
  margin-bottom:15px;
  transition:.25s ease;
  border:1px solid rgba(255,255,255,.04);
}

#comment-news .bcomment-container:hover,
.bcomment-blnw-wrapper .bcomment-container:hover{
  transform:translateY(-2px);
  box-shadow:0 10px 25px rgba(0,0,0,.7);
}

#comment-news .comment-owner,
.bcomment-blnw-wrapper .comment-owner{
  border-left:3px solid #f1c15b;
  box-shadow:0 0 20px rgba(241,193,91,.15);
}

#comment-news .bcomment-flex,
.bcomment-blnw-wrapper .bcomment-flex{
  display:flex;
  gap:14px;
}

#comment-news .bcomment-left,
.bcomment-blnw-wrapper .bcomment-left{
  width:70px;
  text-align:center;
}

#comment-news .blnw-avatar-frame,
.bcomment-blnw-wrapper .blnw-avatar-frame{
  width:60px;
  height:60px;
  border-radius:50%;
  overflow:hidden;
  position:relative;
}

#comment-news .blnw-avatar-frame img,
.bcomment-blnw-wrapper .blnw-avatar-frame img{
  width:100%;
  height:100%;
  object-fit:cover;
}

#comment-news .blnw-status,
.bcomment-blnw-wrapper .blnw-status{
  position:absolute;
  bottom:3px;
  right:3px;
  width:10px;
  height:10px;
  border-radius:50%;
  background:#2ecc71;
  border:2px solid #0a0a0a;
}

#comment-news .blnw-user-badge,
.bcomment-blnw-wrapper .blnw-user-badge{
  margin-top:5px;
  font-size:9px;
  padding:3px 6px;
  border-radius:8px;
}

#comment-news .badge-owner,
.bcomment-blnw-wrapper .badge-owner{
  background:linear-gradient(135deg,#f1c15b,#8f6f0a);
  color:#000;
  font-weight:bold;
}

#comment-news .badge-member,
.bcomment-blnw-wrapper .badge-member{
  background:rgba(255,255,255,.05);
  color:#aaa;
}

#comment-news .bcomment-right,
.bcomment-blnw-wrapper .bcomment-right{
  flex:1;
}

#comment-news .bcomment-header,
.bcomment-blnw-wrapper .bcomment-header{
  display:flex;
  justify-content:space-between;
  margin-bottom:6px;
}

#comment-news .blnw-username,
.bcomment-blnw-wrapper .blnw-username{
  color:#fff;
  font-weight:600;
}

#comment-news .blnw-username:hover,
.bcomment-blnw-wrapper .blnw-username:hover{
  color:#f1c15b;
}

#comment-news .bcomment-date,
.bcomment-blnw-wrapper .bcomment-date{
  font-size:11px;
  color:#777;
}

#comment-news .bcomment-text,
.bcomment-blnw-wrapper .bcomment-text{
  color:#cfd6e6;
  line-height:1.6;
}

#comment-news .bcomment-reactions,
.bcomment-blnw-wrapper .bcomment-reactions{
  margin-top:8px;
  display:flex;
  align-items:center;
  gap:10px;
}

#comment-news .react:hover,
.bcomment-blnw-wrapper .react:hover{
  transform:scale(1.2);
}

#comment-news .rate,
.bcomment-blnw-wrapper .rate{
  font-size:12px;
  color:#aaa;
}

#comment-news .blnw-admin-reply,
.bcomment-blnw-wrapper .blnw-admin-reply{
  margin-top:8px;
  padding:8px;
  background:rgba(241,193,91,.08);
  border-left:2px solid #f1c15b;
  border-radius:6px;
}

/* ----- FORMA ZA KOMENTAR ----- */
#comment-news .blnw-form-container,
#addcform .blnw-form-container{
  background:linear-gradient(145deg, rgba(20,25,40,.95), rgba(10,15,25,.95));
  border-radius:12px;
  padding:20px;
  border:1px solid rgba(255,255,255,.05);
  box-shadow:0 10px 30px rgba(0,0,0,.7);
  backdrop-filter:blur(6px);
}

#comment-news .blnw-form-container:hover,
#addcform .blnw-form-container:hover{
  box-shadow:0 15px 40px rgba(0,0,0,.9), 0 0 15px rgba(241,193,91,.08);
}

#comment-news .blnw-form-header,
#addcform .blnw-form-header{
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin-bottom:15px;
  flex-wrap:wrap;
  gap:10px;
}

#comment-news .blnw-user-info,
#addcform .blnw-user-info{
  display:flex;
  align-items:center;
  gap:10px;
}

#comment-news .blnw-avatar-small,
#addcform .blnw-avatar-small{
  width:40px;
  height:40px;
  border-radius:50%;
  overflow:hidden;
  position:relative;
  flex-shrink:0;
}

#comment-news .blnw-avatar-small img,
#addcform .blnw-avatar-small img{
  width:100%;
  height:100%;
  object-fit:cover;
}

/* NOVO: naslov forme ("Post Comment") - ranije bez CSS-a */
#comment-news .blnw-title,
#addcform .blnw-title{
  color:#fff;
  font-size:15px;
  font-weight:800;
  line-height:1.3;
}

/* NOVO: podnaslov ("Write something useful...") - ranije bez CSS-a */
#comment-news .blnw-sub,
#addcform .blnw-sub{
  color:rgba(238,243,255,.56);
  font-size:12px;
  line-height:1.3;
}

/* NOVO: "Unsubscribe" link - ranije bez CSS-a */
#comment-news .blnw-link-small,
#addcform .blnw-link-small{
  color:#f1c15b;
  font-size:11px;
  text-decoration:none;
  white-space:nowrap;
}

#comment-news .blnw-link-small:hover,
#addcform .blnw-link-small:hover{
  color:#fff;
  text-decoration:underline;
}

#comment-news .blnw-input,
#addcform .blnw-input{
  width:100%;
  background:#0d111c;
  border:1px solid rgba(255,255,255,.06);
  color:#fff;
  padding:12px;
  border-radius:8px;
  min-height:110px;
  box-shadow:inset 0 0 10px rgba(0,0,0,.6);
  font-family:inherit;
  font-size:13.5px;
}

#comment-news .blnw-input:focus,
#addcform .blnw-input:focus{
  border-color:#f1c15b;
  box-shadow:0 0 10px rgba(241,193,91,.2);
  outline:none;
}

#comment-news .blnw-input::placeholder,
#addcform .blnw-input::placeholder{
  color:rgba(238,243,255,.4);
}

#comment-news .blnw-bbcodes,
#addcform .blnw-bbcodes{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  margin-bottom:10px;
}

/* omotaci oko svake ikonice (span/div/li) postaju "nevidljivi"
   za layout, da se izbegne dupli okvir oko svakog dugmeta */
#comment-news .blnw-bbcodes > *:not(script):not(style),
#addcform .blnw-bbcodes > *:not(script):not(style){
  display:contents;
}

#comment-news .blnw-bbcodes script,
#addcform .blnw-bbcodes script{
  display:none !important;
}

#comment-news .blnw-bbcodes a,
#comment-news .blnw-bbcodes select,
#comment-news .blnw-bbcodes button,
#addcform .blnw-bbcodes a,
#addcform .blnw-bbcodes select,
#addcform .blnw-bbcodes button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:rgba(255,255,255,.04) !important;
  border:1px solid rgba(255,255,255,.06) !important;
  color:#bbb !important;
  padding:6px 10px !important;
  border-radius:6px !important;
  font-size:12px !important;
  text-decoration:none !important;
  cursor:pointer;
}

#comment-news .blnw-bbcodes a:hover,
#comment-news .blnw-bbcodes select:hover,
#comment-news .blnw-bbcodes button:hover,
#addcform .blnw-bbcodes a:hover,
#addcform .blnw-bbcodes select:hover,
#addcform .blnw-bbcodes button:hover{
  background:rgba(241,193,91,.1) !important;
  border-color:rgba(241,193,91,.4) !important;
  color:#f1c15b !important;
}

/* smajliji - ranije bez CSS-a, redjali su se DLE default rasporedom */
#comment-news .blnw-smiles,
#addcform .blnw-smiles{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:8px;
  margin-top:12px;
  padding-top:10px;
  border-top:1px solid rgba(255,255,255,.05);
}

#comment-news .blnw-smiles > *:not(script):not(style),
#addcform .blnw-smiles > *:not(script):not(style){
  display:contents;
}

/* defanzivno: script tag NIKAD ne sme biti vidljiv */
#comment-news .blnw-smiles script,
#addcform .blnw-smiles script{
  display:none !important;
}

#comment-news .blnw-smiles img,
#addcform .blnw-smiles img{
  width:24px;
  height:24px;
  cursor:pointer;
  border-radius:4px;
  transition:transform .15s ease;
}

#comment-news .blnw-smiles img:hover,
#addcform .blnw-smiles img:hover{
  transform:scale(1.25);
}

#comment-news .blnw-smiles a,
#addcform .blnw-smiles a{
  color:#f1c15b;
  font-size:12px;
  text-decoration:none;
  white-space:nowrap;
}

#comment-news .blnw-smiles a:hover,
#addcform .blnw-smiles a:hover{
  color:#fff;
  text-decoration:underline;
}

#comment-news select,
#comment-news select option,
#addcform select,
#addcform select option{
  background:#0f1420 !important;
  color:#fff !important;
}

/* NOVO: checkbox-ovi (Share/Anon/Follow) - ranije bez CSS-a,
   bili su goli default browser checkbox-ovi */
#comment-news .blnw-options,
#addcform .blnw-options{
  display:flex;
  flex-wrap:wrap;
  gap:16px;
  font-size:12px;
  color:#aaa;
  margin:14px 0;
}

#comment-news .blnw-checkbox-wrap,
#addcform .blnw-checkbox-wrap{
  display:inline-flex;
  align-items:center;
  gap:7px;
  cursor:pointer;
  color:rgba(238,243,255,.68);
  font-size:12.5px;
  user-select:none;
}

#comment-news .blnw-checkbox-wrap:hover,
#addcform .blnw-checkbox-wrap:hover{
  color:#fff;
}

#comment-news .blnw-checkbox-wrap input[type="checkbox"],
#addcform .blnw-checkbox-wrap input[type="checkbox"]{
  appearance:none;
  -webkit-appearance:none;
  width:16px;
  height:16px;
  border-radius:5px;
  border:1px solid rgba(255,255,255,.18);
  background:rgba(255,255,255,.04);
  position:relative;
  cursor:pointer;
  flex-shrink:0;
  transition:.15s ease;
}

#comment-news .blnw-checkbox-wrap input[type="checkbox"]:checked,
#addcform .blnw-checkbox-wrap input[type="checkbox"]:checked{
  background:linear-gradient(135deg,#f1c15b,#c79a3b);
  border-color:transparent;
}

#comment-news .blnw-checkbox-wrap input[type="checkbox"]:checked::after,
#addcform .blnw-checkbox-wrap input[type="checkbox"]:checked::after{
  content:"";
  position:absolute;
  left:4px;
  top:1px;
  width:5px;
  height:9px;
  border:2px solid #241a05;
  border-top:0;
  border-left:0;
  transform:rotate(40deg);
}

/* FIX: styles.css stavlja flat pozadinu/padding na #addcform,
   pravi "kutiju u kutiji" oko .blnw-form-container */
#addcform{
  background:transparent !important;
  padding-top:0 !important;
  padding-bottom:0 !important;
}

#comment-news .blnw-btn-submit,
#addcform .blnw-btn-submit{
  width:100%;
  padding:12px;
  border-radius:8px;
  border:none;
  background:linear-gradient(135deg,#f1c15b,#c79a3b);
  color:#241a05 !important;
  font-weight:800;
  cursor:pointer;
  font-size:13.5px;
  text-transform:none;
}

#comment-news .blnw-btn-submit:hover,
#addcform .blnw-btn-submit:hover{
  transform:translateY(-2px);
  box-shadow:0 5px 20px rgba(241,193,91,.3);
}

#comment-news .blnw-btn-submit.loading,
#addcform .blnw-btn-submit.loading{
  opacity:.7;
  pointer-events:none;
}

#comment-news .blnw-btn-submit.loading::after,
#addcform .blnw-btn-submit.loading::after{
  content:" ...";
  animation:mmDots 1s infinite;
}

@keyframes mmDots{
  0%{ content:"."; }
  50%{ content:".."; }
  100%{ content:"..."; }
}

#comment-news .blnw-guest-box,
#addcform .blnw-guest-box{
  background:linear-gradient(145deg, rgba(20,25,40,.95), rgba(10,15,25,.95));
  border-radius:14px;
  padding:30px;
  border:1px solid rgba(255,255,255,.05);
  box-shadow:0 10px 30px rgba(0,0,0,.8);
  text-align:center;
  position:relative;
}

#comment-news .blnw-guest-box::before,
#addcform .blnw-guest-box::before{
  content:"";
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:2px;
  background:linear-gradient(90deg, transparent, #f1c15b, transparent);
}

#comment-news .blnw-guest-box p,
#addcform .blnw-guest-box p{
  font-size:18px;
  font-weight:600;
  color:#f1c15b;
  margin-bottom:20px;
  text-transform:uppercase;
}

#comment-news .blnw-social-login,
#addcform .blnw-social-login{
  display:flex;
  justify-content:center;
  gap:15px;
  margin-bottom:20px;
}

#comment-news .blnw-social-login a,
#addcform .blnw-social-login a{
  width:42px;
  height:42px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.1);
}

#comment-news .blnw-social-login a:hover,
#addcform .blnw-social-login a:hover{
  background:rgba(241,193,91,.15);
  border-color:#f1c15b;
  transform:scale(1.1);
}

#comment-news .blnw-preview,
#addcform .blnw-preview{
  margin-top:10px;
  padding:12px;
  border-radius:8px;
  background:rgba(255,255,255,.03);
  border:1px solid rgba(255,255,255,.05);
  color:#cfd6e6;
  font-size:14px;
  display:none;
}

#comment-news .blnw-preview:empty::before,
#addcform .blnw-preview:empty::before{
  content:"Live preview will appear here...";
  color:#666;
}

@media (max-width:600px){
  #comment-news .bcomment-flex,
  .bcomment-blnw-wrapper .bcomment-flex{
    flex-direction:column;
    align-items:center;
    text-align:center;
  }
}

/* =========================================================
   SOCIAL BUTTONS (Zaprati nas / Radio, u sidebaru na svakoj strani)
========================================================= */
.mm-social-list{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
}

.mm-social-btn{
  display:flex;
  align-items:center;
  gap:9px;
  padding:10px 12px;
  border-radius:14px;
  background:#1a2030;
  border:1px solid rgba(255,255,255,.08);
  color:#e6ecfb;
  font-weight:700;
  font-size:12.5px;
  transition:all .18s ease;
  overflow:hidden;
  white-space:nowrap;
}

.mm-social-btn svg{
  width:16px;
  height:16px;
  flex-shrink:0;
}

.mm-social-btn:hover{
  transform:translateY(-1px);
  border-color:rgba(199,154,59,.28);
  background:#20283c;
  color:#fff;
}

.mm-social-btn.mm-c-linkedin svg{ color:#0a66c2; }
.mm-social-btn.mm-c-youtube svg{ color:#e0483e; }
.mm-social-btn.mm-c-facebook svg{ color:#3f7fe0; }
.mm-social-btn.mm-c-discord svg{ color:#8f5bff; }
.mm-social-btn.mm-c-instagram svg{ color:#e0567c; }
.mm-social-btn.mm-c-tiktok svg{ color:#e6e9f2; }
.mm-social-btn.mm-c-reddit svg{ color:#f2673d; }

.mm-social-btn.mm-social-radio{
  grid-column:1 / -1;
  background:linear-gradient(135deg, rgba(199,154,59,.14), rgba(216,31,68,.10));
  border-color:rgba(199,154,59,.22);
  font-size:13.5px;
}
.mm-social-btn.mm-social-radio svg{ width:18px; height:18px; color:#f1c15b; }

.mm-social-radio-pulse{
  width:8px; height:8px; border-radius:50%;
  background:#e0483e;
  margin-left:auto;
  animation:mmPulse 1.8s infinite;
}

@keyframes mmPulse{
  0%{ box-shadow:0 0 0 0 rgba(224,72,62,.55); }
  70%{ box-shadow:0 0 0 8px rgba(224,72,62,0); }
  100%{ box-shadow:0 0 0 0 rgba(224,72,62,0); }
}

/* =========================================================
   ANKETE (pollBlock markup, u sidebaru na svakoj strani)
========================================================= */
.pollBlock{ font-size:13.5px; }

.pollQue{
  margin-bottom:12px;
  color:#f1f4ff;
  font-size:14px;
  line-height:1.4;
}

.pollAns{ margin-bottom:12px; }

.pollAns label,
.pollAns .pollAnsElem{
  display:flex;
  align-items:center;
  gap:8px;
  padding:8px 10px;
  margin-bottom:6px;
  border-radius:10px;
  background:rgba(255,255,255,.03);
  border:1px solid rgba(255,255,255,.06);
  color:#d9e5fa;
  font-size:12.5px;
}

.pollAns label:hover{ background:rgba(255,255,255,.06); }

.pollLnk{
  display:flex;
  gap:6px;
  font-size:12px;
  color:rgba(238,243,255,.6);
  margin-bottom:10px;
}

.pollLnk a{ color:#f2c468; }
.pollLnk a:hover{ color:#fff; }

.pollTot{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:5px 12px;
  border-radius:999px;
  background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.08);
  font-size:11.5px;
  color:rgba(238,243,255,.68);
}

.pollTot b{ color:#f1c15b; }

/* =========================================================
   SIDEBAR (svaka stranica)
========================================================= */
#sidebar{
  position:sticky !important;
  top:90px !important;
  max-height:none !important;
  height:auto !important;
  overflow:visible !important;
  padding-right:0 !important;
  background:transparent !important;
  border:none !important;
  box-shadow:none !important;
}

#sidebar .block-dark{
  padding:16px;
  margin-bottom:14px;
  border-radius:18px !important;
  background:linear-gradient(180deg, rgba(25,31,46,.96), rgba(18,22,34,.98));
}

#sidebar .h-owl,
#sidebar h3.h-owl{
  margin:-2px -2px 14px;
  padding:12px 14px;
  border-left:3px solid var(--mm-gold);
  background:rgba(255,255,255,.03);
  border-radius:14px;
  font-size:14px;
}

#sidebar img{ border-radius:12px; }
#sidebar ul, #sidebar ol{ padding-left:0; }
#sidebar .block-dark a{ word-break:break-word; }

.mm-side-card{ position:relative; overflow:hidden; }

.mm-side-card:before{
  content:"";
  position:absolute;
  inset:0 auto auto 0;
  width:100%;
  height:1px;
  background:linear-gradient(90deg, rgba(199,154,59,.55), rgba(255,255,255,0));
  pointer-events:none;
}

.mm-side-card .h-owl{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  text-transform:uppercase;
  letter-spacing:.4px;
}

.mm-side-discover{
  background:linear-gradient(180deg, rgba(26,31,46,.96), rgba(18,22,34,.98)) !important;
  border:1px solid rgba(255,255,255,.08) !important;
  border-radius:18px !important;
  color:#eef3ff !important;
}

/* follow */
.mm-follow-stack{ display:grid; gap:10px; }

.mm-follow-stack a,
.mm-follow-stack img{ display:block; width:100%; }

.mm-follow-stack a img,
.mm-follow-stack > img{
  border-radius:14px;
  border:1px solid rgba(255,255,255,.06);
  transition:transform .2s ease, opacity .2s ease, border-color .2s ease;
}

.mm-follow-stack a:hover img{
  transform:translateY(-2px);
  opacity:.96;
  border-color:rgba(199,154,59,.28);
}

/* radio */
.mm-side-radio p{ margin:0; }
.mm-side-radio a{ display:block; }
.mm-side-radio img{ display:block; border:1px solid rgba(255,255,255,.06); }

/* categories */
.mm-side-scroll{ max-height:420px; overflow:auto; padding-right:4px; }
.mm-side-scroll::-webkit-scrollbar{ width:8px; }
.mm-side-scroll::-webkit-scrollbar-thumb{ background:rgba(255,255,255,.16); border-radius:999px; }
.mm-side-scroll::-webkit-scrollbar-track{ background:rgba(255,255,255,.04); border-radius:999px; }

.mm-side-cats .catsTable{ width:100%; border-collapse:separate; border-spacing:0 8px; }

.mm-side-cats .catsTable tr td{
  background:#1b2232;
  padding:8px 10px !important;
  border-top:1px solid rgba(255,255,255,.06);
  border-bottom:1px solid rgba(255,255,255,.06);
}

.mm-side-cats .catsTable tr td:first-child{
  border-left:1px solid rgba(255,255,255,.06);
  border-top-left-radius:10px;
  border-bottom-left-radius:10px;
}

.mm-side-cats .catsTable tr td:last-child{
  border-right:1px solid rgba(255,255,255,.06);
  border-top-right-radius:10px;
  border-bottom-right-radius:10px;
}

/* poll widget wrapper */
#votes{
  border-radius:14px;
  background:#121826;
  border:1px solid rgba(255,255,255,.06);
  padding:16px 16px 10px;
}

#dle-vote, .pollvotelist{ padding:14px 0 0; }
.mm-side-poll #votes, .mm-side-poll .votes-full{ margin:0; }

.mm-side-poll .votes-bottom,
.mm-side-poll .voteresult{
  margin:14px 0 0;
  border-radius:12px;
  background:#1c2434;
}

/* forum */
.mm-side-forum{ display:flex; flex-direction:column; gap:8px; }

.mm-forum-item{
  display:block;
  padding:10px 12px;
  border-radius:12px;
  background:rgba(255,255,255,.03);
  border:1px solid rgba(255,255,255,.05);
  color:#d5e2f8;
}

.mm-forum-item:hover{
  background:rgba(255,255,255,.06);
  border-color:rgba(199,154,59,.20);
}

.mm-forum-title{
  font-size:13px;
  font-weight:700;
  color:#eef3ff;
  line-height:1.35;
  margin-bottom:6px;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}

.mm-forum-item:hover .mm-forum-title{ color:#fff; }

.mm-forum-meta{
  display:flex;
  align-items:center;
  gap:8px;
  margin-bottom:6px;
}

.mm-forum-tag{
  font-size:10px;
  text-transform:uppercase;
  letter-spacing:.4px;
  color:#f2c468;
  font-weight:700;
  padding:2px 8px;
  border-radius:999px;
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.07);
}

.mm-forum-replies{
  font-size:11px;
  color:rgba(238,243,255,.56);
  display:flex;
  align-items:center;
  gap:5px;
}

.mm-forum-last{
  font-size:11px;
  color:rgba(238,243,255,.5);
}

.mm-forum-last a{ color:#c79a3b; }
.mm-forum-last a:hover{ color:#f1c15b; }

.mm-side-forum a{
  display:block;
  padding:10px 12px;
  border-radius:12px;
  background:rgba(255,255,255,.03);
  border:1px solid rgba(255,255,255,.05);
  margin-bottom:8px;
  line-height:1.45;
  color:#d5e2f8;
}

.mm-side-forum a:hover{
  background:rgba(255,255,255,.06);
  color:#fff;
  border-color:rgba(199,154,59,.20);
}

.mm-side-forum br{ display:none; }

/* prazno stanje foruma */
.mm-side-forum .mm-empty-state{
  padding:14px 12px;
  text-align:center;
  font-size:12.5px;
  color:rgba(238,243,255,.5);
  border-radius:12px;
  background:rgba(255,255,255,.02);
  border:1px dashed rgba(255,255,255,.08);
}

/* online box */
.mm-online-box{
  padding:14px;
  border-radius:14px;
  background:#161d2b;
  border:1px solid rgba(255,255,255,.06);
  color:#d9e5fa;
  line-height:1.8;
}

/* trending */
.mm-trending-list{ display:flex; flex-direction:column; gap:8px; }

.mm-trending-list a{
  display:flex;
  align-items:center;
  gap:10px;
  padding:8px 10px;
  border-radius:12px;
  background:rgba(255,255,255,.03);
  border:1px solid rgba(255,255,255,.05);
  color:#d5e2f8;
  font-size:13px;
  line-height:1.4;
}

.mm-trending-list a:hover{
  background:rgba(255,255,255,.06);
  color:#fff;
  border-color:rgba(199,154,59,.20);
}

.mm-trending-list img{
  width:52px;
  height:52px;
  object-fit:cover;
  border-radius:10px;
  flex-shrink:0;
}

/* ad slot */
.mm-ad-wrap{
  margin:0 0 20px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:14px;
  overflow:hidden;
}

/* banners */
.mm-side-banner a,
.mm-side-banner img,
.mm-side-promo img,
.mm-side-ad img{
  display:block;
  width:100%;
  border-radius:14px;
}

/* =========================================================
   FOOTER (svaka stranica)
========================================================= */
#footer{
  margin-top:34px;
  background:linear-gradient(180deg,#171c29 0%, #121723 100%);
  border-top:1px solid rgba(216,31,68,.45);
  border-bottom:1px solid rgba(216,31,68,.30);
  color:#dce7fb;
}

#footer .row{ display:flex; flex-wrap:wrap; align-items:flex-start; }

#footer .footer-description,
#footer .nav-footer,
#footer .count{ margin-top:10px; }

#footer .nav-footer li a{
  background:#212939;
  border:1px solid rgba(255,255,255,.08);
  border-radius:12px;
  padding:8px 12px;
}

#footer .nav-footer li a:hover{ background:#2a3449; }

#footer .count li{ width:auto; height:auto; margin:0 10px 8px 0; float:left; }

#footer .count li a{
  display:inline-block;
  padding:7px 10px;
  border-radius:12px;
  background:#212939;
  border:1px solid rgba(255,255,255,.08);
}

#copirating{
  background:#0e131d;
  margin-top:26px;
  padding:18px 0;
  border-top:1px solid rgba(255,255,255,.06);
}

/* =========================================================
   RESPONSIVE (globalno)
========================================================= */
@media (max-width:991px){
  #sidebar{
    position:relative !important;
    top:auto !important;
    max-height:none !important;
    height:auto !important;
    overflow:visible !important;
  }
}

@media (max-width:767px){
  #mainbar{ padding-top:16px; }
  .container{ width:calc(100% - 14px); }
  #mainbar > .row{ margin-left:-6px; margin-right:-6px; }
  #mainbar [class*="col-"]{ padding-left:6px; padding-right:6px; }

  .block-dark{ padding:14px; border-radius:16px !important; }

  .mm-side-scroll{ max-height:none; }
  .mm-follow-stack{ gap:8px; }
  .mm-side-card .h-owl{ font-size:13px; }
  .mm-side-forum a{ padding:9px 10px; font-size:13px; }

  #footer .count li{ float:none; display:block; margin-right:0; }
  #footer .count li a{ display:block; }
}