/* =========================================================================
   Simple Look - News — WordPress specifično: Gutenberg blokovi u tekstu, logo,
   embed, komentari, widgeti, pristupačnost.
   ========================================================================= */

.screen-reader-text { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.screen-reader-text:focus { position: static !important; width: auto; height: auto; clip: auto; }

.nw-logo__img { display: block; width: auto; max-height: 52px; }
.nw-logo--xl .nw-logo__img { max-height: 90px; }
.nw-navbar__logo .nw-logo__img, .nw-mbar .nw-logo__img, .nw-drawer__head .nw-logo__img { max-height: 34px; }
.nw-logo--light .nw-logo__img { filter: none; }

/* Gutenberg u tekstu članka */
.nw-prose blockquote, .nw-prose .wp-block-quote, .nw-prose .wp-block-pullquote blockquote {
  margin: 2em 0; padding: 0 0 0 24px; border-left: 4px solid var(--nw-accent);
  font: italic var(--nw-head-w) clamp(22px, 2.2vw, 27px)/1.35 var(--nw-font-head); color: var(--nw-ink);
}
.nw-prose blockquote p { margin: 0 0 .5em; }
.nw-prose blockquote cite, .nw-prose .wp-block-quote cite { display: block; margin-top: 12px; font: normal 600 14px var(--nw-font-ui); color: var(--nw-muted); }
.nw-prose .wp-block-pullquote { padding: 0; border: 0; text-align: left; }
.nw-prose figure figcaption, .nw-prose .wp-element-caption, .nw-prose .wp-caption-text {
  padding: 9px 0; border-bottom: 1px solid var(--nw-line); font: 500 13px/1.45 var(--nw-font-ui); color: var(--nw-muted); text-align: left; margin: 0;
}
.nw-prose img { border-radius: var(--nw-radius); }
.nw-prose .wp-block-image { margin: 2em 0; }
.nw-prose .alignwide { margin-inline: calc(-1 * min(80px, 6vw)); max-width: none; }
.nw-prose .alignfull { margin-inline: calc(50% - 50vw); max-width: 100vw; width: 100vw; }
.nw-layout .nw-prose .alignwide, .nw-layout .nw-prose .alignfull { margin-inline: 0; width: auto; }
.nw-prose .alignleft { float: left; margin: .3em 1.5em 1em 0; max-width: 50%; }
.nw-prose .alignright { float: right; margin: .3em 0 1em 1.5em; max-width: 50%; }
.nw-prose .aligncenter { margin-inline: auto; }
.nw-prose table, .nw-prose .wp-block-table table { width: 100%; border-collapse: collapse; font: 500 15px var(--nw-font-ui); }
.nw-prose .wp-block-table { overflow-x: auto; margin: 2em 0; }
.nw-prose th { text-align: left; padding: 10px 12px; background: var(--nw-ink); color: var(--nw-bg); font-weight: 700; }
.nw-prose td { padding: 10px 12px; border-bottom: 1px solid var(--nw-line); }
.nw-prose hr, .nw-prose .wp-block-separator { border: 0; height: 1px; background: var(--nw-line); margin: 2.4em 0; }
.nw-prose pre, .nw-prose code { font-family: ui-monospace, Consolas, monospace; font-size: .9em; background: var(--nw-surface); }
.nw-prose pre { padding: 16px; overflow-x: auto; }
.nw-prose .wp-block-embed, .nw-oembed { margin: 2em 0; }
.nw-prose iframe, .nw-oembed iframe, .wp-block-embed__wrapper iframe { display: block; width: 100%; max-width: 100%; height: auto; aspect-ratio: 16 / 9; border: 0; }
.wp-block-embed.is-type-rich iframe { aspect-ratio: auto; }
.nw-prose .wp-block-gallery { margin: 2em 0; gap: 2px; }
.nw-prose .wp-block-button__link { display: inline-flex; align-items: center; height: 46px; padding: 0 22px; background: var(--nw-ink); color: var(--nw-bg) !important; text-decoration: none !important; font: 700 12.5px var(--nw-font-ui); letter-spacing: .08em; text-transform: uppercase; border-radius: var(--nw-radius); }
.nw-prose .wp-block-button__link:hover { background: var(--nw-accent); color: #fff !important; }
.nw-prose::after { content: ""; display: table; clear: both; }

/* komentari (WordPress forma i odgovori) */
.comment-respond { margin-bottom: 8px; }
.comment-reply-title { margin: 0 0 10px; font: 600 13.5px var(--nw-font-ui); color: var(--nw-ink); }
.comment-reply-title:empty { display: none; }
#cancel-comment-reply-link { color: var(--nw-accent); font-weight: 700; }
.nw-cm-list .comment-respond { margin: 14px 0 0 54px; }
.nw-cm-form p { margin: 0; }
.nw-cm-form .form-submit { margin: 0; }
.nw-cm-form__f > span:empty { display: none; }
.nw-cm-txt p { margin: 0 0 .6em; }
.nw-cm-txt p:last-child { margin: 0; }
.nw-cm-list > li:first-child { border-top: 0; }
.nw-cm-list .children { list-style: none; margin: 6px 0 0 54px; padding: 0; }
.nw-cm-list .children .nw-cm-item { border-top: 0; border-left: 2px solid var(--nw-line); padding: 16px 0 0 16px; }
.comments-pagination .nav-links { display: flex; gap: 6px; justify-content: center; margin-top: 24px; }
.comments-pagination .page-numbers { display: inline-flex; align-items: center; min-width: 40px; height: 40px; justify-content: center; padding: 0 12px; border: 1px solid var(--nw-line); font: 700 14px var(--nw-font-ui); }
.comments-pagination .current { background: var(--nw-ink); color: var(--nw-bg); border-color: var(--nw-ink); }
@media (max-width: 639px) { .nw-cm-list .children, .nw-cm-list .comment-respond { margin-left: 18px; } }

/* paginacija (paginate_links) */
.nw-pag .page-numbers.is-gap { border: 0; min-width: 20px; padding: 0; }

/* klasični widgeti u sidebaru */
.nw-wp-widget ul { list-style: none; margin: 0; padding: 0; }
.nw-wp-widget li { padding: 10px 0; border-bottom: 1px solid var(--nw-line); font: 600 14.5px/1.4 var(--nw-font-ui); color: var(--nw-ink); }
.nw-wp-widget li:last-child { border-bottom: 0; }
.nw-wp-widget li a:hover { color: var(--nw-accent); }

/* admin traka + lepljivi meni */
.admin-bar .nw-navbar.is-sticky, .admin-bar .nw-mbar { top: 32px; }
@media (max-width: 782px) { .admin-bar .nw-navbar.is-sticky, .admin-bar .nw-mbar { top: 46px; } }
@media (max-width: 600px) { .admin-bar .nw-mbar { top: 0; } }

/* Elementor: blokovi teme unutar widgeta nemaju dodatni razmak */
.elementor-widget-container > .nw-darkzone { margin-inline: calc(-1 * var(--nw-pad)); }
.e-con .nw-wrap .nw-wrap { padding-inline: 0; }

/* =========================================================================
   Header / footer kao celina (tema i Elementor "SL Header" / "SL Footer")
   ========================================================================= */
.nw-header { display: contents; }
.nw-navbar.is-fixed, .nw-mbar.is-fixed { position: fixed; left: 0; right: 0; z-index: 95; }
.nw-fix-ph { height: 0; }
.nw-cicon { display: inline-grid; place-items: center; width: 1em; height: 1em; line-height: 1; }
.nw-cicon svg, .nw-cicon i { width: 1em; height: 1em; font-size: 1em; fill: currentColor; }
.nw-logo__svg { display: block; line-height: 0; color: inherit; }
.nw-logo__svg svg { display: block; width: var(--nw-logo-w, 190px); height: auto; max-width: 100%; }
.nw-logo--xl .nw-logo__svg svg { width: var(--nw-logo-w, 320px); }
.nw-navbar__logo .nw-logo__svg svg, .nw-mbar .nw-logo__svg svg, .nw-drawer__head .nw-logo__svg svg { width: var(--nw-logo-w-sm, 140px); }
.nw-mast__wx { font-size: 28px; color: var(--nw-ink); display: inline-flex; }
.nw-foot__soc { margin-top: 20px; }

/* =========================================================================
   Poravnanje i delovi teksta (Elementor kontrole levo / centar / desno)
   ========================================================================= */
.nw-card__body { align-items: flex-start; }
.nw-card--center .nw-card__body { align-items: center; }
.nw-kicker, .nw-cat { align-self: auto; }
.nw-card__body > .nw-h, .nw-card__body > .nw-dek { max-width: 100%; }
.nw-meta { justify-content: var(--nw-justify, flex-start); }
.nw-meta--parts .nw-m-avatar img { display: block; width: 24px; height: 24px; border-radius: 50%; object-fit: cover; }
.nw-meta--parts .nw-m-avatar + .nw-m-author::before { display: none; }
.nw-meta--parts .nw-m-avatar { margin-right: 6px; }

/* =========================================================================
   Slike: uvek popunjavaju okvir i centrirane su (jače od Elementorovog ".elementor img { height:auto }").
   Elementor kontrole menjaju --nw-fit (cover/contain) i --nw-pos (fokus slike).
   ========================================================================= */
body .nw-img { display: block; }
body .nw-img img,
body .nw-gal a img,
body .nw-story__img img,
body .nw-strip img,
body .nw-team img,
body .nw-embed img {
  display: block; width: 100%; height: 100%; max-width: 100%;
  object-fit: var(--nw-fit, cover); object-position: var(--nw-pos, 50% 50%);
  border-radius: 0;
}
body .nw-story__img img { aspect-ratio: 1; height: auto; }
body .nw-team img { aspect-ratio: 1; height: auto; }
body .nw-author img, body .nw-byline__a img, body .nw-authorbox img, body .nw-meta img, body .nw-auth-head img { object-fit: cover; object-position: 50% 50%; max-width: none; }

/* =========================================================================
   Članak: ništa ne sme da izađe iz kolone (slike, embed, široki blokovi)
   ========================================================================= */
.nw-layout > *, .nw-art-grid > * { min-width: 0; }
.nw-fig, .nw-fig .nw-img, .nw-oembed { max-width: 100%; }
.nw-prose { overflow-wrap: break-word; }
.nw-prose img, .nw-prose video, .nw-prose iframe, .nw-prose figure, .nw-prose embed, .nw-prose object { max-width: 100% !important; }
.nw-prose img, .nw-prose video { height: auto; }
.nw-layout .nw-prose .alignwide, .nw-layout .nw-prose .alignfull,
.nw-layout .nw-prose .alignwide img, .nw-layout .nw-prose .alignfull img {
  margin-left: 0 !important; margin-right: 0 !important; width: 100% !important; max-width: 100% !important;
}
.nw-art-grid .nw-prose .alignfull { margin-inline: 0; width: 100%; max-width: 100%; }
.nw-fig .nw-img.r-auto { aspect-ratio: auto; }
.nw-fig .nw-img.r-auto img { height: auto; }
.nw-fig .nw-img { max-height: var(--nw-single-img-max, none); }

/* =========================================================================
   SL widgeti i zone naslovne
   ========================================================================= */
.nw-hw--full { margin-block: 40px; }
.nw-hw--full:first-child { margin-top: 28px; }
.nw-hw--full + .nw-hw--full { margin-top: 0; }
.nw-hw--full .nw-ticker { margin-top: -12px; }
.nw-home-main > .nw-hw + .nw-hw { margin-top: 44px; }
.nw-layout--full { grid-template-columns: minmax(0, 1fr); }
.nw-w[style*="--nw-bgc"] { background: var(--nw-bgc); padding-block: var(--nw-wpad, 32px); }
.nw-w[style*="--nw-wpad"] { padding-block: var(--nw-wpad); }
.nw-hw:not(.nw-hw--full) .nw-w[style*="--nw-bgc"] { padding-inline: 20px; }
.nw-w--dark { --nw-ink: #fff; --nw-text: rgba(255, 255, 255, .82); --nw-muted: rgba(255, 255, 255, .6); --nw-line: rgba(255, 255, 255, .15); --nw-bg: transparent; background: var(--nw-bgc, var(--nw-dark)); padding-block: var(--nw-wpad, 36px); color: var(--nw-text); }
.nw-w--dark .nw-sh--rule { border-top-color: #fff; }
/* poravnanje: vesti / glavna vest */
.nw-al-left .nw-card:not(.nw-lead):not(.nw-lead .nw-card) .nw-card__body { text-align: left; align-items: flex-start; --nw-justify: flex-start; }
.nw-al-center .nw-card:not(.nw-lead):not(.nw-lead .nw-card) .nw-card__body { text-align: center; align-items: center; --nw-justify: center; }
.nw-al-right .nw-card:not(.nw-lead):not(.nw-lead .nw-card) .nw-card__body { text-align: right; align-items: flex-end; --nw-justify: flex-end; }
.nw-lal-left .nw-lead .nw-card__body { text-align: left; align-items: flex-start; --nw-justify: flex-start; }
.nw-lal-center .nw-lead .nw-card__body { text-align: center; align-items: center; --nw-justify: center; }
.nw-lal-right .nw-lead .nw-card__body { text-align: right; align-items: flex-end; --nw-justify: flex-end; }
/* veličine naslova */
.nw-w[style*="--nw-title-size"] .nw-card:not(.nw-lead):not(.nw-lead .nw-card) .nw-h { font-size: var(--nw-title-size); }
.nw-w[style*="--nw-lead-size"] .nw-lead .nw-h { font-size: var(--nw-lead-size); }
/* slike */
.nw-w[style*="--nw-ratio"] .nw-card:not(.nw-card--h) > .nw-img, .nw-w[style*="--nw-ratio"] .nw-hsplit > .nw-img { aspect-ratio: var(--nw-ratio); }
.nw-w[style*="--nw-img-h"] .nw-card:not(.nw-lead):not(.nw-lead .nw-card):not(.nw-card--h) > .nw-img { aspect-ratio: auto; height: var(--nw-img-h); }
.nw-w[style*="--nw-lead-img-h"] .nw-lead .nw-img { aspect-ratio: auto; height: var(--nw-lead-img-h); }
/* razmaci i linije */
.nw-w[style*="--nw-wgap"] .nw-grid { gap: var(--nw-wgap); }
.nw-w[style*="--nw-wgap"] .nw-car { --cg: var(--nw-wgap); }
.nw-nolines .nw-list > *, .nw-nolines .nw-ruled > * { border-color: transparent !important; }

/* =========================================================================
   Baner u headeru — tačna veličina, nikad sabijen
   ========================================================================= */
.nw-hb { flex: 0 1 var(--hb-w, 728px); width: var(--hb-w, 728px); max-width: 100%; min-width: 0; margin-left: auto; }
.nw-hb a { display: block; }
.nw-hb__img, html body .nw-hb img { display: block; width: 100%; height: auto; max-width: 100%; }
.nw-hb--code { min-height: var(--hb-h, 90px); display: grid; place-items: center; overflow: hidden; }
.nw-hb--ph { min-height: var(--hb-h, 90px); display: grid; place-items: center; text-align: center; background: rgba(127, 127, 127, .12); border: 1px dashed currentColor; font: 600 12.5px var(--nw-font-ui); opacity: .8; }
html body .nw-hb--ph a { color: inherit; text-decoration: none; padding: 8px; }
.nw-mast__row { min-width: 0; }
.nw-mast__row > .nw-logo { flex-shrink: 0; margin-right: 24px; }
.nw-hb-row { padding-block: 14px; }
.nw-hb-row .nw-wrap { display: flex; justify-content: center; }
.nw-hb-row .nw-hb { margin: 0; }
.nw-hb-m { display: none; }
@media (max-width: 1023px) {
  .nw-hb-m { display: flex; justify-content: center; padding: 10px 16px; background: var(--nw-bg); border-bottom: 1px solid var(--nw-line); }
  .nw-hb-m .nw-hb { margin: 0; }
}

/* =========================================================================
   TELEFON — kompaktno, 2 u redu, lako za čitanje
   ========================================================================= */
@media (max-width: 639px) {
  body { --nw-pad: 14px; }
  .nw-section { margin-block: 28px; }
  .nw-w { margin-bottom: 28px; }
  .nw-sh { margin-bottom: 14px; min-height: 26px; }
  .nw-sh__t { font-size: 13px; }
  .nw-card { gap: 8px; }
  .nw-card__body { gap: 6px; }
  .nw-dek { font-size: 15px; line-height: 1.5; }
  .nw-meta { font-size: 11.5px; gap: 4px 8px; }
  .nw-kicker, .nw-cat { font-size: 10.5px; }

  /* mreže vesti → 2 u redu (podrazumevano) */
  .nw-grid.nw-c2, .nw-grid.nw-c3, .nw-grid.nw-c4, .nw-grid.nw-c5 { grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 12px; row-gap: 22px; }
  .nw-grid > .nw-card:not(.nw-lead):not(.nw-span2) .nw-dek { display: none; }
  .nw-grid > .nw-card:not(.nw-lead):not(.nw-span2) .nw-meta > :nth-child(n+3) { display: none; }
  .nw-grid > .nw-card:not(.nw-lead):not(.nw-span2) .nw-meta { column-gap: 8px; font-size: 11px; }
  .nw-grid > .nw-card:not(.nw-lead):not(.nw-span2) .nw-meta > * + *::before { display: none; }
  .nw-grid > .nw-card:not(.nw-lead):not(.nw-span2) .nw-h { line-height: 1.25; letter-spacing: 0; -webkit-line-clamp: 4; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; }
  .nw-grid > .nw-span2, .nw-grid > .nw-lead, .nw-grid > .nw-list, .nw-grid > div:not(.nw-card) { grid-column: 1 / -1; }
  .nw-grid .nw-card--box { padding-bottom: 12px; }
  .nw-grid .nw-card--box .nw-card__body { padding-inline: 10px; }

  /* liste bez slika (ruled kolone) — zbijenije */
  .nw-ruled > * + * { padding-top: 16px; margin-top: 16px; }
  .nw-list { gap: 0; }
  .nw-list > .nw-card + .nw-card { padding-top: 14px; margin-top: 14px; }
  .nw-card--h { gap: 12px; }
  .nw-card--h .nw-h { font-size: 15.5px; line-height: 1.28; }
  .nw-card--stack { flex-direction: row; gap: 12px; }
  .nw-card--stack > .nw-img { width: 116px !important; flex: 0 0 116px !important; }
  .nw-card--stack .nw-dek { display: none; }
  .nw-card--stack .nw-h { font-size: 16px; }

  /* glavna vest */
  .nw-lead .nw-dek--lg { font-size: 16px; }
  .nw-hsplit { gap: 12px; }

  /* 1 u redu */
  .nw-mob-1 .nw-grid.nw-c2, .nw-mob-1 .nw-grid.nw-c3, .nw-mob-1 .nw-grid.nw-c4, .nw-mob-1 .nw-grid.nw-c5,
  body .nw-wmob-1 .nw-grid.nw-c2, body .nw-wmob-1 .nw-grid.nw-c3, body .nw-wmob-1 .nw-grid.nw-c4, body .nw-wmob-1 .nw-grid.nw-c5 { grid-template-columns: minmax(0, 1fr); }
  body .nw-wmob-2 .nw-grid.nw-c2, body .nw-wmob-2 .nw-grid.nw-c3, body .nw-wmob-2 .nw-grid.nw-c4, body .nw-wmob-2 .nw-grid.nw-c5 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  body .nw-wmob-2 .nw-grid > .nw-card { flex-direction: column; }
  body .nw-wmob-2 .nw-grid > .nw-card > .nw-img { width: auto; flex: none; }

  /* lista: mala slika levo, tekst desno */
  .nw-mob-list .nw-grid.nw-c2, .nw-mob-list .nw-grid.nw-c3, .nw-mob-list .nw-grid.nw-c4, .nw-mob-list .nw-grid.nw-c5,
  body .nw-wmob-list .nw-grid.nw-c2, body .nw-wmob-list .nw-grid.nw-c3, body .nw-wmob-list .nw-grid.nw-c4, body .nw-wmob-list .nw-grid.nw-c5 { grid-template-columns: minmax(0, 1fr); row-gap: 14px; }
  .nw-mob-list .nw-grid > .nw-card:not(.nw-lead):not(.nw-span2), body .nw-wmob-list .nw-grid > .nw-card:not(.nw-lead):not(.nw-span2) { flex-direction: row; gap: 12px; padding-top: 14px; border-top: 1px solid var(--nw-line); }
  .nw-mob-list .nw-grid > .nw-card:not(.nw-lead):not(.nw-span2) > .nw-img, body .nw-wmob-list .nw-grid > .nw-card:not(.nw-lead):not(.nw-span2) > .nw-img { flex: 0 0 108px; width: 108px; }
  .nw-mob-list .nw-grid > .nw-card:not(.nw-lead):not(.nw-span2) .nw-card__body, body .nw-wmob-list .nw-grid > .nw-card:not(.nw-lead):not(.nw-span2) .nw-card__body { flex: 1; min-width: 0; }
  body.nw-mob-list .nw-wmob-2 .nw-grid > .nw-card:not(.nw-lead):not(.nw-span2), body.nw-mob-list .nw-wmob-1 .nw-grid > .nw-card:not(.nw-lead):not(.nw-span2) { flex-direction: column; padding-top: 0; border-top: 0; }
  body.nw-mob-list .nw-wmob-2 .nw-grid > .nw-card > .nw-img, body.nw-mob-list .nw-wmob-1 .nw-grid > .nw-card > .nw-img { flex: none; width: auto; }
  .nw-nolines .nw-grid > .nw-card { border-top: 0 !important; padding-top: 0 !important; }

  /* karusel i galerija kompaktnije */
  .nw-car { --per: 2.15 !important; --cg: 12px !important; }
  .nw-car[data-per="1"] { --per: 1 !important; }
  .nw-car .nw-dek { display: none; }
  .nw-car .nw-h { font-size: 15px; }
  .nw-gal { grid-auto-rows: 110px; gap: 4px; }

  /* članak: lako čitanje */
  .nw-prose { font-size: 17.5px; line-height: 1.68; }
  .nw-prose p { margin-block: 0 1.05em; }
  .nw-prose h2 { font-size: 23px; } .nw-prose h3 { font-size: 20px; }
}
@media (min-width: 640px) and (max-width: 1023px) {
  .nw-grid.nw-c4, .nw-grid.nw-c5 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .nw-grid.nw-c4 > .nw-span2 { grid-column: span 3; }
  .nw-grid > .nw-card:not(.nw-lead):not(.nw-span2) .nw-dek { display: none; }
}