/*
 * SNM Comments Premium 1.2 — vizuelno produženje SNM newsroom teme.
 * Varijable teme se koriste kada postoje, a fallback vrednosti čuvaju
 * samostalni rad dodatka sa drugim WordPress temama.
 */
.snm-comments-cta{
	--snm-comments-accent:var(--snm-theme-accent,#e30613);
	--snm-comments-ink:var(--snm-theme-ink,#101216);
	--snm-comments-bg:var(--snm-theme-card,#fff);
	--snm-comments-border:var(--snm-theme-border,#dfe2e7);
	margin:38px auto 8px;
	max-width:var(--snm-theme-reading,820px);
}
.snm-comments-cta .snm-comments-cta-inner{
	align-items:center;
	background:
		linear-gradient(135deg,rgba(227,6,19,.08),transparent 38%),
		var(--snm-comments-bg);
	border:1px solid var(--snm-comments-border);
	border-left:5px solid var(--snm-comments-accent);
	border-radius:10px;
	box-shadow:0 18px 42px rgba(15,18,24,.08);
	color:var(--snm-comments-ink);
	display:grid;
	gap:28px;
	grid-template-columns:minmax(0,1fr) auto;
	overflow:hidden;
	padding:25px 26px 24px;
	position:relative;
	text-align:left;
}
.snm-comments-cta .snm-comments-cta-inner::after{
	border:1px solid color-mix(in srgb,var(--snm-comments-accent) 18%,transparent);
	border-radius:50%;
	content:"";
	height:170px;
	pointer-events:none;
	position:absolute;
	right:-72px;
	top:-94px;
	width:170px;
}
.snm-comments-cta .snm-comments-cta-copy{min-width:0;position:relative;z-index:1}
.snm-comments-cta .snm-comments-cta-badge{
	background:transparent;
	border:0;
	border-radius:0;
	color:var(--snm-comments-accent);
	font-size:11px;
	letter-spacing:.11em;
	margin:0 0 8px;
	min-height:0;
	padding:0;
}
.snm-comments-cta .snm-comments-cta-badge-dot{height:8px;width:8px}
.snm-comments-cta h3{
	color:var(--snm-comments-ink);
	font-size:clamp(1.65rem,3vw,2.2rem);
	letter-spacing:-.035em;
	line-height:1.04;
	margin:0 0 8px;
}
.snm-comments-cta .snm-cta-sub{
	color:var(--snm-theme-muted,#69707c);
	font-size:14px;
	font-weight:520;
	line-height:1.55;
	margin:0;
	max-width:570px;
}
.snm-comments-cta .snm-comments-cta-side{
	align-items:center;
	display:flex;
	gap:18px;
	position:relative;
	z-index:1;
}
.snm-comments-cta .snm-cta-meta{
	align-items:center;
	border-right:1px solid var(--snm-comments-border);
	display:flex;
	flex-direction:column;
	justify-content:center;
	margin:0;
	min-width:72px;
	padding-right:18px;
}
.snm-comments-cta .snm-cta-count-number{
	color:var(--snm-comments-ink);
	font-size:2rem;
	letter-spacing:-.05em;
	line-height:1;
}
.snm-comments-cta .snm-cta-count-label{
	color:var(--snm-theme-muted,#69707c);
	font-size:10px;
	font-weight:800;
	letter-spacing:.08em;
	margin-top:5px;
	text-transform:uppercase;
}
.snm-comments-cta .snm-cta-actions{
	align-items:stretch;
	display:flex;
	flex-direction:column;
	gap:8px;
	margin:0;
	max-width:none;
	min-width:194px;
}
.snm-comments-cta .snm-btn{
	border-radius:6px;
	font-size:13px;
	gap:12px;
	justify-content:space-between;
	min-height:44px;
	min-width:0;
	padding:0 15px;
	white-space:nowrap;
	width:100%;
}
.snm-comments-cta .snm-btn-primary{
	background:var(--snm-comments-accent);
	border-color:var(--snm-comments-accent);
	box-shadow:none;
	color:#fff;
}
.snm-comments-cta .snm-btn-ghost{
	background:transparent;
	border-color:var(--snm-comments-border);
	color:var(--snm-comments-ink);
	justify-content:center;
}

.snm-comments-page{
	--snm-primary:var(--snm-theme-accent,#e30613);
	--snm-primary-dark:#b6000b;
	--snm-fg:var(--snm-theme-ink,#101216);
	--snm-muted:var(--snm-theme-muted,#69707c);
	--snm-border:var(--snm-theme-border,#dfe2e7);
	--snm-border-strong:color-mix(in srgb,var(--snm-fg) 20%,var(--snm-border));
	--snm-card:var(--snm-theme-card,#fff);
	--snm-card-soft:var(--snm-theme-surface,#f5f6f7);
	--snm-bg:var(--snm-theme-bg,#fff);
	--snm-input-bg:var(--snm-theme-card,#fff);
	background:var(--snm-bg);
	color:var(--snm-fg);
	padding:26px 0 64px;
}
.snm-comments-page .snm-cp-shell{max-width:1180px;padding-inline:clamp(14px,3vw,32px)}
.snm-comments-page .snm-cp-topbar{
	border-bottom:1px solid var(--snm-border);
	margin:0 0 20px;
	padding:0 0 14px;
}
.snm-comments-page .snm-cp-back{
	background:transparent;
	border:0;
	border-radius:0;
	box-shadow:none;
	font-size:13px;
	font-weight:800;
	min-height:36px;
	padding:0;
}
.snm-comments-page .snm-cp-badge{
	background:transparent;
	border:0;
	border-radius:0;
	font-size:11px;
	letter-spacing:.1em;
	padding:0;
	text-transform:uppercase;
}
.snm-comments-page .snm-cp-hero{
	background:
		linear-gradient(115deg,rgba(227,6,19,.16),transparent 38%),
		#111318;
	border:0;
	border-radius:10px;
	box-shadow:none;
	color:#fff;
	margin-bottom:22px;
	padding:36px 38px 32px;
}
.snm-comments-page .snm-cp-title{color:#fff;font-size:clamp(2rem,4vw,3.6rem);line-height:.99;max-width:980px}
.snm-comments-page .snm-entry-meta{color:#b7bbc3;margin-bottom:24px}
.snm-comments-page .snm-cp-stat-card{
	background:rgba(255,255,255,.07);
	border:1px solid rgba(255,255,255,.16);
	border-radius:7px;
	box-shadow:none;
}
.snm-comments-page .snm-cp-stat-number{color:#fff}
.snm-comments-page .snm-cp-stat-label{color:#b7bbc3}
.snm-comments-page .snm-cp-figure,
.snm-comments-page .snm-cp-lead-card,
.snm-comments-page .comment,
.snm-comments-page .comment-respond{
	border-radius:9px;
	box-shadow:none;
}
.snm-comments-page .snm-cp-lead-card{
	background:var(--snm-card);
	border-left:4px solid var(--snm-primary);
	padding:24px 26px;
}
.snm-comments-page .snm-cp-discussion-head{
	border-bottom:3px solid var(--snm-fg);
	border-top:3px solid var(--snm-fg);
	padding:15px 0 14px;
}
.snm-comments-page .snm-cp-section-title{font-size:clamp(1.6rem,3vw,2.2rem)}
.snm-comments-page .snm-cp-count-pill{
	background:var(--snm-card);
	border-radius:5px;
	box-shadow:none;
}
.snm-comments-page .comment,
.snm-comments-page .comment-respond{
	background:var(--snm-card);
	border-color:var(--snm-border);
}
.snm-comments-page .comment:hover{
	border-color:color-mix(in srgb,var(--snm-primary) 34%,var(--snm-border));
	box-shadow:none;
	transform:none;
}
.snm-comments-page .comment-author .avatar{display:block!important;float:left;height:38px;margin:0 11px 0 0;width:38px}
.snm-comments-page .reply a,
.snm-comments-page .comment-reply-link{border-radius:5px!important}
.snm-comments-page .comment-respond input[type="text"],
.snm-comments-page .comment-respond textarea{border-radius:6px}
.snm-comments-page .form-submit input[type="submit"]{
	background:var(--snm-primary);
	border-radius:6px;
	box-shadow:none;
}

@media(max-width:820px){
	.snm-comments-cta .snm-comments-cta-inner{grid-template-columns:1fr}
	.snm-comments-cta .snm-comments-cta-side{justify-content:space-between}
	.snm-comments-page .snm-cp-hero{padding:28px 24px 24px}
}
@media(max-width:560px){
	.snm-comments-cta{margin-top:28px}
	.snm-comments-cta .snm-comments-cta-inner{gap:20px;padding:21px 18px 18px}
	.snm-comments-cta .snm-comments-cta-side{align-items:stretch;flex-direction:column}
	.snm-comments-cta .snm-cta-meta{
		border-bottom:1px solid var(--snm-comments-border);
		border-right:0;
		flex-direction:row;
		gap:7px;
		justify-content:flex-start;
		padding:0 0 12px;
	}
	.snm-comments-cta .snm-cta-count-number{font-size:1.35rem}
	.snm-comments-cta .snm-cta-count-label{margin-top:2px}
	.snm-comments-cta .snm-cta-actions{min-width:0}
	.snm-comments-page{padding-top:14px}
	.snm-comments-page .snm-cp-hero{padding:24px 18px 20px}
	.snm-comments-page .snm-cp-stat-card{min-width:0}
}