/*
 * SNM Editorial v3
 * Originalni newsroom interfejs inspirisan jasnom hijerarhijom velikih
 * informativnih portala. Bez web-font zahteva i bez layout shift zavisnosti.
 */
:root{
	--snm-theme-max:1540px;
	--snm-theme-reading:760px;
	--snm-theme-bg:#fff;
	--snm-theme-page:#f5f6f8;
	--snm-theme-card:#fff;
	--snm-theme-ink:#101114;
	--snm-theme-ink-2:#262931;
	--snm-theme-muted:#656b75;
	--snm-theme-soft:#eff1f4;
	--snm-theme-surface:#f8f9fa;
	--snm-theme-border:#dfe2e7;
	--snm-theme-header:#fff;
	--snm-theme-radius:9px;
	--snm-theme-radius-sm:6px;
	--snm-theme-shadow-card:0 1px 2px rgb(16 24 40 / .04),0 10px 30px rgb(16 24 40 / .07);
	--snm-theme-shadow-soft:0 12px 34px rgb(16 24 40 / .09);
	--snm-theme-font-ui:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
	--snm-theme-font-reading:var(--snm-theme-font-ui);
}

[data-theme=dark]{
	--snm-theme-bg:#101114;
	--snm-theme-page:#090a0c;
	--snm-theme-card:#15171b;
	--snm-theme-ink:#f5f6f8;
	--snm-theme-ink-2:#e3e6ea;
	--snm-theme-muted:#a5abb5;
	--snm-theme-soft:#1b1e23;
	--snm-theme-surface:#14161a;
	--snm-theme-border:#30343b;
	--snm-theme-header:#111216;
}

html{overflow-x:clip}
body{
	background:var(--snm-theme-bg);
	color:var(--snm-theme-ink);
	font-family:var(--snm-theme-font-ui);
	-webkit-font-smoothing:antialiased;
	overflow-x:clip;
}
.site-shell{max-width:var(--snm-theme-max);padding-inline:24px}
h1,h2,h3,h4,h5,h6{
	font-family:var(--snm-theme-font-ui);
	font-weight:840;
	letter-spacing:-.038em;
}

/* Header: velik brend, glavni meni, kompaktne akcije, pa red tema. */
.site-header{
	background:var(--snm-theme-header);
	border:0;
	box-shadow:0 1px 0 var(--snm-theme-border);
	isolation:isolate;
	z-index:950;
}
.has-sticky-header .site-header{top:0}
.header-main{
	background:var(--snm-theme-header);
	border-top:4px solid var(--snm-theme-ink);
}
.header-main__inner{
	align-items:center;
	display:flex;
	height:82px;
	min-width:0;
}
.site-branding{
	flex:0 0 auto;
	justify-content:flex-start;
	line-height:0;
	margin-right:34px;
	max-width:232px;
	min-width:170px;
	overflow:hidden;
}
.custom-logo-link{
	align-items:center;
	display:flex;
	height:68px;
	max-width:100%;
}
.site-branding .custom-logo,
.site-branding img.custom-logo{
	display:block;
	height:58px!important;
	max-height:60px!important;
	max-width:225px!important;
	object-fit:contain;
	width:220px!important;
}
.wordmark{
	font-size:2rem;
	line-height:1;
	white-space:nowrap;
}
.wordmark span{border-radius:50%;padding:11px 8px}
.wordmark b{background:transparent;color:var(--snm-theme-ink);font-size:.62em;padding-left:5px}
.desktop-navigation{
	display:block;
	flex:1 1 auto;
	min-width:0;
}
.desktop-navigation .primary-menu{
	align-items:center;
	display:flex;
	gap:2px;
	list-style:none;
	margin:0;
	padding:0;
}
.desktop-navigation .primary-menu>li{position:relative}
.desktop-navigation .primary-menu>li>a{
	align-items:center;
	display:flex;
	font-size:.89rem;
	font-weight:760;
	height:78px;
	letter-spacing:-.012em;
	padding:0 11px;
	position:relative;
	text-decoration:none;
	white-space:nowrap;
}
.desktop-navigation .primary-menu>li>a::after{
	background:var(--snm-theme-accent);
	bottom:0;
	content:"";
	height:4px;
	left:11px;
	position:absolute;
	right:11px;
	transform:scaleX(0);
	transform-origin:left;
	transition:transform 170ms ease;
}
.desktop-navigation .primary-menu>li:hover>a::after,
.desktop-navigation .primary-menu>.current-menu-item>a::after,
.desktop-navigation .primary-menu>.current-menu-ancestor>a::after{transform:scaleX(1)}
.desktop-navigation .sub-menu{
	background:var(--snm-theme-card);
	border:1px solid var(--snm-theme-border);
	border-radius:0 0 8px 8px;
	box-shadow:var(--snm-theme-shadow-soft);
	display:block;
	left:0;
	list-style:none;
	margin:0;
	min-width:230px;
	opacity:0;
	padding:8px;
	pointer-events:none;
	position:absolute;
	top:100%;
	transform:translateY(8px);
	transition:opacity 150ms ease,transform 150ms ease;
}
.desktop-navigation li:hover>.sub-menu,
.desktop-navigation li:focus-within>.sub-menu{
	opacity:1;
	pointer-events:auto;
	transform:none;
}
.desktop-navigation .sub-menu a{
	border-radius:5px;
	display:block;
	font-size:.82rem;
	font-weight:690;
	padding:10px 11px;
	text-decoration:none;
}
.desktop-navigation .sub-menu a:hover{background:var(--snm-theme-soft)}
.header-actions{
	align-items:center;
	display:flex;
	flex:0 0 auto;
	gap:3px;
	margin-left:18px;
	min-width:0;
}
.header-actions .icon-button{
	height:44px;
	width:44px;
}
.latest-link{
	align-items:center;
	color:var(--snm-theme-accent);
	display:flex;
	font-size:.72rem;
	font-weight:880;
	gap:7px;
	letter-spacing:.075em;
	margin-right:4px;
	text-decoration:none;
	text-transform:uppercase;
}
.latest-link i{
	background:var(--snm-theme-accent);
	border-radius:50%;
	box-shadow:0 0 0 4px color-mix(in srgb,var(--snm-theme-accent) 14%,transparent);
	height:7px;
	width:7px;
}
.header-user{
	display:block;
	max-width:178px;
	min-width:0;
	overflow:hidden;
}
.header-user .user-control{
	align-items:center;
	display:flex;
	max-width:100%;
	min-width:0;
	overflow:hidden;
}
.header-user .user-control>a:first-child{
	align-items:center;
	display:flex!important;
	gap:8px;
	max-width:100%;
	min-width:0;
	overflow:hidden;
	text-decoration:none;
}
.header-user img,
.header-user img.avatar,
.header-user .user-avatar{
	border:0!important;
	border-radius:50%!important;
	flex:0 0 32px;
	height:32px!important;
	margin:0!important;
	max-height:32px!important;
	max-width:32px!important;
	object-fit:cover!important;
	padding:0!important;
	width:32px!important;
}
.header-user .user-control>a>span{
	display:block;
	font-size:.77rem;
	font-weight:740;
	max-width:108px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
.header-user .user-control b,
.header-user .user-logout{display:none!important}
.header-login{font-size:.79rem}
.header-login .icon{height:21px;width:21px}
.membership-button{
	border-radius:6px;
	display:inline-flex;
	font-size:.74rem;
	font-weight:820;
	min-height:42px;
	padding:.62rem .9rem;
	white-space:nowrap;
}
.header-secondary{
	background:var(--snm-theme-header);
	border-top:1px solid var(--snm-theme-border);
	color:var(--snm-theme-ink);
	display:block;
}
.header-secondary__inner{
	align-items:center;
	display:flex;
	gap:18px;
	height:43px;
	min-width:0;
}
.topics-label{
	align-items:center;
	color:var(--snm-theme-muted);
	display:flex;
	flex:none;
	font-size:.69rem;
	font-weight:800;
	gap:7px;
	text-transform:uppercase;
}
.topics-label .icon{height:17px;width:17px}
.topics-navigation{
	flex:1;
	min-width:0;
	overflow:hidden;
}
.topics-navigation .secondary-menu{
	align-items:center;
	display:flex;
	gap:0;
	list-style:none;
	margin:0;
	overflow-x:auto;
	padding:0;
	scrollbar-width:none;
	white-space:nowrap;
}
.topics-navigation .secondary-menu::-webkit-scrollbar{display:none}
.topics-navigation .secondary-menu>li{
	align-items:center;
	display:flex;
	flex:none;
}
.topics-navigation .secondary-menu li+li::before{
	color:var(--snm-theme-border);
	content:"|";
	margin-inline:13px;
}
.topics-navigation .secondary-menu a{
	color:var(--snm-theme-ink-2);
	font-size:.75rem;
	font-weight:690;
	text-decoration:none;
}
.header-social{
	align-items:center;
	display:flex;
	flex:none;
	gap:4px;
}
.header-social a{
	align-items:center;
	display:flex;
	height:31px;
	justify-content:center;
	width:31px;
}
.header-social .icon{height:17px;width:17px}
.menu-toggle{display:none}

/* Breaking i tok najnovijih naslova su jasni, niski informativni redovi. */
.breaking-bar{
	background:var(--snm-theme-accent);
	color:#fff;
	font-size:.8rem;
}
.breaking-bar .site-shell{min-height:39px}
.breaking-bar strong{border-radius:4px;font-size:.6rem;padding:4px 7px}
.top-stories{
	background:var(--snm-theme-card);
	border-bottom:1px solid var(--snm-theme-border);
}
.top-stories__inner{gap:16px;min-height:59px}
.top-stories__inner>strong{
	border-right:1px solid var(--snm-theme-border);
	font-size:.67rem;
	letter-spacing:.11em;
	padding-right:18px;
}
.top-stories__track>a{
	flex-basis:325px;
	gap:10px;
	min-height:58px;
	padding:10px 17px 10px 0;
}
.top-stories__track>a+a{border-left:1px solid var(--snm-theme-border);padding-left:17px}
.top-stories__track time{font-size:.76rem}
.top-stories__track span{font-size:.84rem;font-weight:720;line-height:1.28}
.top-stories__all{font-size:.72rem}

/* Naslovna: urednički gust raspored bez praznih stubaca. */
.homepage{background:var(--snm-theme-bg)}
.home-hero{
	background:var(--snm-theme-bg);
	padding-block:30px 44px;
}
.home-hero__grid{
	align-items:start;
	display:grid;
	gap:28px;
	grid-template-columns:minmax(0,1.65fr) minmax(420px,.95fr);
}
.home-hero__lead{
	border-right:1px solid var(--snm-theme-border);
	padding-right:28px;
}
.news-card__image{border-radius:8px}
.news-card__image img{background:var(--snm-theme-soft)}
.news-card--hero .news-card__image{border-radius:10px}
.news-card--hero .news-card__title{
	font-size:clamp(2.2rem,3.3vw,3.45rem);
	letter-spacing:-.046em;
	line-height:1.01;
	margin:.32rem 0 .45rem;
	max-width:1050px;
}
.news-card--hero .news-card__excerpt{
	font-size:1.02rem;
	line-height:1.55;
	max-width:850px;
}
.home-hero__side{
	display:grid;
	gap:22px 18px;
	grid-template-columns:repeat(2,minmax(0,1fr));
}
.news-card--side{
	border:0;
	display:block;
	padding:0;
}
.news-card--side .news-card__body{padding-top:9px}
.news-card--side .news-card__title{
	font-size:1.04rem;
	letter-spacing:-.025em;
	line-height:1.22;
}
.news-card__meta{font-size:.7rem}
.news-card__meta time::after{content:""}
.home-newsroom{
	align-items:start;
	display:grid;
	gap:42px;
	grid-template-columns:minmax(0,1.75fr) minmax(330px,.58fr);
	padding-bottom:58px;
	padding-top:46px;
}
.home-rail-layout__side{
	align-self:start;
	position:sticky;
	top:142px;
}
.section-heading{
	border-top:4px solid var(--snm-theme-ink);
	margin-bottom:18px;
	padding-top:12px;
}
.section-heading h2{font-size:1.62rem}
.latest-list{
	display:grid;
	grid-template-columns:repeat(2,minmax(0,1fr));
}
.latest-list li{
	gap:14px;
	grid-template-columns:54px minmax(0,1fr);
	min-height:115px;
	padding:16px 17px 16px 0;
}
.latest-list li:nth-child(even){
	border-left:1px solid var(--snm-theme-border);
	padding-left:20px;
}
.latest-list time{
	background:color-mix(in srgb,var(--snm-theme-accent) 8%,var(--snm-theme-bg));
	border-radius:5px;
	font-size:.75rem;
	height:max-content;
	padding:5px 6px;
	text-align:center;
}
.latest-list h3{font-size:1rem;line-height:1.3}
.popular-section{
	background:#111318;
	border:0;
	border-radius:10px;
	color:#fff;
	padding:22px 24px;
}
.popular-section header h2{font-size:2rem}
.popular-section .eyebrow{color:#ff5b65}
.popular-tabs{border-color:rgb(255 255 255 / .18)}
.popular-tabs button{color:#adb2bc}
.popular-tabs button[aria-selected=true]{color:#fff}
.popular-list li{border-color:rgb(255 255 255 / .18);grid-template-columns:38px 1fr;padding:15px 0}
.popular-list li>span{color:#ff4652;font-size:1.65rem}
.popular-list a{font-size:.94rem;line-height:1.3}
.category-section{padding-block:56px}
.category-section:nth-of-type(even){background:var(--snm-theme-surface)}
.category-news-grid{gap:25px}
.category-section .news-card__title{line-height:1.22}
.focus-section{padding-block:58px}
.home-utility{padding-block:56px}

/* Reklame su izolovani redovi; nijedna reklama ne diktira visinu newsroom grida. */
.snm-ad-break{
	background:var(--snm-theme-surface);
	border-block:1px solid var(--snm-theme-border);
	clear:both;
	margin:0;
	padding-block:22px;
	width:100%;
}
.snm-ad-break>.site-shell{display:block}
.ad-zone{
	background:transparent;
	display:block;
	margin:0 auto;
	max-width:100%;
	min-height:0!important;
	overflow:hidden;
	padding:18px 0 0;
	position:relative;
	text-align:center;
	width:100%;
}
.ad-zone:empty,
.article-lead-ad:empty{display:none}
.ad-label{
	font-size:.58rem;
	left:50%;
	letter-spacing:.15em;
	top:0;
	transform:translateX(-50%);
	white-space:nowrap;
}
.ad-label::before,.ad-label::after{
	background:var(--snm-theme-border);
	content:"";
	height:1px;
	position:absolute;
	top:50%;
	width:32px;
}
.ad-label::before{right:calc(100% + 9px)}
.ad-label::after{left:calc(100% + 9px)}
.ad-desktop,.ad-mobile{max-width:100%;overflow:hidden}
.ad-desktop>*,
.ad-mobile>*{
	box-sizing:border-box!important;
	max-width:100%!important;
}
.ad-zone img,
.ad-zone picture,
.ad-zone video{
	height:auto!important;
	margin-inline:auto;
	max-width:100%!important;
}
.ad-zone iframe{
	border:0;
	display:block;
	margin-inline:auto;
	max-width:100%!important;
}
.ad-zone .snm-ads-slot,
.ad-zone .snm-ad,
.ad-zone ins{
	margin-inline:auto!important;
	max-width:100%!important;
}
.home-ad-break .ad-zone{max-width:1100px}

/* Članak: lead + desni oglas, zatim čitljiv tekst i nezavisan sidebar. */
.single-news{background:var(--snm-theme-bg)}
.article-header{
	border-bottom:1px solid var(--snm-theme-border);
	padding-bottom:34px;
	padding-top:34px;
}
.article-lead-grid{
	align-items:start;
	display:grid;
	gap:48px;
	grid-template-columns:minmax(0,1fr) 340px;
}
.article-lead-grid:has(.article-lead-ad:empty){grid-template-columns:minmax(0,1050px)}
.article-lead{min-width:0}
.breadcrumbs{margin-bottom:24px}
.article-labels{margin-bottom:16px}
.article-header h1{
	font-size:clamp(2.55rem,4.4vw,4.8rem);
	letter-spacing:-.052em;
	line-height:.99;
	max-width:1120px;
	text-wrap:pretty;
}
.article-tagline{
	color:var(--snm-theme-muted);
	font-family:var(--snm-theme-font-ui);
	font-size:clamp(1.08rem,1.4vw,1.32rem);
	line-height:1.52;
	margin-top:20px;
	max-width:900px;
}
.article-byline{
	align-items:center;
	border-top:1px solid var(--snm-theme-border);
	display:flex;
	flex-wrap:wrap;
	gap:12px 26px;
	margin-top:25px;
	padding-top:16px;
}
.article-authors{font-size:.85rem}
.article-lead-ad{
	border-left:1px solid var(--snm-theme-border);
	min-width:0;
	padding-left:34px;
}
.article-lead-ad .ad-zone{padding-top:25px}
.article-lead-ad iframe{max-height:600px}
.article-featured{
	margin-top:28px;
	max-width:var(--snm-theme-max);
}
.article-featured>img{
	border-radius:10px;
	max-height:820px;
}
.article-layout{
	gap:30px;
	grid-template-columns:54px minmax(0,var(--snm-theme-reading)) minmax(280px,360px);
	justify-content:center;
	padding-bottom:70px;
	padding-top:44px;
}
.article-content{
	font-family:var(--snm-theme-font-reading);
	font-size:clamp(1.075rem,1rem + .3vw,1.2rem);
	font-weight:430;
	line-height:1.75;
	max-width:var(--snm-theme-reading);
}
.article-content>p{margin-bottom:1.5em}
.article-content h2,.article-content h3,.article-content h4{font-family:var(--snm-theme-font-ui)}
.article-content h2{font-size:clamp(1.62rem,2.5vw,2.25rem)}
.article-content h3{font-size:clamp(1.35rem,2vw,1.75rem)}
.article-content blockquote,
.article-content .wp-block-quote{
	background:var(--snm-theme-surface);
	border-left:5px solid var(--snm-theme-accent);
	border-radius:0 8px 8px 0;
	font-family:var(--snm-theme-font-ui);
	font-size:1.16em;
	margin:2em 0;
	padding:1.15em 1.3em;
}
.article-sidebar{
	border-left:1px solid var(--snm-theme-border);
	display:block;
	padding-left:26px;
}
.article-sidebar:empty{display:none}
.article-sidebar .widget{
	border-top:4px solid var(--snm-theme-ink);
	margin-bottom:30px;
	padding-top:13px;
}
.article-sidebar .ad-zone{padding-top:22px}
.article-footer,.article-author-boxes,.related-section,.snm-comments-cta,.comments-cta{
	max-width:var(--snm-theme-reading);
}
.article-author-boxes,.related-section{margin-inline:auto}

/* Stabilnost svih ugrađenih SNM sistema unutar teme. */
.snm-comments-page,
.snm-comments-cta,
.snm-auth,
.snm-membership-paywall{font-family:var(--snm-theme-font-ui)}
.snm-comments-page .snm-cp-shell{max-width:1180px}
.snm-comments-page .snm-cp-title{font-size:clamp(2rem,4.2vw,3.3rem)}

/* Tablet. */
@media (max-width:1279px){
	.site-shell{padding-inline:22px}
	.site-branding{margin-right:22px;max-width:195px;min-width:150px}
	.site-branding .custom-logo,.site-branding img.custom-logo{max-width:190px!important}
	.desktop-navigation .primary-menu>li>a{font-size:.81rem;padding-inline:8px}
	.desktop-navigation .primary-menu>li>a::after{left:8px;right:8px}
	.header-user .user-control>a>span{display:none}
	.header-user{max-width:36px}
	.membership-button{display:none}
	.home-hero__grid{grid-template-columns:minmax(0,1.5fr) minmax(360px,.9fr)}
	.article-lead-grid{gap:34px;grid-template-columns:minmax(0,1fr) 310px}
	.article-lead-ad{padding-left:26px}
	.article-layout{grid-template-columns:50px minmax(0,var(--snm-theme-reading)) minmax(250px,310px)}
}

@media (max-width:1099px){
	.header-main__inner{height:72px}
	.site-branding{margin-right:18px;max-width:174px;min-width:138px}
	.site-branding .custom-logo,.site-branding img.custom-logo{height:52px!important;max-height:52px!important;max-width:170px!important;width:170px!important}
	.desktop-navigation .primary-menu>li:nth-last-child(-n+2){display:none}
	.header-actions{margin-left:8px}
	.latest-link{font-size:0;margin:0}
	.latest-link i{display:block}
	.header-secondary__inner{height:41px}
	.home-hero__grid{gap:22px;grid-template-columns:minmax(0,1.45fr) minmax(330px,.8fr)}
	.home-hero__lead{padding-right:22px}
	.news-card--hero .news-card__title{font-size:clamp(2.05rem,4vw,2.8rem)}
	.home-newsroom{gap:30px;grid-template-columns:minmax(0,1.5fr) minmax(300px,.62fr)}
	.article-lead-grid{grid-template-columns:minmax(0,1fr) 300px}
	.article-layout{grid-template-columns:50px minmax(0,var(--snm-theme-reading))}
	.article-sidebar{display:none}
}

/* Mobilni/tablet header i jedne kolone od 899px. */
@media (max-width:899px){
	.site-shell{padding-inline:18px}
	.header-main{border-top-width:3px}
	.header-main__inner{height:66px;padding-inline:12px}
	.menu-toggle{display:inline-flex;flex:0 0 44px}
	.site-branding{
		flex:1;
		justify-content:center;
		margin:0;
		max-width:none;
		min-width:0;
		padding-inline:8px;
	}
	.custom-logo-link{height:58px}
	.site-branding .custom-logo,.site-branding img.custom-logo{
		height:47px!important;
		max-height:47px!important;
		max-width:175px!important;
		width:175px!important;
	}
	.desktop-navigation{display:none}
	.header-actions{
		flex:0 0 auto;
		gap:0;
		margin:0;
	}
	.latest-link,.theme-toggle,.membership-button{display:none!important}
	.header-user{display:none}
	.header-actions .search-toggle{display:inline-flex}
	.header-secondary{display:block}
	.header-secondary__inner{gap:10px;height:40px;padding-inline:14px}
	.topics-label span{display:none}
	.header-social{display:none}
	.topics-navigation .secondary-menu li+li::before{margin-inline:10px}
	.topics-navigation .secondary-menu a{font-size:.7rem}
	.top-stories__inner{min-height:50px}
	.top-stories__inner>strong{padding-right:12px}
	.top-stories__track>a{flex-basis:72vw;min-height:49px;padding-block:7px}
	.top-stories__track>a+a{padding-left:13px}
	.top-stories__track span{font-size:.78rem}
	.home-hero{padding-block:22px 34px}
	.home-hero__grid{display:block}
	.home-hero__lead{
		border:0;
		padding:0 0 26px;
	}
	.news-card--hero .news-card__title{font-size:clamp(2.05rem,6.2vw,3.15rem)}
	.home-hero__side{grid-template-columns:repeat(2,minmax(0,1fr))}
	.home-newsroom{
		display:block;
		padding-bottom:42px;
		padding-top:34px;
	}
	.home-rail-layout__side{
		margin-top:34px;
		position:static;
	}
	.popular-section{padding:22px}
	.category-section{padding-block:44px}
	.article-header{padding-block:26px}
	.article-lead-grid{display:block}
	.article-lead-ad{
		border:0;
		margin-top:28px;
		padding:0;
	}
	.article-header h1{font-size:clamp(2.25rem,7vw,3.75rem)}
	.article-featured{margin-top:18px}
	.article-layout{
		display:block;
		padding-inline:18px;
		padding-top:34px;
	}
	.article-share-sticky{display:none}
	.share-tools--mobile{display:flex}
}

@media (max-width:599px){
	.site-shell{padding-inline:14px}
	.header-main__inner{height:62px;padding-inline:7px}
	.site-branding .custom-logo,.site-branding img.custom-logo{
		height:43px!important;
		max-height:43px!important;
		max-width:155px!important;
		width:155px!important;
	}
	.header-secondary__inner{padding-inline:10px}
	.breaking-bar .site-shell{min-height:37px}
	.top-stories__inner{gap:9px;padding-inline:10px}
	.top-stories__inner>strong{font-size:.6rem;padding-right:9px}
	.top-stories__track>a{flex-basis:76vw;padding-right:10px}
	.top-stories__all{font-size:0}
	.home-hero{padding-block:16px 28px}
	.news-card--hero .news-card__image{border-radius:7px}
	.news-card--hero .news-card__title{
		font-size:clamp(1.85rem,8.5vw,2.5rem);
		line-height:1.02;
	}
	.news-card--hero .news-card__excerpt{font-size:.94rem}
	.home-hero__side{
		gap:18px;
		grid-template-columns:1fr;
	}
	.news-card--side{
		align-items:start;
		border-top:1px solid var(--snm-theme-border);
		display:grid;
		gap:13px;
		grid-template-columns:125px minmax(0,1fr);
		padding-top:16px;
	}
	.news-card--side .news-card__body{padding:0}
	.news-card--side .news-card__title{font-size:.94rem}
	.latest-list{display:block}
	.latest-list li{
		border-left:0!important;
		min-height:0;
		padding:14px 0!important;
	}
	.section-heading h2{font-size:1.4rem}
	.section-heading>a{font-size:.65rem}
	.snm-ad-break{padding-block:16px}
	.ad-zone{padding-top:17px}
	.article-header{padding-block:22px}
	.article-header h1{
		font-size:clamp(2rem,10vw,2.7rem);
		line-height:1.015;
	}
	.article-tagline{font-size:1.03rem;margin-top:15px}
	.article-byline{align-items:flex-start;display:grid;gap:10px;margin-top:20px}
	.article-featured{padding-inline:0}
	.article-featured>img{border-radius:0}
	.article-layout{padding-inline:14px}
	.article-content{font-size:1.055rem;line-height:1.72}
	.article-content>p{margin-bottom:1.42em}
	.article-content .alignwide{max-width:calc(100vw - 28px);width:calc(100vw - 28px)}
	.mobile-drawer{inset:0 34px 0 0;padding:16px}
	.mobile-drawer .primary-menu a{font-size:1.2rem}
}

@media (max-width:380px){
	.site-branding .custom-logo,.site-branding img.custom-logo{max-width:138px!important;width:138px!important}
	.news-card--side{grid-template-columns:112px minmax(0,1fr)}
	.article-header h1{font-size:1.92rem}
}

@media print{
	.article-lead-grid{display:block}
	.article-lead-ad,.snm-ad-break{display:none!important}
}

/*
 * SNM Editorial 3.1 — compact pass.
 * Jedan gutter za svaki template, kontrolisan članak i odvojeni mode logotipi.
 */
:root{
	--snm-theme-max:1400px;
	--snm-theme-gutter:24px;
	--snm-theme-reading:740px;
}
.site-shell{
	max-width:var(--snm-theme-max);
	padding-left:var(--snm-theme-gutter);
	padding-right:var(--snm-theme-gutter);
}

/* Light/dark i desktop/mobile logotipi bez promene URL-a pri promeni režima. */
.snm-brand{
	align-items:center;
	display:flex;
	height:100%;
	line-height:0;
	max-width:100%;
	text-decoration:none;
}
.site-logo{display:none!important}
.site-logo--desktop.site-logo--light{display:block!important}
[data-theme=dark] .site-logo--desktop.site-logo--light{display:none!important}
[data-theme=dark] .site-logo--desktop.site-logo--dark{display:block!important}
.site-branding .site-logo{
	height:var(--snm-logo-desktop-height,50px)!important;
	max-height:58px!important;
	max-width:195px!important;
	object-fit:contain;
	width:auto!important;
}
.mobile-drawer__brand{height:52px;max-width:190px}
.mobile-drawer__brand .snm-brand{justify-content:flex-start}
.footer-brand__logo{height:58px;margin-bottom:18px;max-width:210px}
.footer-brand__logo .site-logo{height:54px!important;max-width:205px!important;width:auto!important}

/* Kompaktniji header, ali sa punim WordPress menijem. */
.header-main{border-top-width:3px}
.header-main__inner{height:70px}
.site-branding{
	margin-right:26px;
	max-width:205px;
	min-width:155px;
}
.custom-logo-link{height:58px}
.desktop-navigation .primary-menu>li>a{
	font-size:.84rem;
	height:67px;
	padding-inline:10px;
}
.desktop-navigation .primary-menu>li>a::after{left:10px;right:10px}
.header-actions{gap:1px;margin-left:12px}
.header-actions .icon-button{height:40px;width:40px}
.latest-link{font-size:.68rem}
.header-secondary__inner{height:37px}
.topics-navigation .secondary-menu a{font-size:.72rem}
.header-social a{height:28px;width:28px}

/* Gušća naslovna sa jasnim razmacima i bez velikih naslova preko viewporta. */
.home-hero{padding-block:22px 34px}
.home-hero__grid{
	gap:22px;
	grid-template-columns:minmax(0,1.58fr) minmax(380px,.92fr);
}
.home-hero__lead{padding-right:22px}
.news-card--hero .news-card__title{
	font-size:clamp(2rem,3vw,3.15rem);
	line-height:1.025;
	margin:.28rem 0 .4rem;
}
.news-card--hero .news-card__excerpt{font-size:.98rem;line-height:1.5}
.home-hero__side{gap:18px 16px}
.news-card--side .news-card__body{padding-top:7px}
.news-card--side .news-card__title{font-size:.98rem;line-height:1.2}
.home-newsroom{
	gap:30px;
	padding-bottom:46px;
	padding-top:34px;
}
.latest-list li{min-height:98px;padding-block:13px}
.latest-list h3{font-size:.96rem}
.popular-section{padding:19px 21px}
.popular-section header h2{font-size:1.7rem}
.popular-list li{padding:13px 0}
.category-section{padding-block:42px}
.category-news-grid{gap:21px}
.focus-section,.home-utility{padding-block:44px}
.section-heading{margin-bottom:16px;padding-top:10px}
.section-heading h2{font-size:1.48rem}

/* Svaki oglas ima sopstveni ograničeni red. Prazna zona zauzima nula piksela. */
.snm-ad-break{padding-block:14px}
.snm-ad-break:has(.ad-zone:empty){display:none}
.ad-zone{padding-top:16px}
.home-ad-break .ad-zone,
.article-top-ad-break .ad-zone{max-width:970px}
.article-top-ad-break{
	background:var(--snm-theme-bg);
	border-bottom:1px solid var(--snm-theme-border);
	border-top:0;
}
.article-top-ad-break .ad-zone iframe{max-height:280px}

/* Članak: naslov, fotografija i prvi pasus ostaju bez gornje reklamne zone. */
.article-header{
	border-bottom:0;
	max-width:1180px;
	padding-bottom:24px;
	padding-top:28px;
}
.article-lead{
	margin-inline:auto;
	max-width:1040px;
}
.breadcrumbs{margin-bottom:17px}
.article-labels{margin-bottom:13px}
.article-header h1{
	font-size:clamp(2.35rem,4vw,4.25rem);
	letter-spacing:-.047em;
	line-height:1.035;
	max-width:1040px;
}
.article-tagline{
	font-size:clamp(1.05rem,1.25vw,1.22rem);
	line-height:1.48;
	margin-top:16px;
	max-width:850px;
}
.article-byline{
	gap:10px 22px;
	margin-top:20px;
	padding-top:14px;
}
.article-featured{
	margin-top:4px;
	max-width:1180px;
	padding-left:var(--snm-theme-gutter);
	padding-right:var(--snm-theme-gutter);
}
.article-featured>img{
	border-radius:8px;
	max-height:680px;
}
.article-layout{
	gap:26px;
	padding-bottom:60px;
	padding-left:var(--snm-theme-gutter);
	padding-right:var(--snm-theme-gutter);
	padding-top:34px;
}
.article-content{
	font-size:clamp(1.055rem,1rem + .24vw,1.16rem);
	line-height:1.72;
}
.article-content>p{margin-bottom:1.42em}
.article-lead-grid,.article-lead-ad{display:none!important}

@media (max-width:1199px){
	:root{--snm-theme-gutter:22px}
	.site-branding{margin-right:18px;max-width:180px;min-width:145px}
	.site-branding .site-logo{max-width:175px!important}
	.desktop-navigation .primary-menu>li>a{font-size:.8rem;padding-inline:8px}
	.desktop-navigation .primary-menu>li>a::after{left:8px;right:8px}
	.home-hero__grid{grid-template-columns:minmax(0,1.48fr) minmax(340px,.86fr)}
	.home-newsroom{grid-template-columns:minmax(0,1.55fr) minmax(300px,.62fr)}
}

@media (max-width:1099px){
	:root{--snm-theme-gutter:20px}
	.header-main__inner{
		height:62px;
		padding-left:var(--snm-theme-gutter);
		padding-right:var(--snm-theme-gutter);
	}
	.header-secondary__inner{
		height:37px;
		padding-left:var(--snm-theme-gutter);
		padding-right:var(--snm-theme-gutter);
	}
	.menu-toggle{display:inline-flex;flex:0 0 40px}
	.desktop-navigation{display:none}
	.header-actions{flex:0 0 40px;gap:0;margin:0}
	.header-actions .search-toggle{display:inline-flex}
	.latest-link,.theme-toggle{display:none!important}
	.header-user{display:none}
	.header-social{display:none}
	.site-branding{margin:0;max-width:none;min-width:0;padding-inline:6px}
	.site-logo--desktop.site-logo--light,
	[data-theme=dark] .site-logo--desktop.site-logo--dark{display:none!important}
	.site-logo--mobile.site-logo--light{display:block!important}
	[data-theme=dark] .site-logo--mobile.site-logo--light{display:none!important}
	[data-theme=dark] .site-logo--mobile.site-logo--dark{display:block!important}
	.site-branding .site-logo{
		height:var(--snm-logo-mobile-height,44px)!important;
		max-height:48px!important;
		max-width:165px!important;
	}
	.home-hero{padding-block:18px 28px}
	.home-hero__grid{display:block}
	.home-hero__lead{padding:0 0 22px}
	.news-card--hero .news-card__title{font-size:clamp(1.95rem,5.8vw,2.8rem)}
	.home-newsroom{padding-block:30px 40px}
	.category-section{padding-block:38px}
	.article-header{padding-bottom:20px;padding-top:22px}
	.article-header h1{font-size:clamp(2.1rem,6.5vw,3.35rem)}
	.article-featured{margin-top:0}
	.article-layout{
		padding-left:var(--snm-theme-gutter);
		padding-right:var(--snm-theme-gutter);
		padding-top:30px;
	}
}

@media (max-width:899px){
	:root{--snm-theme-gutter:18px}
}

@media (max-width:599px){
	:root{--snm-theme-gutter:16px}
	.header-main__inner,.header-secondary__inner,.top-stories__inner{
		padding-left:var(--snm-theme-gutter);
		padding-right:var(--snm-theme-gutter);
	}
	.header-main__inner{height:60px}
	.menu-toggle,.header-actions .search-toggle{height:40px;width:40px}
	.site-branding .site-logo{
		height:var(--snm-logo-mobile-height,44px)!important;
		max-height:48px!important;
		max-width:156px!important;
	}
	.home-hero{padding-block:14px 24px}
	.news-card--hero .news-card__title{
		font-size:clamp(1.75rem,8vw,2.25rem);
		line-height:1.035;
	}
	.news-card--hero .news-card__excerpt{font-size:.92rem}
	.home-hero__side{gap:15px}
	.news-card--side{
		gap:12px;
		grid-template-columns:116px minmax(0,1fr);
		padding-top:14px;
	}
	.latest-list li{padding-block:12px!important}
	.snm-ad-break{padding-block:12px}
	.article-header{padding-block:18px}
	.article-header h1{
		font-size:clamp(1.85rem,8.8vw,2.38rem);
		line-height:1.045;
	}
	.article-tagline{font-size:1rem;margin-top:13px}
	.article-byline{margin-top:17px}
	.article-featured{
		padding-left:var(--snm-theme-gutter);
		padding-right:var(--snm-theme-gutter);
	}
	.article-featured>img{border-radius:7px}
	.article-layout{
		padding-left:var(--snm-theme-gutter);
		padding-right:var(--snm-theme-gutter);
		padding-top:26px;
	}
	.article-content{font-size:1.04rem;line-height:1.7}
	.article-content .alignwide{
		margin-left:0;
		max-width:100%;
		width:100%;
	}
	.mobile-drawer{padding:var(--snm-theme-gutter)}
}

/* ==========================================================================
   SNM Editorial 3.2 — završno zatezanje toka, menija i arhiva
   ========================================================================== */

/* Roditeljska stavka jasno pokazuje da otvara podmeni. */
.desktop-navigation .menu-item-has-children>a::before{
	border-bottom:1.5px solid currentColor;
	border-right:1.5px solid currentColor;
	content:"";
	flex:0 0 6px;
	height:6px;
	margin-left:7px;
	order:2;
	transform:rotate(45deg) translateY(-2px);
	transition:transform 150ms ease;
	width:6px;
}
.desktop-navigation .menu-item-has-children:hover>a::before,
.desktop-navigation .menu-item-has-children:focus-within>a::before{
	transform:rotate(225deg) translate(-1px,-1px);
}
.mobile-drawer .menu-item-has-children>a{
	padding-right:32px;
	position:relative;
}
.mobile-drawer .menu-item-has-children>a::after{
	border-bottom:2px solid currentColor;
	border-right:2px solid currentColor;
	content:"";
	height:8px;
	position:absolute;
	right:7px;
	top:50%;
	transform:translateY(-65%) rotate(45deg);
	width:8px;
}

/* Satnica ima sopstvenu kolonu i više nikada ne naleže na separator. */
.top-stories__inner{gap:0}
.top-stories__inner>strong{
	border-right:0;
	padding-right:16px;
}
.top-stories__track>a,
.top-stories__track>a+a{
	border-left:1px solid var(--snm-theme-border);
	display:grid;
	gap:12px;
	grid-template-columns:48px minmax(0,1fr);
	padding:8px 16px;
}
.top-stories__track time{
	display:block;
	line-height:1.2;
	text-align:center;
	white-space:nowrap;
}

/* Naslovna ostaje urednički gusta bez praznih vertikalnih polja. */
.home-hero{padding-block:22px 26px}
.home-hero__grid{
	align-items:start;
	gap:22px;
	grid-template-columns:minmax(0,1.42fr) minmax(440px,1fr);
}
.news-card--hero .news-card__title{
	font-size:clamp(2rem,2.7vw,2.8rem);
	line-height:1.035;
}
.news-card--hero .news-card__excerpt{
	display:-webkit-box;
	margin-bottom:.55rem;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
	overflow:hidden;
}
.home-hero__side{gap:16px}
.home-newsroom{
	gap:28px;
	padding-bottom:30px;
	padding-top:28px;
}
.latest-list li{
	min-height:88px;
	padding-block:11px;
}
.latest-list h3{font-size:.93rem;line-height:1.25}
.popular-section{padding:17px 20px}
.popular-section header h2{font-size:1.6rem;margin-top:2px}
.popular-tabs button{padding-block:10px}
.popular-list li{
	gap:10px;
	grid-template-columns:32px minmax(0,1fr);
	padding:10px 0;
}
.popular-list li>span{font-size:1.45rem}
.popular-list a{font-size:.88rem;line-height:1.24}

/* Progressive enhancement: bez JS ostaje standardna WordPress paginacija. */
.infinite-scroll{
	min-height:1px;
	text-align:center;
}
.infinite-scroll__sentinel{height:1px}
.infinite-scroll__status{
	color:var(--snm-theme-muted);
	font-size:.78rem;
	margin:18px 0 0;
}
.infinite-scroll.is-active{
	min-height:56px;
	padding-top:20px;
}
.infinite-scroll.is-active .infinite-scroll__status::before{
	animation:snm-infinite-spin 700ms linear infinite;
	border:2px solid var(--snm-theme-border);
	border-top-color:var(--snm-theme-accent);
	border-radius:50%;
	content:"";
	display:inline-block;
	height:22px;
	width:22px;
}
.infinite-scroll.is-active+.pagination{display:none}
@keyframes snm-infinite-spin{to{transform:rotate(360deg)}}

/* Pretraga ima samo smislen filter rubrike i perioda. */
@media (min-width:768px){
	.search-filters{
		grid-template-columns:minmax(220px,1fr) minmax(220px,1fr) auto;
		max-width:820px;
	}
}

@media (max-width:899px){
	.home-hero{padding-block:18px 24px}
	.home-hero__grid{display:block}
	.home-newsroom{padding-block:26px 30px}
	.popular-list li{padding-block:11px}
}

@media (min-width:900px) and (max-width:1199px){
	.home-hero__grid{grid-template-columns:minmax(0,1.4fr) minmax(360px,1fr)}
}

@media (max-width:599px){
	.top-stories__inner>strong{
		flex:0 0 auto;
		padding-right:11px;
	}
	.top-stories__track>a,
	.top-stories__track>a+a{
		gap:9px;
		grid-template-columns:42px minmax(0,1fr);
		padding:7px 11px;
	}
	.top-stories__track time{font-size:.69rem}
	.home-hero{padding-block:14px 20px}
	.news-card--hero .news-card__title{font-size:clamp(1.72rem,7.6vw,2.16rem)}
	.home-newsroom{padding-block:22px 26px}
	.popular-section{padding:16px}
}

@media (prefers-reduced-motion:reduce){
	.infinite-scroll.is-active .infinite-scroll__status::before{animation:none}
}

@media (max-width:360px){
	.site-branding .site-logo{max-width:132px!important}
	.news-card--side{grid-template-columns:104px minmax(0,1fr)}
	.article-header h1{font-size:1.82rem}
}

@media (max-width:1099px){
	.footer-brand__logo .site-logo--desktop.site-logo--light{display:block!important}
	[data-theme=dark] .footer-brand__logo .site-logo--desktop.site-logo--light{display:none!important}
	[data-theme=dark] .footer-brand__logo .site-logo--desktop.site-logo--dark{display:block!important}
}

@media print{
	.article-top-ad-break{display:none!important}
}

/* Završni detalji 3.1: poravnanje creative-a, sidebar i kompaktni mobile cards. */
.ad-desktop>*,
.ad-mobile>*{margin-left:auto!important;margin-right:auto!important}
.footer-brand__logo .site-logo--desktop.site-logo--light{display:none!important}
.footer-brand__logo .site-logo--desktop.site-logo--dark{display:block!important}
.article-sidebar{
	color:var(--snm-theme-ink-2);
	font-size:.84rem;
}
.article-sidebar .widget{
	border-top:3px solid var(--snm-theme-ink);
	margin-bottom:26px;
	padding-top:11px;
}
.article-sidebar .widget-title{
	font-size:1rem;
	letter-spacing:-.02em;
	margin:0 0 11px;
}
.article-sidebar ul{
	list-style:none;
	margin:0;
	padding:0;
}
.article-sidebar li{
	border-bottom:1px solid var(--snm-theme-border);
	line-height:1.35;
	padding:9px 0;
}
.article-sidebar a{text-decoration:none}
.article-sidebar .search-form{margin:0 0 20px}
.article-sidebar .search-field{min-height:42px}
.article-sidebar .search-submit{font-size:.72rem;padding-inline:12px}

@media (max-width:599px){
	.related-grid{
		gap:16px 10px;
		grid-template-columns:repeat(2,minmax(0,1fr));
	}
	.related-grid .news-card__body{padding-top:7px}
	.related-grid .news-card__title{font-size:.82rem;line-height:1.22}
	.related-grid .news-card__meta{font-size:.62rem}
	.related-grid .news-card__image{border-radius:6px}
}