/* =========================================================================
   Elementor Kit kompatibilnost
   Elementor Site Settings postavlja globalne stilove za linkove, dugmad i naslove
   (".elementor-kit-N a { color }", ".elementor-kit-N button { background }", ".elementor-kit-N h2 { … }").
   Oni su jači od pravila teme, pa bi meni, naslovi i ikonice dobili boje/fontove Kit-a.
   Ovde teme vraća svoj izgled malo jačom specifičnošću (html body …).
   Podešavanja u NW/SL widgetima ({{WRAPPER}} …) su i dalje jača od ovoga.
   ========================================================================= */

/* ---------- naslovi ---------- */
html body .nw-h { font-family: var(--nw-font-head); font-weight: var(--nw-head-w); color: var(--nw-ink); line-height: 1.18; letter-spacing: -.005em; margin: 0; text-transform: none; }
html body .nw-h--xxl { font-size: clamp(32px, 4.1vw, 52px); line-height: 1.06; letter-spacing: -.02em; }
html body .nw-h--xl  { font-size: clamp(26px, 2.7vw, 36px); line-height: 1.1; letter-spacing: -.015em; }
html body .nw-h--lg  { font-size: clamp(21px, 1.9vw, 26px); line-height: 1.15; letter-spacing: -.01em; }
html body .nw-h--md  { font-size: 20px; line-height: 1.2; }
html body .nw-h--sm  { font-size: 17.5px; line-height: 1.25; }
html body .nw-h--xs  { font-size: 15.5px; line-height: 1.3; }
@media (max-width: 639px) { html body .nw-h--md { font-size: 19px; } }
html body .nw-art-h1 { font-family: var(--nw-font-head); font-weight: var(--nw-head-w); color: var(--nw-ink); font-size: clamp(30px, 4vw, 48px); line-height: 1.08; letter-spacing: -.02em; margin: 12px 0 16px; text-transform: none; }
html body .nw-art-center .nw-art-h1 { font-size: clamp(34px, 5vw, 62px); }
html body .nw-arch-head h1, html body .nw-auth-head h1, html body .nw-404 h1, html body .nw-empty h2, html body .nw-authorbox h3 { font-family: var(--nw-font-head); font-weight: var(--nw-head-w); color: var(--nw-ink); text-transform: none; }
html body .nw-sh__t, html body .nw-w__t { font-family: var(--nw-font-ui); font-weight: 800; font-size: 14px; letter-spacing: .09em; text-transform: uppercase; color: var(--nw-ink); line-height: 1.2; margin: 0; }
html body .nw-w__t { font-size: 13px; margin: 0 0 14px; }
html body .nw-sh--center .nw-sh__t, html body .nw-sh--serif .nw-sh__t { font-family: var(--nw-font-head); font-weight: var(--nw-head-w); text-transform: none; letter-spacing: -.015em; font-size: 30px; }
html body .nw-sh--block .nw-sh__t { color: #fff; }
html body .nw-foot h3 { font-family: var(--nw-font-ui); font-size: 12px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; color: #fff; margin: 0 0 16px; }
html body .nw-foot--light h3 { color: var(--nw-ink); }
html body .nw-darkzone .nw-h, html body .nw-nl-box .nw-h, html body .nw-foot .nw-h, html body .nw-breaking .nw-h, html body .nw-darkzone .nw-sh__t { color: #fff; }

/* ---------- linkovi ---------- */
html body .nw-h a, html body .nw-sh__t a, html body .nw-rank a, html body .nw-rel a, html body .nw-prevnext a, html body .nw-readmore, html body .nw-bc a, html body .nw-meta a:not(.nw-cat), html body .nw-topbar a, html body .nw-subbar a, html body .nw-foot a, html body .nw-mega__cats a, html body .nw-op, html body .nw-story, html body .nw-tagrow a, html body .nw-chips a, html body .nw-authorbox a, html body .nw-tpls a { color: inherit; text-decoration: none; }
html body .nw-rank a, html body .nw-mega__cats a, html body .nw-tagrow a, html body .nw-chips a { color: var(--nw-ink); }
html body .nw-chips a.is-on { color: var(--nw-bg); }
html body a.nw-logo { color: var(--nw-ink); text-decoration: none; }
html body a.nw-logo--light, html body .nw-foot:not(.nw-foot--light) a.nw-logo, html body .nw-navbar--dark a.nw-logo, html body .nw-mbar--dark a.nw-logo, html body .nw-mbar--accent a.nw-logo { color: #fff; }
html body a.nw-menu__a { color: var(--nw-ink); text-decoration: none; }
html body .nw-menu > li:hover > a.nw-menu__a, html body .nw-menu > li.is-open > a.nw-menu__a, html body a.nw-menu__a[aria-current] { color: var(--nw-accent); }
html body .nw-navbar--accent a.nw-menu__a, html body .nw-navbar--dark a.nw-menu__a,
html body .nw-navbar--accent .nw-menu > li:hover > a.nw-menu__a, html body .nw-navbar--accent .nw-menu > li.is-open > a.nw-menu__a, html body .nw-navbar--accent a.nw-menu__a[aria-current],
html body .nw-navbar--dark .nw-menu > li:hover > a.nw-menu__a, html body .nw-navbar--dark a.nw-menu__a[aria-current] { color: #fff; }
html body a.nw-menu__live { color: var(--nw-accent); }
html body .nw-navbar--accent a.nw-menu__live, html body .nw-navbar--dark a.nw-menu__live { color: #fff; }
html body .nw-drop a { color: var(--nw-text); text-decoration: none; }
html body .nw-drop a:hover, html body .nw-mega__cats a:hover, html body .nw-mega__cats a.is-on { color: var(--nw-accent); }
html body .nw-drawer nav > a, html body .nw-drawer summary { color: var(--nw-ink); text-decoration: none; }
html body .nw-drawer__sub a { color: var(--nw-text); text-decoration: none; }
html body .nw-drawer nav > a:hover, html body .nw-drawer__sub a:hover { color: var(--nw-accent); }
html body .nw-search__pop a { color: inherit; }
html body a.nw-ticker__i { color: var(--nw-ink); text-decoration: none; }
html body .nw-ticker--dark a.nw-ticker__i, html body .nw-ticker--accent a.nw-ticker__i { color: #fff; }
html body a.nw-sh__more { color: var(--nw-ink); }
html body .nw-darkzone a.nw-sh__more { color: #fff; }
html body .nw-sh__nav a { color: var(--nw-muted); }
html body .nw-foot a:hover, html body .nw-topbar--dark a:hover { color: #fff; }
html body .nw-foot--light a:hover, html body .nw-topbar:not(.nw-topbar--dark) a:hover, html body .nw-sh__nav a:hover { color: var(--nw-ink); }
html body .nw-rank a:hover, html body .nw-sh__more:hover, html body .nw-sh__t a:hover, html body .nw-subbar a:hover { color: var(--nw-accent); }
html body .nw-soc a { color: inherit; }
html body .nw-foot .nw-soc a { color: #fff; }
html body .nw-foot--light .nw-soc a { color: var(--nw-ink); }
html body a.nw-cat { color: var(--nw-muted); text-decoration: none; }
html body a.nw-cat--accent, html body a.nw-cat:hover { color: var(--nw-accent); }
html body a.nw-cat--outline { color: var(--nw-ink); }
html body a.nw-cat--solid { color: var(--nw-bg); }
html body a.nw-cat--solid:hover { color: #fff; }
html body a.nw-img { color: inherit; }
html body .nw-prose a:not(.nw-btn):not(.nw-img):not(.nw-readmore) { color: var(--nw-accent); }

/* ---------- dugmad (Kit "Buttons") ---------- */
html body button.nw-ibtn, html body a.nw-ibtn { background: none; color: inherit; border: 0; padding: 0; box-shadow: none; font-size: 20px; text-transform: none; letter-spacing: 0; width: 40px; height: 40px; min-height: 0; line-height: 1; border-radius: var(--nw-radius); }
html body button.nw-ibtn:hover, html body a.nw-ibtn:hover, html body button.nw-ibtn:focus { background: none; color: var(--nw-accent); }
html body .nw-navbar--accent button.nw-ibtn:hover, html body .nw-navbar--dark button.nw-ibtn:hover, html body .nw-mbar--dark button.nw-ibtn:hover, html body .nw-mbar--accent button.nw-ibtn:hover { color: #fff; opacity: .75; }
html body button.nw-arrow { background: var(--nw-bg); color: var(--nw-ink); border: 1px solid var(--nw-line); padding: 0; width: 38px; height: 38px; font-size: 18px; box-shadow: none; border-radius: var(--nw-radius); }
html body button.nw-arrow:hover:not(:disabled) { background: var(--nw-ink); border-color: var(--nw-ink); color: var(--nw-bg); }
html body .nw-darkzone button.nw-arrow { background: transparent; color: #fff; border-color: rgba(255, 255, 255, .25); }
html body .nw-btn, html body button.nw-btn, html body a.nw-btn { background: var(--nw-ink); color: var(--nw-bg); border: 1px solid var(--nw-ink); padding: 0 22px; height: 46px; box-shadow: none; font-family: var(--nw-font-ui); font-weight: 700; font-size: 12.5px; letter-spacing: .08em; text-transform: uppercase; line-height: 1; border-radius: var(--nw-radius); text-decoration: none; }
html body .nw-btn:hover, html body button.nw-btn:hover, html body a.nw-btn:hover { background: var(--nw-accent); border-color: var(--nw-accent); color: #fff; }
html body .nw-btn--accent, html body button.nw-btn--accent, html body a.nw-btn--accent { background: var(--nw-accent); border-color: var(--nw-accent); color: #fff; }
html body .nw-btn--accent:hover, html body button.nw-btn--accent:hover, html body a.nw-btn--accent:hover { background: var(--nw-ink); border-color: var(--nw-ink); color: var(--nw-bg); }
html body .nw-btn--ghost, html body button.nw-btn--ghost, html body a.nw-btn--ghost { background: transparent; color: var(--nw-ink); }
html body .nw-btn--ghost:hover, html body button.nw-btn--ghost:hover, html body a.nw-btn--ghost:hover { background: var(--nw-ink); color: var(--nw-bg); }
html body .nw-btn--sm, html body a.nw-btn--sm, html body button.nw-btn--sm { height: 36px; padding: 0 14px; font-size: 11.5px; }
html body .nw-tabs button, html body .nw-wtabs button { background: none; color: var(--nw-muted); border: 0; border-bottom: 3px solid transparent; border-radius: 0; box-shadow: none; padding: 0 14px 12px; font-family: var(--nw-font-ui); font-weight: 700; font-size: 13.5px; text-transform: none; letter-spacing: 0; }
html body .nw-tabs button:hover, html body .nw-tabs button[aria-selected="true"] { background: none; color: var(--nw-ink); }
html body .nw-tabs button[aria-selected="true"] { border-bottom-color: var(--nw-accent); }
html body .nw-thumbs button, html body .nw-strip button, html body .nw-dots button, html body .nw-vs button, html body .nw-yn button, html body button.nw-vote, html body button.nw-cm-reply, html body button.nw-lb__nav, html body button.nw-anchor__x, html body button.nw-totop, html body .nw-replying button, html body .nw-search__row button { box-shadow: none; text-transform: none; letter-spacing: 0; font-family: var(--nw-font-ui); }
html body .nw-thumbs button { background: none; color: var(--nw-muted); padding: 12px 0 0; border: 0; border-top: 3px solid var(--nw-line); border-radius: 0; }
html body .nw-thumbs button[aria-current="true"] { color: var(--nw-ink); border-top-color: var(--nw-accent); }
html body .nw-strip button { background: none; padding: 0; border: 0; border-radius: 0; }
html body .nw-dots button { background: var(--nw-line); padding: 0; border: 0; border-radius: 0; width: 22px; height: 3px; min-height: 0; }
html body .nw-dots button[aria-current="true"] { background: var(--nw-accent); }
html body .nw-yn button { background: var(--nw-bg); color: var(--nw-ink); border: 1px solid var(--nw-ink); padding: 0; height: 56px; font-weight: 800; font-size: 15px; text-transform: uppercase; letter-spacing: .08em; }
html body .nw-yn button:hover { background: var(--nw-ink); color: var(--nw-bg); }
html body .nw-vs button { background: var(--nw-bg); color: var(--nw-ink); border: 1px solid var(--nw-line); padding: 0; }
html body button.nw-vote { background: var(--nw-bg); color: var(--nw-ink); border: 1px solid var(--nw-line); padding: 0 10px; height: 30px; font-size: 12.5px; font-weight: 700; }
html body button.nw-vote.is-up { background: #0F7B45; border-color: #0F7B45; color: #fff; }
html body button.nw-vote.is-down { background: #C8102E; border-color: #C8102E; color: #fff; }
html body button.nw-cm-reply, html body .nw-cm-reply { background: none; color: var(--nw-ink); border: 0; padding: 0; font-size: 12.5px; font-weight: 700; }
html body button.nw-totop { background: var(--nw-ink); color: var(--nw-bg); border: 0; padding: 0; width: 46px; height: 46px; }
html body button.nw-totop:hover { background: var(--nw-accent); color: #fff; }
html body button.nw-anchor__x { background: var(--nw-bg); color: var(--nw-ink); border: 1px solid var(--nw-line); padding: 0; width: 30px; height: 30px; }
html body button.nw-lb__nav { background: transparent; color: #fff; border: 1px solid rgba(255, 255, 255, .25); padding: 0; width: 52px; height: 52px; }
html body button.nw-lb__nav:hover { background: var(--nw-accent); border-color: var(--nw-accent); }
html body .nw-replying button { background: none; color: var(--nw-accent); border: 0; padding: 0; }

/* ---------- polja ---------- */
html body .nw-field { background: var(--nw-bg); color: var(--nw-ink); border: 1px solid var(--nw-line); border-radius: var(--nw-radius); box-shadow: none; padding: 0 14px; height: 46px; font-family: var(--nw-font-text); font-size: 15px; }
html body textarea.nw-field { height: 120px; padding: 12px 14px; }
html body .nw-nl-box .nw-field, html body .nw-foot__nl .nw-field { background: transparent; color: #fff; border-color: rgba(255, 255, 255, .25); }
html body .nw-search__row input, html body .nw-sr-form input { background: none; border: 0; box-shadow: none; padding: 0; color: var(--nw-ink); }
