:root{
  --njs-bg:#f3f6fb;
  --njs-card:#ffffff;
  --njs-line:rgba(15,23,42,.09);
  --njs-softline:rgba(15,23,42,.06);
  --njs-text:#1e293b;
  --njs-head:#0f172a;
  --njs-muted:#64748b;
  --njs-red:#c81e1e;
  --njs-blue:#1d4ed8;
  --njs-shadow:0 18px 48px rgba(15,23,42,.08);
}

body.njs-dragash-news-template-active{
  background:var(--njs-bg) !important;
}

/* sakrij nepotrebne theme stvari na single postu ako iskacu */
body.njs-dragash-news-template-active .single-post .site-main > article:not(.njs-news-article),
body.njs-dragash-news-template-active .single-post main > article:not(.njs-news-article){
  display:block;
}

/* layout */
.njs-news-page{
  padding:24px 0 46px;
}

.njs-news-container{
  width:min(1360px, calc(100% - 28px));
  margin:0 auto;
}

.njs-news-grid{
  display:grid;
  grid-template-columns:minmax(0, 1fr) 340px;
  gap:26px;
  align-items:start;
}

.njs-news-article{
  background:var(--njs-card);
  border:1px solid var(--njs-line);
  border-radius:28px;
  box-shadow:var(--njs-shadow);
  overflow:hidden;
}

.njs-news-inner{
  padding:26px 32px 34px;
}

.njs-news-breadcrumbs{
  margin-bottom:16px;
  font-size:12px;
  line-height:1.5;
  color:var(--njs-muted);
}

.njs-news-breadcrumbs a{
  color:var(--njs-muted);
  text-decoration:none;
}

.njs-news-breadcrumbs .sep{
  margin:0 8px;
  opacity:.5;
}

.njs-news-tax-row{
  display:flex;
  align-items:center;
  gap:10px;
  margin-bottom:10px;
}

.njs-news-cat{
  display:inline-flex;
  align-items:center;
  min-height:30px;
  padding:0 12px;
  border:1px solid rgba(200,30,30,.18);
  border-radius:999px;
  background:rgba(200,30,30,.05);
  color:var(--njs-red);
  font-size:12px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.njs-news-title{
  margin:0 0 14px;
  color:var(--njs-head);
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(34px, 4.1vw, 58px);
  line-height:1.03;
  letter-spacing:-.035em;
  font-weight:800;
  text-wrap:balance;
}

.njs-news-meta{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:12px;
  margin-bottom:18px;
  padding-bottom:14px;
  border-bottom:1px solid var(--njs-line);
  color:var(--njs-muted);
  font-size:13px;
  line-height:1.5;
  font-weight:700;
  letter-spacing:.04em;
  text-transform:uppercase;
}

.njs-news-meta .dot{
  width:4px;
  height:4px;
  border-radius:999px;
  background:#cbd5e1;
}

.njs-news-featured{
  margin:0 0 18px;
  border-radius:22px;
  overflow:hidden;
  box-shadow:0 14px 34px rgba(15,23,42,.09);
}

.njs-news-featured img{
  display:block;
  width:100%;
  height:auto;
  border-radius:22px;
}

.njs-news-share{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin:0 0 22px;
}

.njs-news-share a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:40px;
  padding:0 16px;
  border-radius:12px;
  text-decoration:none;
  font-weight:800;
  font-size:14px;
  color:#fff;
  transition:transform .18s ease, opacity .18s ease;
}
.njs-news-share a:hover{ transform:translateY(-1px); opacity:.92; }
.njs-news-share .fb{ background:#1877f2; }
.njs-news-share .x{ background:#0f172a; }
.njs-news-share .wa{ background:#22c55e; }
.njs-news-share .vb{ background:#7c3aed; }

.njs-news-body{
  color:var(--njs-text);
  font-family:Georgia,"Times New Roman",serif;
  font-size:23px;
  line-height:1.9;
}

.njs-news-body::after{
  content:"";
  display:block;
  clear:both;
}

.njs-news-body > p{
  margin:0 0 1.22em;
}

.njs-news-body > p:first-of-type{
  font-size:29px;
  line-height:1.62;
  color:#334155;
  margin-bottom:1em;
}

.njs-news-body > p:nth-of-type(2):first-letter{
  float:left;
  font-size:78px;
  line-height:.88;
  padding-right:10px;
  padding-top:8px;
  font-weight:800;
  color:var(--njs-red);
  font-family:Georgia,"Times New Roman",serif;
}

.njs-news-body h2,
.njs-news-body h3,
.njs-news-body h4{
  color:var(--njs-head);
  font-family:Georgia,"Times New Roman",serif;
  letter-spacing:-.025em;
  font-weight:800;
}

.njs-news-body h2{
  font-size:clamp(30px,3vw,42px);
  line-height:1.17;
  margin:1.7em 0 .55em;
}

.njs-news-body h3{
  font-size:clamp(24px,2.2vw,31px);
  line-height:1.23;
  margin:1.45em 0 .45em;
}

.njs-news-body h4{
  font-size:22px;
  line-height:1.28;
  margin:1.25em 0 .35em;
}

.njs-news-body ul,
.njs-news-body ol{
  margin:0 0 1.25em 1.35em;
}

.njs-news-body li{
  margin-bottom:.55em;
}

.njs-news-body a{
  color:var(--njs-blue);
  text-decoration-thickness:2px;
  text-underline-offset:3px;
}

.njs-news-body blockquote{
  margin:1.8em 0;
  padding:20px 24px;
  border-left:4px solid var(--njs-red);
  background:#fafafa;
  border-radius:14px;
  color:var(--njs-head);
  font-style:italic;
}

.njs-news-body img{
  max-width:100%;
  height:auto;
  border-radius:18px;
}

.njs-news-body figure{
  margin:1.7em 0;
}

.njs-news-body figcaption,
.njs-news-body .wp-caption-text{
  margin-top:10px;
  color:var(--njs-muted);
  font-size:13px;
  line-height:1.6;
  text-align:center;
  font-family:Arial,Helvetica,sans-serif;
}

.njs-news-body table{
  width:100%;
  border-collapse:separate;
  border-spacing:0;
  overflow:hidden;
  border:1px solid var(--njs-line);
  border-radius:16px;
  margin:1.6em 0;
  font-family:Arial,Helvetica,sans-serif;
  font-size:16px;
}

.njs-news-body th,
.njs-news-body td{
  padding:13px 14px;
  border-bottom:1px solid var(--njs-softline);
}

.njs-news-body th{
  background:#f8fafc;
  color:var(--njs-head);
  text-align:left;
}

.njs-news-body .sharedaddy,
.njs-news-body .addtoany_share_save_container,
.njs-news-body .jp-relatedposts{
  display:none !important;
}

.njs-news-bottom{
  margin-top:26px;
  padding-top:18px;
  border-top:1px solid var(--njs-line);
}

.njs-news-tags,
.njs-news-cats{
  margin-bottom:12px;
  font-size:14px;
  line-height:1.7;
  color:var(--njs-muted);
  font-family:Arial,Helvetica,sans-serif;
}

.njs-news-tags a,
.njs-news-cats a{
  color:var(--njs-blue);
  text-decoration:none;
  font-weight:700;
}

.njs-news-postnav{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
  margin-top:20px;
}

.njs-news-postnav a{
  display:block;
  min-height:100%;
  padding:16px 18px;
  border:1px solid var(--njs-line);
  border-radius:16px;
  background:#fff;
  color:var(--njs-head);
  text-decoration:none;
  font-family:Arial,Helvetica,sans-serif;
  font-weight:700;
  line-height:1.5;
}

.njs-news-postnav-label{
  display:block;
  margin-bottom:6px;
  color:var(--njs-muted);
  font-size:12px;
  text-transform:uppercase;
  letter-spacing:.06em;
}

/* sidebar */
.njs-news-sidebar{
  display:flex;
  flex-direction:column;
  gap:18px;
}

.njs-news-widget{
  background:#fff;
  border:1px solid var(--njs-line);
  border-radius:24px;
  box-shadow:0 12px 34px rgba(15,23,42,.06);
  overflow:hidden;
}

.njs-news-widget-head{
  padding:16px 18px;
  border-bottom:1px solid var(--njs-softline);
  color:var(--njs-head);
  font-weight:900;
  font-size:18px;
  line-height:1.3;
  font-family:Arial,Helvetica,sans-serif;
}

.njs-news-widget-body{
  padding:14px 16px 16px;
}

.njs-news-latest{
  display:flex;
  flex-direction:column;
  gap:12px;
}

.njs-news-latest-item{
  display:grid;
  grid-template-columns:92px 1fr;
  gap:12px;
  align-items:start;
  text-decoration:none;
  padding:8px;
  border-radius:16px;
  transition:background .18s ease;
}
.njs-news-latest-item:hover{
  background:#f8fafc;
}

.njs-news-latest-thumb{
  width:92px;
  height:68px;
  border-radius:14px;
  overflow:hidden;
  background:#e5e7eb;
}

.njs-news-latest-thumb img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}

.njs-news-latest-title{
  color:var(--njs-head);
  font-size:14px;
  line-height:1.45;
  font-weight:800;
  font-family:Arial,Helvetica,sans-serif;
  margin-bottom:4px;
}

.njs-news-latest-date{
  color:var(--njs-muted);
  font-size:12px;
  line-height:1.4;
  font-family:Arial,Helvetica,sans-serif;
}

.njs-news-archives,
.njs-news-search{
  display:flex;
  flex-direction:column;
  gap:10px;
}

.njs-news-archives li{
  list-style:none;
  margin:0;
  padding:0;
}

.njs-news-archives a{
  display:flex;
  align-items:center;
  justify-content:space-between;
  min-height:48px;
  padding:0 14px;
  border:1px solid var(--njs-line);
  border-radius:14px;
  text-decoration:none;
  color:var(--njs-head);
  font-size:14px;
  line-height:1.4;
  font-weight:700;
  font-family:Arial,Helvetica,sans-serif;
}

.njs-news-search form{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
}

.njs-news-search input[type="search"]{
  flex:1 1 180px;
  min-height:46px;
  padding:0 14px;
  border:1px solid var(--njs-line);
  border-radius:14px;
  font-size:14px;
}

.njs-news-search button{
  min-height:46px;
  padding:0 16px;
  border:none;
  border-radius:14px;
  background:var(--njs-head);
  color:#fff;
  font-size:14px;
  font-weight:800;
  cursor:pointer;
}

/* responsive */
@media (max-width: 1100px){
  .njs-news-grid{
    grid-template-columns:1fr;
  }
}

@media (max-width: 768px){
  .njs-news-page{
    padding:14px 0 30px;
  }

  .njs-news-container{
    width:min(100%, calc(100% - 14px));
  }

  .njs-news-article{
    border-radius:20px;
  }

  .njs-news-inner{
    padding:18px 16px 24px;
  }

  .njs-news-title{
    font-size:clamp(28px, 8vw, 40px);
    line-height:1.06;
  }

  .njs-news-body{
    font-size:20px;
    line-height:1.82;
  }

  .njs-news-body > p:first-of-type{
    font-size:24px;
    line-height:1.55;
  }

  .njs-news-body > p:nth-of-type(2):first-letter{
    font-size:58px;
    padding-right:8px;
    padding-top:6px;
  }

  .njs-news-postnav{
    grid-template-columns:1fr;
  }

  .njs-news-latest-item{
    grid-template-columns:86px 1fr;
  }

  .njs-news-latest-thumb{
    width:86px;
    height:64px;
  }
}