/*
Theme Name: PRVINews
Theme URI: https://www.prviportal.net/
Author: Prvi Portal BB
Description: Novinska tema za Prvi Portal Bajina Bašta. Naslovna se automatski puni iz postojećih rubrika (Vesti, Servis, Tara & Drina, Život, Sport, Biznis, Video, Naše priče, Oglasi, Čaršijsko ćoše, Nekad i sad). Pri aktivaciji preuzima postojeće menije, logo, društvene mreže i widgete.
Version: 1.1.0
Requires at least: 6.0
Tested up to: 6.9
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: prvinews
Tags: news, blog, two-columns, right-sidebar, custom-logo, custom-menu, featured-images, translation-ready
*/

/* =========================================================
   1. Tokeni
   ========================================================= */
:root {
	/* Identitet: kraljevsko plava #0200BB + tirkizna #00B4D8 (iz logoa) */
	--pn-brand: #0200bb;
	--pn-cyan: #00b4d8;
	--pn-cyan-dark: #0092b3;
	--pn-blue: #1424c4;          /* glavna UI plava (blago ublažen brend) */
	--pn-blue-dark: #0c169a;
	--pn-blue-soft: #f0f3ff;
	--pn-blue-line: #dbe1fb;
	--pn-head: #0b1230;
	--pn-text: #2a3247;
	--pn-muted: #737c92;
	--pn-line: #e6e9f0;
	--pn-soft: #f6f7fb;
	--pn-nav: #0a1245;
	--pn-footer: #070d33;

	--pn-font: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
	--pn-script: "Kaushan Script", "Brush Script MT", cursive;

	/* Tipografska skala */
	--fs-xs: 11.5px;
	--fs-sm: 12.5px;
	--fs-base: 15px;
	--fs-item: 14px;
	--fs-card: 15.5px;
	--fs-lead: 20px;
	--fs-hero: 30px;

	--pn-radius: 3px;
	--pn-gap: 20px;
	--pn-row-gap: 40px;
	--pn-shadow: 0 1px 2px rgba(15, 27, 42, .05), 0 1px 8px rgba(15, 27, 42, .04);
	--pn-shadow-hover: 0 4px 18px rgba(15, 27, 42, .10);
	--pn-ease: cubic-bezier(.2, .7, .2, 1);
}

/* =========================================================
   2. Osnova
   ========================================================= */
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; text-rendering: optimizeLegibility; }
body {
	margin: 0;
	background: #fff;
	color: var(--pn-text);
	font: 400 var(--fs-base)/1.55 var(--pn-font);
	font-feature-settings: "cv11", "ss01";
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
img { max-width: 100%; height: auto; display: block; }
a { color: inherit; text-decoration: none; transition: color .15s; }
a:hover { color: var(--pn-blue); }
button { font: inherit; cursor: pointer; }
h1, h2, h3, h4 { color: var(--pn-head); line-height: 1.25; margin: 0; font-weight: 700; letter-spacing: -.012em; }
p { margin: 0 0 1em; }
:focus-visible { outline: 2px solid var(--pn-blue); outline-offset: 2px; }

.screen-reader-text {
	position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px;
	overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0;
}
.skip-link:focus {
	clip: auto; width: auto; height: auto; margin: 0; z-index: 1000;
	left: 8px; top: 8px; padding: 10px 14px; background: #fff; color: var(--pn-head);
}

.pn-wrap { width: 100%; max-width: 1240px; margin: 0 auto; padding: 0 20px; }
.pn-main { padding-bottom: 40px; }
.pn-ico { width: 1em; height: 1em; flex: none; vertical-align: -.125em; }

/* Ograničenje broja redova */
.pn-card__title, .pn-item__title, .pn-hero__title, .pn-card__excerpt, .pn-hero__excerpt, .pn-carsija__title, .pn-carsija__excerpt {
	display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden;
}
.pn-card__title { -webkit-line-clamp: 3; }
.pn-item__title { -webkit-line-clamp: 3; }
.pn-hero__title { -webkit-line-clamp: 3; }
.pn-card__excerpt, .pn-carsija__excerpt { -webkit-line-clamp: 3; }
.pn-hero__excerpt { -webkit-line-clamp: 2; }
.pn-carsija__title { -webkit-line-clamp: 3; }

/* =========================================================
   3. Gornja traka
   ========================================================= */
.pn-topbar { border-bottom: 1px solid var(--pn-line); font-size: var(--fs-sm); background: #fff; }
.pn-topbar__inner { display: flex; align-items: center; gap: 20px; min-height: 38px; }
.pn-topbar__date { color: var(--pn-muted); white-space: nowrap; font-weight: 500; }
.pn-ticker { display: flex; align-items: center; gap: 10px; flex: 1; min-width: 0; }
.pn-ticker__label {
	color: #fff; background: var(--pn-blue); white-space: nowrap; font-size: 10.5px; font-weight: 700;
	text-transform: uppercase; letter-spacing: .06em; padding: 3px 8px; border-radius: 2px;
}
.pn-ticker__viewport { position: relative; flex: 1; min-width: 0; height: 20px; overflow: hidden; }
.pn-ticker__item {
	position: absolute; inset: 0; color: var(--pn-head); font-weight: 500; white-space: nowrap; overflow: hidden;
	text-overflow: ellipsis; opacity: 0; transform: translateY(8px); transition: opacity .4s var(--pn-ease), transform .4s var(--pn-ease);
	pointer-events: none; line-height: 20px;
}
.pn-ticker__item.is-active { opacity: 1; transform: none; pointer-events: auto; }
.pn-ticker__item:hover { color: var(--pn-blue); }
.pn-ticker__nav { display: flex; gap: 4px; margin-left: auto; }
.pn-ticker__nav button {
	width: 24px; height: 24px; border: 1px solid var(--pn-line); background: #fff; color: var(--pn-muted);
	border-radius: 2px; display: flex; align-items: center; justify-content: center; font-size: 13px; padding: 0;
}
.pn-ticker__nav button:hover { color: #fff; background: var(--pn-blue); border-color: var(--pn-blue); }
.pn-topmenu { list-style: none; display: flex; gap: 14px; margin: 0; padding: 0; text-transform: uppercase; font-weight: 600; font-size: 11px; letter-spacing: .04em; }

/* =========================================================
   4. Zaglavlje
   ========================================================= */
.pn-header__inner { display: flex; align-items: center; justify-content: space-between; gap: 32px; padding: 18px 20px; }
.pn-brand { display: flex; align-items: center; gap: 12px; min-width: 0; }
.pn-brand__mark { color: var(--pn-blue); display: block; width: 56px; height: 56px; flex: none; }
.pn-brand__mark .pn-mark { width: 100%; height: 100%; }
.pn-brand--header { flex: 0 0 auto; }
.pn-brand__logo { display: block; flex: none; }
.pn-brand__img { height: 50px; width: auto; max-width: 360px; object-fit: contain; object-position: left center; }
.pn-brand__name { font-size: 27px; font-weight: 800; letter-spacing: -.025em; line-height: 1.05; margin: 0; }
.pn-brand__name a { color: var(--pn-brand); }
.pn-brand__tagline { margin: 3px 0 0; color: var(--pn-blue); font-size: 13px; font-weight: 500; }

.pn-banner--header { flex: 0 1 728px; min-width: 0; }
.pn-banner--header img { width: 100%; height: auto; max-height: 90px; object-fit: contain; object-position: right center; }
.pn-banner-widget { line-height: 0; }
.pn-banner-widget a { display: block; }

/* =========================================================
   5. Automatski baneri (dizajnirani, bez nasumičnih fotografija)
   ========================================================= */
.pn-autobanner {
	position: relative; display: flex; align-items: center; justify-content: space-between; gap: 16px;
	overflow: hidden; color: #fff; isolation: isolate; border-radius: var(--pn-radius);
	background: linear-gradient(100deg, #070f5c 0%, #1424c4 52%, #00a9d2 100%);
	background-size: cover; background-position: center;
}
.pn-autobanner.has-photo::after {
	content: ""; position: absolute; inset: 0; z-index: -1;
	background: linear-gradient(90deg, rgba(5, 10, 50, .78), rgba(5, 10, 50, .35) 50%, rgba(5, 10, 50, .7));
}
.pn-autobanner:hover { color: #fff; }
.pn-autobanner:hover .pn-ab__scene { transform: scale(1.02); }
.pn-ab__scene {
	position: absolute; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; z-index: -1;
	transition: transform 1.2s var(--pn-ease); transform-origin: bottom center;
}
.pn-autobanner.has-photo .pn-ab__scene { display: none; }

.pn-autobanner--header { height: 90px; padding: 0 24px; }
.pn-ab__stack { font-weight: 800; font-size: 14px; line-height: 1.08; letter-spacing: .06em; text-transform: uppercase; }
.pn-ab__script { font-family: var(--pn-script); font-size: 25px; line-height: 1.1; text-shadow: 0 2px 10px rgba(0, 0, 0, .25); white-space: nowrap; }
.pn-ab__script--lg { font-size: 36px; flex: 1; text-align: center; }

.pn-banner--mid, .pn-banner--bottom { margin: var(--pn-row-gap) 0 0; }
.pn-banner--mid img, .pn-banner--bottom img { width: 100%; height: auto; border-radius: var(--pn-radius); }
.pn-autobanner--mid { height: 100px; padding: 0 28px; }
.pn-ab__badge {
	display: flex; align-items: center; gap: 10px; background: #fff; color: var(--pn-blue);
	padding: 9px 16px 9px 12px; border-radius: var(--pn-radius); line-height: 1.1; font-size: 10px;
	text-transform: uppercase; letter-spacing: .12em; font-weight: 600; box-shadow: 0 4px 16px rgba(0, 0, 0, .15);
}
.pn-ab__badge .pn-ico { width: 36px; height: 36px; color: var(--pn-cyan); }
.pn-ab__badge strong { display: block; font-size: 22px; letter-spacing: .08em; color: var(--pn-brand); font-weight: 800; }
.pn-autobanner--bottom { height: 124px; padding: 0 32px; }
.pn-ab__arrow { font-size: 26px; opacity: .8; }
.pn-ab__center { display: flex; flex-direction: column; align-items: center; line-height: 1; gap: 4px; }
.pn-ab__center strong { font-size: 34px; font-weight: 800; letter-spacing: -.02em; }
.pn-ab__list { font-weight: 800; font-size: 12.5px; line-height: 1.2; letter-spacing: .1em; border-left: 2px solid rgba(255, 255, 255, .6); padding-left: 14px; }

/* =========================================================
   6. Navigacija
   ========================================================= */
.pn-nav { background: var(--pn-nav); position: sticky; top: 0; z-index: 50; box-shadow: 0 1px 0 rgba(0, 0, 0, .2); }
.admin-bar .pn-nav { top: 32px; }
.pn-nav__inner { display: flex; align-items: stretch; min-height: 48px; }
.pn-nav__home {
	display: flex; align-items: center; justify-content: center; width: 50px; flex: none;
	background: var(--pn-cyan); color: #fff; font-size: 19px;
}
.pn-nav__home:hover { color: #fff; background: var(--pn-cyan-dark); }
.pn-nav__menu { flex: 1; min-width: 0; }
.pn-menu { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; }
.pn-menu > li { position: relative; }
.pn-menu > li > a {
	display: flex; align-items: center; gap: 5px; height: 48px; padding: 0 16px; color: #eef1fb;
	font-weight: 700; font-size: 13px; text-transform: uppercase; letter-spacing: .04em;
	transition: background .15s, color .15s, box-shadow .15s;
}
.pn-menu > li > a:hover, .pn-menu > li:hover > a { background: rgba(255, 255, 255, .06); color: #fff; }
.pn-menu > li.current-menu-item > a, .pn-menu > li.current-menu-ancestor > a,
.pn-menu > li.current-category-ancestor > a, .pn-menu > li.current-post-ancestor > a { color: #fff; box-shadow: inset 0 -3px 0 var(--pn-cyan); }
.pn-menu > li > a:hover { box-shadow: inset 0 -3px 0 rgba(0, 180, 216, .55); }
.pn-caret { display: inline-flex; font-size: 12px; opacity: .6; margin-top: 1px; }
.pn-menu .sub-menu {
	list-style: none; margin: 0; padding: 6px 0; position: absolute; top: 100%; left: 0; min-width: 230px;
	background: #fff; box-shadow: 0 14px 34px rgba(10, 25, 40, .16); border-top: 3px solid var(--pn-blue);
	border-radius: 0 0 var(--pn-radius) var(--pn-radius);
	opacity: 0; visibility: hidden; transform: translateY(6px); transition: .18s var(--pn-ease); z-index: 60;
}
.pn-menu .sub-menu .sub-menu { top: -9px; left: 100%; }
.pn-menu li:hover > .sub-menu, .pn-menu li:focus-within > .sub-menu { opacity: 1; visibility: visible; transform: none; }
.pn-menu .sub-menu a { display: block; padding: 8px 18px; font-size: 14px; color: var(--pn-head); font-weight: 500; }
.pn-menu .sub-menu a:hover { background: var(--pn-blue-soft); color: var(--pn-blue); }
.pn-nav__search, .pn-nav__toggle { border: 0; background: none; color: #fff; width: 50px; font-size: 19px; flex: none; }
.pn-nav__search:hover { background: rgba(255, 255, 255, .06); }
.pn-nav__toggle { display: none; }
.pn-search { background: var(--pn-nav); border-top: 1px solid rgba(255, 255, 255, .08); padding: 14px 0; }

.pn-searchform { display: flex; max-width: 640px; margin-left: auto; }
.pn-searchform input {
	flex: 1; min-width: 0; height: 44px; border: 1px solid var(--pn-line); border-right: 0; padding: 0 16px;
	font: inherit; border-radius: var(--pn-radius) 0 0 var(--pn-radius); background: #fff; color: var(--pn-head);
}
.pn-searchform input:focus { outline: none; border-color: var(--pn-blue); }
.pn-searchform button {
	width: 50px; border: 0; background: var(--pn-blue); color: #fff; font-size: 18px;
	border-radius: 0 var(--pn-radius) var(--pn-radius) 0;
}

/* =========================================================
   7. Komponente
   ========================================================= */
/* Slike – ujednačene proporcije */
.pn-thumb { position: relative; display: block; overflow: hidden; background: var(--pn-soft); border-radius: var(--pn-radius); }
.pn-thumb .pn-img { width: 100%; height: 100%; object-fit: cover; transition: transform .6s var(--pn-ease), filter .3s; }
.pn-card:hover .pn-thumb .pn-img, .pn-item:hover .pn-thumb .pn-img, .pn-carsija__inner:hover .pn-thumb .pn-img { transform: scale(1.045); }
.pn-thumb--hero { aspect-ratio: 16 / 9; }
.pn-thumb--wide { aspect-ratio: 16 / 9; }
.pn-thumb--card { aspect-ratio: 3 / 2; }
.pn-thumb--small { aspect-ratio: 3 / 2; }
.pn-img--ph { display: flex !important; align-items: center; justify-content: center; color: #c5cbe6; background: linear-gradient(135deg, #f1f3fb, #e1e5f5); }
.pn-img--ph .pn-mark { width: 28%; max-width: 56px; height: auto; }
.pn-play {
	position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);
	width: 56px; height: 56px; border-radius: 50%; background: rgba(10, 127, 194, .92); color: #fff;
	display: flex; align-items: center; justify-content: center; font-size: 24px; padding-left: 3px;
	box-shadow: 0 0 0 6px rgba(255, 255, 255, .25); transition: transform .25s var(--pn-ease);
}
.pn-card:hover .pn-play, .pn-item:hover .pn-play { transform: translate(-50%, -50%) scale(1.08); }
.pn-thumb--small .pn-play { width: 28px; height: 28px; font-size: 12px; box-shadow: 0 0 0 3px rgba(255, 255, 255, .25); padding-left: 2px; }

/* Oznaka rubrike */
.pn-label {
	display: inline-block; align-self: flex-start; background: var(--pn-blue); color: #fff; font-size: 10px; font-weight: 700;
	text-transform: uppercase; letter-spacing: .07em; padding: 4px 7px 3px; line-height: 1.2; border-radius: 2px; margin-bottom: 8px;
}
.pn-label:hover { color: #fff; background: var(--pn-blue-dark); }

/* Meta */
.pn-meta { display: flex; flex-wrap: wrap; gap: 4px 14px; color: var(--pn-muted); font-size: 12px; margin-top: 8px; font-weight: 500; line-height: 1.3; }
.pn-meta > * { display: inline-flex; align-items: center; gap: 5px; }
.pn-meta .pn-ico { font-size: 12px; opacity: .8; }

/* Zaglavlje sekcije */
.pn-sec-head {
	display: flex; align-items: flex-end; justify-content: space-between; gap: 12px;
	border-bottom: 2px solid var(--pn-blue); margin-bottom: 18px; min-height: 34px;
}
.pn-sec-title {
	font-size: 14px; font-weight: 800; text-transform: uppercase; letter-spacing: .06em; line-height: 1;
	background: var(--pn-blue); color: #fff; padding: 10px 30px 9px 14px; margin: 0;
	clip-path: polygon(0 0, calc(100% - 14px) 0, 100% 100%, 0 100%);
}
.pn-sec-title a, .pn-sec-title span { color: #fff; }
.pn-sec-tabs { display: flex; flex-wrap: wrap; justify-content: flex-end; padding-bottom: 8px; font-size: 12px; font-weight: 600; }
.pn-sec-tabs a { color: var(--pn-muted); padding: 0 10px; border-left: 1px solid var(--pn-line); line-height: 1.1; }
.pn-sec-tabs a:first-child { border-left: 0; }
.pn-sec-tabs a:hover { color: var(--pn-blue); }
.pn-more { display: inline-flex; align-items: center; gap: 5px; color: var(--pn-blue); font-size: 12px; font-weight: 600; padding-bottom: 8px; white-space: nowrap; }
.pn-more .pn-ico { transition: transform .2s; }
.pn-more:hover .pn-ico { transform: translateX(3px); }

/* Uspravna kartica */
.pn-card { display: flex; flex-direction: column; min-width: 0; }
.pn-card__body { padding-top: 12px; display: flex; flex-direction: column; flex: 1; }
.pn-card__title { font-size: var(--fs-card); font-weight: 700; line-height: 1.32; }
.pn-card__title a:hover { color: var(--pn-blue); }
.pn-card__excerpt { margin: 8px 0 0; font-size: 13.5px; color: #4a5268; line-height: 1.55; }
.pn-card--boxed {
	background: #fff; border: 1px solid var(--pn-line); border-radius: var(--pn-radius); overflow: hidden;
	transition: box-shadow .25s var(--pn-ease), transform .25s var(--pn-ease), border-color .25s;
}
.pn-card--boxed:hover { box-shadow: var(--pn-shadow-hover); border-color: #d6dbea; transform: translateY(-2px); }
.pn-card--boxed .pn-thumb { border-radius: 0; }
.pn-card--boxed .pn-card__body { padding: 12px 12px 14px; }
.pn-card--boxed .pn-card__title { font-size: 14px; line-height: 1.35; }
.pn-card--boxed .pn-meta { margin-top: auto; padding-top: 10px; }
.pn-card--lead .pn-card__title { font-size: var(--fs-lead); font-weight: 800; line-height: 1.25; letter-spacing: -.018em; }
.pn-card--lead .pn-card__body { padding-top: 14px; }
.pn-card--sm .pn-card__title { font-size: 13.5px; font-weight: 600; line-height: 1.35; }
.pn-card--sm .pn-card__body { padding-top: 10px; }
.pn-card--sm .pn-meta { font-size: 11.5px; margin-top: 6px; }

/* Vodoravna stavka */
.pn-item { display: grid; grid-template-columns: 108px minmax(0, 1fr); gap: 14px; align-items: start; min-width: 0; }
.pn-item__body { display: flex; flex-direction: column; min-width: 0; }
.pn-item__title { font-size: var(--fs-item); font-weight: 600; line-height: 1.36; letter-spacing: -.008em; }
.pn-item__title a:hover { color: var(--pn-blue); }
.pn-item .pn-meta { margin-top: 6px; font-size: 11.5px; }
.pn-list { display: flex; flex-direction: column; }
.pn-list > .pn-item { padding: 14px 0; border-top: 1px solid var(--pn-line); }
.pn-list > .pn-item:first-child { padding-top: 0; border-top: 0; }
.pn-list > .pn-item:last-child { padding-bottom: 0; }

/* Dugmad */
.pn-btn {
	display: inline-flex; align-items: center; justify-content: center; gap: 8px; background: var(--pn-blue); color: #fff;
	font-weight: 700; font-size: 12px; text-transform: uppercase; letter-spacing: .05em; padding: 11px 18px; line-height: 1;
	border: 0; border-radius: var(--pn-radius); transition: background .2s, transform .2s; white-space: nowrap;
}
.pn-btn .pn-ico { transition: transform .2s; }
.pn-btn:hover { background: var(--pn-blue-dark); color: #fff; }
.pn-btn:hover .pn-ico { transform: translateX(3px); }
.pn-btn--sm { font-size: 10.5px; padding: 9px 12px; gap: 6px; }

.pn-panel { background: var(--pn-soft); border: 1px solid var(--pn-line); border-radius: var(--pn-radius); }

/* Mreže */
.pn-block { min-width: 0; }
.pn-row { display: grid; gap: var(--pn-gap) 32px; margin-top: var(--pn-row-gap); align-items: start; }
.pn-row--2 { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
.pn-row--3 { grid-template-columns: minmax(0, 1.65fr) minmax(0, 1fr) minmax(0, 1fr); }
.pn-row--latest { grid-template-columns: minmax(0, 1fr) 300px; }
.pn-grid { display: grid; gap: 16px; }
.pn-grid--5 { grid-template-columns: repeat(5, minmax(0, 1fr)); }
.pn-grid--4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.pn-grid--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }

/* =========================================================
   8. Vrh naslovne (slajder + 3 vesti)
   ========================================================= */
.pn-top { display: grid; grid-template-columns: minmax(0, 1fr) 400px; gap: 16px; margin-top: 22px; align-items: stretch; }
.pn-hero { position: relative; overflow: hidden; background: #0a1245; border-radius: var(--pn-radius); }
.pn-hero__slide { position: absolute; inset: 0; opacity: 0; visibility: hidden; transition: opacity .7s var(--pn-ease), visibility .7s; }
.pn-hero__slide:first-child { position: relative; height: 100%; }
.pn-hero__slide.is-active { opacity: 1; visibility: visible; z-index: 1; }
.pn-hero .pn-thumb { position: absolute; inset: 0; aspect-ratio: auto; border-radius: 0; }
.pn-hero__slide:first-child .pn-thumb { position: relative; aspect-ratio: 16 / 9; height: 100%; }
.pn-hero__body {
	position: absolute; left: 0; right: 0; bottom: 0; padding: 90px 28px 22px; color: #fff;
	background: linear-gradient(180deg, rgba(5, 9, 38, 0) 0%, rgba(5, 9, 38, .6) 40%, rgba(5, 9, 38, .92) 100%);
	display: flex; flex-direction: column;
}
.pn-hero__body .pn-label { margin-bottom: 10px; }
.pn-hero__title { font-size: var(--fs-hero); font-weight: 800; line-height: 1.16; letter-spacing: -.022em; max-width: 86%; text-wrap: balance; }
.pn-hero__title a { color: #fff; }
.pn-hero__title a:hover { color: #c9f3fc; }
.pn-hero__excerpt { margin: 10px 0 0; font-size: 14px; line-height: 1.5; color: rgba(255, 255, 255, .86); max-width: 80%; }
.pn-hero .pn-meta { color: rgba(255, 255, 255, .78); margin-top: 12px; }
.pn-hero__nav { position: absolute; right: 22px; bottom: 24px; z-index: 3; display: flex; gap: 8px; }
.pn-hero__nav button {
	width: 36px; height: 36px; border-radius: 50%; border: 1px solid rgba(255, 255, 255, .35); background: rgba(0, 0, 0, .35); color: #fff;
	display: flex; align-items: center; justify-content: center; font-size: 16px; backdrop-filter: blur(4px); transition: background .2s, border-color .2s;
}
.pn-hero__nav button:hover { background: var(--pn-blue); border-color: var(--pn-blue); }

.pn-top__side { display: grid; grid-template-rows: repeat(3, minmax(0, 1fr)); gap: 12px; }
.pn-item--side {
	grid-template-columns: 150px minmax(0, 1fr); gap: 14px; align-items: stretch;
	background: #fff; border: 1px solid var(--pn-line); border-radius: var(--pn-radius); overflow: hidden;
	transition: box-shadow .25s var(--pn-ease), border-color .25s;
}
.pn-item--side:hover { box-shadow: var(--pn-shadow-hover); border-color: #d6dbea; }
.pn-item--side .pn-thumb { aspect-ratio: auto; height: 100%; min-height: 100px; border-radius: 0; }
.pn-item--side .pn-item__body { padding: 12px 14px 12px 0; justify-content: center; }
.pn-item--side .pn-item__title { font-size: 15px; font-weight: 700; line-height: 1.3; }
.pn-item--side .pn-label { margin-bottom: 6px; }

/* =========================================================
   9. Servis
   ========================================================= */
.pn-servis__list { list-style: none; margin: 0; padding: 4px 0; border: 1px solid var(--pn-line); border-radius: var(--pn-radius); background: #fff; }
.pn-servis__list li + li a { border-top: 1px solid var(--pn-line); }
.pn-servis__list a { display: flex; align-items: center; gap: 14px; padding: 12px 16px; font-size: 14px; font-weight: 600; color: var(--pn-head); margin: 0 4px; border-radius: 2px; }
.pn-servis__ico { color: var(--pn-blue); font-size: 21px; width: 26px; display: flex; justify-content: center; }
.pn-servis__txt { flex: 1; }
.pn-servis__arr { color: #a7aec6; font-size: 15px; transition: transform .2s, color .2s; }
.pn-servis__list a:hover { background: var(--pn-blue-soft); color: var(--pn-blue); }
.pn-servis__list a:hover .pn-servis__arr { color: var(--pn-blue); transform: translateX(3px); }

/* =========================================================
   10. Blokovi rubrika
   ========================================================= */
.pn-feature__grid { display: grid; grid-template-columns: minmax(0, 1.12fr) minmax(0, 1fr); gap: 20px; align-items: start; }
.pn-feature .pn-item { grid-template-columns: 100px minmax(0, 1fr); gap: 12px; }
.pn-feature .pn-item__title { font-size: 13.5px; }
.pn-feature .pn-card--lead .pn-card__title { font-size: 18px; }

.pn-compact .pn-list { margin-top: 16px; padding-top: 16px; border-top: 1px solid var(--pn-line); }
.pn-compact .pn-item { grid-template-columns: 88px minmax(0, 1fr); gap: 12px; }
.pn-compact .pn-item__title { font-size: 13.5px; }
.pn-compact .pn-card--lead .pn-card__title { font-size: 16.5px; }
.pn-zivot .pn-grid--4 { gap: 14px; }

/* =========================================================
   11. Oglasi
   ========================================================= */
.pn-oglasi__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); background: #fff; }
.pn-oglas { padding: 18px 18px 20px; display: flex; flex-direction: column; }
.pn-oglas + .pn-oglas { border-left: 1px solid var(--pn-line); }
.pn-oglas__title { display: flex; align-items: center; gap: 10px; font-size: 15px; font-weight: 700; margin-bottom: 12px; }
.pn-oglas__title .pn-ico { color: var(--pn-blue); font-size: 24px; }
.pn-checks { list-style: none; margin: 0 0 18px; padding: 0; font-size: 12.5px; color: #4a5268; flex: 1; }
.pn-checks li { display: flex; gap: 7px; align-items: flex-start; padding: 3px 0; line-height: 1.4; }
.pn-checks .pn-ico { color: var(--pn-blue); margin-top: 2px; font-size: 12px; }
.pn-oglas .pn-btn { font-size: 10.5px; padding: 10px 10px; }

/* =========================================================
   12. Vaš glas
   ========================================================= */
.pn-glas__head { margin-bottom: 18px; border-bottom: 2px solid var(--pn-blue); }
.pn-glas__head h2 {
	display: inline-block; background: var(--pn-blue); color: #fff; font-size: 14px; font-weight: 800; text-transform: uppercase;
	padding: 10px 30px 9px 14px; letter-spacing: .06em; line-height: 1; clip-path: polygon(0 0, calc(100% - 14px) 0, 100% 100%, 0 100%);
}
.pn-glas__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.pn-glas__item {
	background: var(--pn-blue-soft); border: 1px solid var(--pn-blue-line); border-radius: var(--pn-radius); text-align: center; padding: 20px 12px 18px;
	display: flex; flex-direction: column; align-items: center; transition: box-shadow .25s, transform .25s var(--pn-ease);
}
.pn-glas__item:hover { box-shadow: var(--pn-shadow-hover); transform: translateY(-2px); }
.pn-glas__ico {
	color: #fff; background: var(--pn-blue); width: 46px; height: 46px; border-radius: 50%; font-size: 22px;
	display: flex; align-items: center; justify-content: center; margin-bottom: 12px;
}
.pn-glas__item h3 { font-size: 12px; font-weight: 800; text-transform: uppercase; letter-spacing: .04em; color: var(--pn-head); margin-bottom: 6px; line-height: 1.3; }
.pn-glas__item p { font-size: 12px; color: #4c5577; margin: 0 0 14px; flex: 1; line-height: 1.45; }
.pn-glas__item .pn-btn { font-size: 10px; padding: 9px 11px; letter-spacing: .04em; }

/* =========================================================
   13. Čaršijsko ćoše / Nekad i sad
   ========================================================= */
.pn-row--wide-left { grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr); }
.pn-carsija__inner { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); gap: 20px; align-items: center; }
.pn-carsija__inner .pn-thumb .pn-img { filter: grayscale(.9) contrast(1.05); }
.pn-carsija__inner:hover .pn-thumb .pn-img { filter: grayscale(.2); }
.pn-carsija__title { font-size: 19px; font-weight: 800; line-height: 1.25; letter-spacing: -.018em; }
.pn-carsija__title a:hover { color: var(--pn-blue); }
.pn-carsija__excerpt { font-size: 13.5px; color: #4a5268; margin: 10px 0 0; line-height: 1.55; }

.pn-nekad__inner { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); gap: 18px; padding: 14px; background: #fff; align-items: center; }
.pn-nekad__img { position: relative; display: block; border-radius: var(--pn-radius); overflow: hidden; }
.pn-nekad__img .pn-thumb { aspect-ratio: 3 / 2; border-radius: 0; }
.pn-nekad__old { position: absolute; inset: 0; clip-path: inset(0 50% 0 0); }
.pn-nekad__old .pn-thumb { height: 100%; }
.pn-nekad__old .pn-img { filter: grayscale(1) sepia(.3) contrast(1.05); }
.pn-nekad__img::after { content: ""; position: absolute; top: 0; bottom: 0; left: 50%; width: 2px; margin-left: -1px; background: #fff; box-shadow: 0 0 6px rgba(0, 0, 0, .3); }
.pn-nekad__body { display: flex; flex-direction: column; justify-content: center; }
.pn-nekad__body .pn-item__title { font-size: 15px; font-weight: 700; }
.pn-nekad__body .pn-btn { margin-top: 16px; align-self: flex-start; }

/* =========================================================
   14. Poziv na akciju
   ========================================================= */
.pn-cta {
	display: flex; align-items: center; gap: 18px; padding: 18px 22px; background: var(--pn-blue-soft);
	border: 1px solid var(--pn-blue-line); border-radius: var(--pn-radius);
}
.pn-cta__ico {
	color: #fff; background: var(--pn-blue); width: 52px; height: 52px; border-radius: 50%; font-size: 24px;
	display: flex; align-items: center; justify-content: center; flex: none;
}
.pn-cta__txt { flex: 1; min-width: 0; }
.pn-cta__txt h2 { font-size: 14px; font-weight: 800; text-transform: uppercase; letter-spacing: .04em; color: var(--pn-blue-dark); margin-bottom: 4px; }
.pn-cta__txt p { font-size: 13px; margin: 0; color: #4a5268; line-height: 1.45; }

/* =========================================================
   15. Footer
   ========================================================= */
.pn-footer {
	position: relative; overflow: hidden; isolation: isolate; color: #b4bbd8; margin-top: 8px;
	background: radial-gradient(120% 140% at 85% 0%, #101b78 0%, var(--pn-footer) 55%);
	border-top: 3px solid var(--pn-cyan);
}
.pn-footer__scene { position: absolute; left: 0; right: 0; bottom: 0; width: 100%; height: 220px; z-index: -1; pointer-events: none; }
.pn-footer__inner { display: grid; grid-template-columns: 1.5fr 1fr 1fr 1.15fr 1.3fr; gap: 32px; padding: 48px 20px 64px; font-size: 13.5px; }
.pn-footer__brand .pn-brand__mark { width: 44px; height: 44px; }
.pn-footer .pn-brand__name { font-size: 20px; }
.pn-footer .pn-brand__name a, .pn-footer__title { color: #fff; }
.pn-footer .pn-brand__tagline { color: #9aa3c7; font-size: 12px; }
.pn-footer__text { margin-top: 16px; line-height: 1.6; }
.pn-footer__col { border-left: 1px solid rgba(255, 255, 255, .08); padding-left: 24px; }
.pn-footer__title { font-size: 12px; font-weight: 800; text-transform: uppercase; letter-spacing: .08em; margin-bottom: 14px; }
.pn-footer__menu { list-style: none; margin: 0; padding: 0; }
.pn-footer__menu li { padding: 4px 0; }
.pn-footer a:hover { color: #fff; }
.pn-footer__end { text-align: center; display: flex; flex-direction: column; align-items: center; gap: 16px; }
.pn-social { display: flex; gap: 8px; }
.pn-social a { width: 36px; height: 36px; border-radius: 8px; display: flex; align-items: center; justify-content: center; color: #fff; font-size: 18px; transition: transform .2s, filter .2s; }
.pn-social__facebook { background: #1877f2; }
.pn-social__youtube { background: #e62117; }
.pn-social__instagram { background: radial-gradient(circle at 30% 110%, #fdd56f, #f2552c 45%, #c42f8e 70%, #6b3fd4); }
.pn-social__viber { background: #7360f2; }
.pn-social a:hover { filter: brightness(1.1); color: #fff; transform: translateY(-2px); }
.pn-footer__copy { margin: 0; font-size: 12.5px; color: #9aa3c7; line-height: 1.6; }

/* =========================================================
   16. Unutrašnje strane
   ========================================================= */
.pn-layout { display: grid; grid-template-columns: minmax(0, 1fr) 320px; gap: 40px; margin-top: 28px; }
.pn-layout__side { display: flex; flex-direction: column; gap: 32px; }
.pn-widget { font-size: 14px; }
.pn-widget ul { padding-left: 18px; }
.pn-widget img { height: auto; }

.pn-archive-head { margin-bottom: 22px; }
.pn-archive-head .pn-sec-title { font-size: 16px; padding-top: 11px; padding-bottom: 10px; }
.pn-archive-desc { color: var(--pn-muted); font-size: 14px; }
.pn-chips { display: flex; flex-wrap: wrap; gap: 6px; margin: -4px 0 12px; }
.pn-chips a { font-size: 12.5px; font-weight: 500; padding: 5px 12px; border: 1px solid var(--pn-line); border-radius: 20px; color: var(--pn-text); }
.pn-chips a:hover { background: var(--pn-blue); border-color: var(--pn-blue); color: #fff; }
.pn-archive { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
.pn-archive__lead { grid-column: 1 / -1; display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr); gap: 24px; align-items: center; padding-bottom: 24px; border-bottom: 1px solid var(--pn-line); }
.pn-archive__lead .pn-card__body { padding: 0; }
.pn-archive__lead .pn-card__title { font-size: 26px; line-height: 1.2; -webkit-line-clamp: 4; }
.pn-archive__lead .pn-card__excerpt { -webkit-line-clamp: 4; font-size: 14.5px; }
.pn-empty { padding: 30px; background: var(--pn-soft); border-radius: var(--pn-radius); }

.pagination { margin-top: 32px; }
.pagination .nav-links { display: flex; flex-wrap: wrap; gap: 6px; }
.pagination .page-numbers {
	min-width: 40px; height: 40px; padding: 0 10px; display: inline-flex; align-items: center; justify-content: center;
	border: 1px solid var(--pn-line); font-weight: 600; font-size: 14px; border-radius: var(--pn-radius); color: var(--pn-head);
}
.pagination .page-numbers.current, .pagination a.page-numbers:hover { background: var(--pn-blue); border-color: var(--pn-blue); color: #fff; }

.pn-crumbs { display: flex; align-items: center; gap: 6px; font-size: 12.5px; color: var(--pn-muted); margin-bottom: 14px; font-weight: 500; }
.pn-crumbs .pn-ico { font-size: 11px; }
.pn-single__head .pn-label { margin-bottom: 4px; }
.pn-single__title { font-size: 36px; font-weight: 800; letter-spacing: -.025em; line-height: 1.15; margin: 6px 0 14px; text-wrap: balance; }
.pn-single__lead { font-size: 18px; line-height: 1.55; color: #384058; font-weight: 500; margin-bottom: 16px; }
.pn-single__meta { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 18px; padding: 12px 0; border-top: 1px solid var(--pn-line); border-bottom: 1px solid var(--pn-line); font-size: 13px; color: var(--pn-muted); }
.pn-single__meta .pn-meta { margin: 0; font-size: 13px; }
.pn-author { display: inline-flex; align-items: center; gap: 6px; font-weight: 600; color: var(--pn-head); }
.pn-single__image { margin: 22px 0; }
.pn-single__image img { width: 100%; border-radius: var(--pn-radius); }
.pn-single__image figcaption, .wp-caption-text, figcaption { font-size: 12.5px; color: var(--pn-muted); padding-top: 8px; }

.pn-content { font-size: 17.5px; line-height: 1.75; color: #1c2236; margin-top: 22px; overflow-wrap: break-word; max-width: 740px; }
.pn-content > * { margin-top: 0; margin-bottom: 1.15em; }
.pn-content h2 { font-size: 25px; margin-top: 1.5em; line-height: 1.25; }
.pn-content h3 { font-size: 21px; margin-top: 1.4em; }
.pn-content a { color: var(--pn-blue); text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; }
.pn-content img { height: auto; border-radius: var(--pn-radius); }
.pn-content blockquote { margin: 1.5em 0; padding: 6px 0 6px 22px; border-left: 4px solid var(--pn-blue); font-size: 20px; line-height: 1.5; font-weight: 500; color: var(--pn-head); }
.pn-content iframe, .pn-content video, .pn-content embed { max-width: 100%; }
.pn-content table { width: 100%; border-collapse: collapse; font-size: 15px; }
.pn-content th, .pn-content td { border: 1px solid var(--pn-line); padding: 8px 10px; }
.pn-content .alignleft { float: left; margin: .3em 1.4em 1em 0; }
.pn-content .alignright { float: right; margin: .3em 0 1em 1.4em; }
.pn-content .aligncenter { margin-left: auto; margin-right: auto; }
.pn-content .wp-caption { max-width: 100%; }
.pn-content::after { content: ""; display: table; clear: both; }
.pn-tags { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; margin: 28px 0; color: var(--pn-muted); }
.pn-tags a { font-size: 12.5px; font-weight: 500; background: var(--pn-soft); padding: 5px 11px; border-radius: 20px; }
.pn-tags a:hover { background: var(--pn-blue); color: #fff; }

.pn-postnav { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin: 30px 0; }
.pn-postnav a { border: 1px solid var(--pn-line); border-radius: var(--pn-radius); padding: 14px 16px; display: flex; flex-direction: column; gap: 6px; transition: border-color .2s, box-shadow .2s; }
.pn-postnav a:hover { border-color: var(--pn-blue-line); box-shadow: var(--pn-shadow-hover); }
.pn-postnav small { display: inline-flex; align-items: center; gap: 4px; color: var(--pn-blue); font-weight: 700; text-transform: uppercase; letter-spacing: .05em; font-size: 10.5px; }
.pn-postnav span { font-weight: 700; color: var(--pn-head); font-size: 14.5px; line-height: 1.35; }
.pn-postnav__next { text-align: right; grid-column: 2; align-items: flex-end; }
.pn-related { margin-top: 36px; }

.pn-comments-area { margin-top: 40px; }
.pn-comment-list { list-style: none; padding: 0; margin: 0 0 28px; }
.pn-comment-list .children { list-style: none; padding-left: 28px; }
.pn-comment-list .comment-body { border-bottom: 1px solid var(--pn-line); padding: 16px 0; font-size: 14.5px; }
.pn-comment-list .avatar { float: left; margin-right: 12px; border-radius: 50%; }
.pn-comment-list .comment-meta { font-size: 12.5px; color: var(--pn-muted); }
.pn-comment-reply-title { font-size: 19px; margin-bottom: 12px; }
.comment-form label { display: block; font-size: 13px; font-weight: 600; margin-bottom: 5px; color: var(--pn-head); }
.comment-form input[type=text], .comment-form input[type=email], .comment-form input[type=url], .comment-form textarea {
	width: 100%; border: 1px solid var(--pn-line); padding: 11px 13px; font: inherit; border-radius: var(--pn-radius);
}
.comment-form input:focus, .comment-form textarea:focus { outline: none; border-color: var(--pn-blue); }

.pn-404 { text-align: center; padding-top: 48px; }
.pn-404__code { font-size: 96px; font-weight: 800; color: var(--pn-blue); margin: 0; line-height: 1; letter-spacing: -.04em; }
.pn-404 h1 { font-size: 28px; margin: 10px 0; }
.pn-404 .pn-searchform { margin: 22px auto 48px; }
.pn-404 .pn-block { text-align: left; }

/* =========================================================
   17. Responsivno
   ========================================================= */
@media (max-width: 1180px) {
	:root { --fs-hero: 26px; --pn-row-gap: 36px; }
	.pn-top { grid-template-columns: minmax(0, 1fr) 350px; }
	.pn-item--side { grid-template-columns: 124px minmax(0, 1fr); }
	.pn-item--side .pn-item__title { font-size: 14px; }
	.pn-row--3 { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
	.pn-zivot { grid-column: 1 / -1; }
	.pn-footer__inner { grid-template-columns: 1fr 1fr 1fr; }
	.pn-footer__brand, .pn-footer__end { grid-column: span 3; }
	.pn-footer__brand { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 10px 30px; }
	.pn-footer__text { margin: 0; }
	.pn-glas__item .pn-btn { white-space: normal; }
}

@media (max-width: 960px) {
	.pn-nav__toggle { display: block; }
	.pn-nav__home { order: -1; }
	.pn-nav__inner { flex-wrap: wrap; justify-content: space-between; padding: 0; }
	.pn-nav__menu { order: 5; flex-basis: 100%; display: none; background: var(--pn-nav); max-height: 75vh; overflow-y: auto; }
	.pn-nav__menu.is-open { display: block; }
	.pn-menu { flex-direction: column; }
	.pn-menu > li > a { height: auto; padding: 13px 20px; border-top: 1px solid rgba(255, 255, 255, .07); justify-content: space-between; }
	.pn-menu .sub-menu, .pn-menu .sub-menu .sub-menu {
		position: static; opacity: 1; visibility: visible; transform: none; box-shadow: none; border: 0; border-radius: 0;
		background: rgba(0, 0, 0, .18); display: none; padding: 0;
	}
	.pn-menu li.is-open > .sub-menu { display: block; }
	.pn-menu .sub-menu a { color: #dde2f5; padding: 11px 32px; }
	.pn-menu .sub-menu a:hover { background: rgba(255, 255, 255, .06); color: #fff; }

	.pn-header__inner { flex-direction: column; align-items: stretch; gap: 14px; }
	.pn-banner--header { flex: none; }
	.pn-banner--header img { object-position: center; }

	.pn-top, .pn-row--latest, .pn-row--2, .pn-row--wide-left, .pn-layout { grid-template-columns: minmax(0, 1fr); }
	.pn-top__side { grid-template-rows: none; }
	.pn-grid--5 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.pn-archive { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.pn-layout__side { border-top: 1px solid var(--pn-line); padding-top: 28px; }
	.pn-content { max-width: none; }
	.admin-bar .pn-nav { top: 46px; }
}

@media (max-width: 640px) {
	:root { --fs-hero: 21px; --fs-lead: 18px; --pn-row-gap: 32px; }
	body { font-size: 14.5px; }
	.pn-wrap { padding: 0 16px; }
	.pn-header__inner { padding: 14px 16px; }
	.pn-topbar__date { display: none; }
	.pn-brand__name { font-size: 23px; }
	.pn-brand__mark { width: 46px; height: 46px; }
	.pn-brand__img { height: 40px; max-width: 100%; }
	.pn-autobanner--header { height: 72px; padding: 0 16px; }
	.pn-ab__stack { font-size: 11.5px; }
	.pn-ab__script { font-size: 19px; }
	.pn-ab__script--lg { font-size: 23px; text-align: left; }
	.pn-autobanner--mid { height: auto; min-height: 84px; padding: 14px 16px; }
	.pn-ab__badge { display: none; }
	.pn-autobanner--bottom { height: 100px; padding: 0 16px; justify-content: center; }
	.pn-ab__center strong { font-size: 24px; }
	.pn-ab__list, .pn-ab__arrow { display: none; }

	.pn-hero__slide:first-child .pn-thumb { aspect-ratio: 4 / 3.4; }
	.pn-hero__body { padding: 64px 16px 16px; }
	.pn-hero__title { max-width: none; }
	.pn-hero__excerpt { display: none; }
	.pn-hero__nav { bottom: auto; top: 12px; right: 12px; }
	.pn-hero__nav button { width: 32px; height: 32px; }
	.pn-item--side { grid-template-columns: 112px minmax(0, 1fr); }
	.pn-item--side .pn-thumb { min-height: 84px; }

	.pn-grid--5, .pn-grid--4, .pn-grid--3 { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
	.pn-card--boxed .pn-card__title { font-size: 13.5px; }
	.pn-row--3 { grid-template-columns: minmax(0, 1fr); }
	.pn-feature__grid { grid-template-columns: minmax(0, 1fr); gap: 18px; }
	.pn-feature .pn-list { padding-top: 16px; border-top: 1px solid var(--pn-line); }
	.pn-sec-head { flex-wrap: wrap; }
	.pn-sec-tabs { order: 3; flex-basis: 100%; justify-content: flex-start; padding: 8px 0; overflow-x: auto; flex-wrap: nowrap; white-space: nowrap; scrollbar-width: none; }
	.pn-sec-tabs a:first-child { padding-left: 0; }

	.pn-oglasi__grid, .pn-glas__grid { grid-template-columns: minmax(0, 1fr); }
	.pn-oglas + .pn-oglas { border-left: 0; border-top: 1px solid var(--pn-line); }
	.pn-carsija__inner, .pn-nekad__inner { grid-template-columns: minmax(0, 1fr); gap: 14px; }
	.pn-cta { flex-wrap: wrap; }
	.pn-cta .pn-btn { width: 100%; }

	.pn-archive { grid-template-columns: minmax(0, 1fr); }
	.pn-archive__lead { grid-template-columns: minmax(0, 1fr); gap: 14px; }
	.pn-archive__lead .pn-card__title { font-size: 21px; }
	.pn-single__title { font-size: 27px; }
	.pn-single__lead { font-size: 16.5px; }
	.pn-content { font-size: 16.5px; line-height: 1.7; }
	.pn-postnav { grid-template-columns: minmax(0, 1fr); }
	.pn-postnav__next { grid-column: auto; }

	.pn-footer__inner { grid-template-columns: 1fr 1fr; padding: 30px 16px; gap: 26px; }
	.pn-footer__brand, .pn-footer__end { grid-column: 1 / -1; }
	.pn-footer__col { border: 0; padding: 0; }
}

@media (prefers-reduced-motion: reduce) {
	*, *::before, *::after { transition: none !important; animation: none !important; }
}

/* =========================================================
   18. Identitet – akcenti
   ========================================================= */
.pn-footer .pn-brand__mark { color: var(--pn-cyan); }
.pn-footer__title { position: relative; padding-bottom: 10px; }
.pn-footer__title::after { content: ""; position: absolute; left: 0; bottom: 0; width: 26px; height: 2px; background: var(--pn-cyan); }
.pn-footer__menu a { display: inline-flex; align-items: center; gap: 6px; transition: color .15s, transform .15s; }
.pn-footer__menu a:hover { color: #fff; transform: translateX(2px); }
.pn-footer__col { border-left-color: rgba(255, 255, 255, .07); }
.pn-sec-head { border-bottom-color: var(--pn-blue); }
.pn-label { background: var(--pn-blue); }
.pn-hero .pn-label, .pn-item--side .pn-label { background: var(--pn-cyan); color: #05123d; }
.pn-hero .pn-label:hover, .pn-item--side .pn-label:hover { background: #fff; color: var(--pn-brand); }
.pn-ticker__label { background: var(--pn-brand); }
.pn-servis__ico, .pn-oglas__title .pn-ico, .pn-checks .pn-ico { color: var(--pn-blue); }
.pn-play { background: rgba(2, 0, 187, .88); }

/* =========================================================
   19. Moderni sidebar (unutrašnje strane)
   ========================================================= */
.pn-layout__sticky { display: flex; flex-direction: column; gap: 32px; }

.pn-side { min-width: 0; }

/* Najnovije – numerisana lista */
.pn-rank { list-style: none; margin: 0; padding: 0; counter-reset: none; }
.pn-rank__item { padding: 14px 0; border-top: 1px solid var(--pn-line); }
.pn-rank__item:first-child { padding-top: 0; border-top: 0; }
.pn-rank__item:first-child .pn-thumb { margin-bottom: 12px; }
.pn-rank__row { display: grid; grid-template-columns: 30px minmax(0, 1fr); gap: 10px; align-items: start; }
.pn-rank__n {
	font-size: 26px; font-weight: 800; line-height: .9; letter-spacing: -.04em;
	background: linear-gradient(180deg, var(--pn-brand), var(--pn-cyan)); -webkit-background-clip: text; background-clip: text; color: transparent;
}
.pn-rank__title { font-size: 14px; font-weight: 700; line-height: 1.35; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; }
.pn-rank__item:first-child .pn-rank__title { font-size: 16px; }
.pn-rank__title a:hover { color: var(--pn-blue); }
.pn-rank .pn-meta { margin-top: 5px; font-size: 11.5px; }

/* Widgeti u sidebaru */
.pn-side--widgets { display: flex; flex-direction: column; gap: 28px; }
.pn-side--widgets .pn-widget ul { list-style: none; padding: 0; margin: 0; }
.pn-side--widgets .pn-widget li { padding: 9px 0; border-top: 1px solid var(--pn-line); font-size: 14px; font-weight: 600; line-height: 1.35; color: var(--pn-head); }
.pn-side--widgets .pn-widget li:first-child { border-top: 0; padding-top: 0; }
.pn-side--widgets .pn-widget li a:hover { color: var(--pn-blue); }
.pn-side--widgets .pn-widget img { border-radius: var(--pn-radius); }
.pn-side--widgets .pn-widget svg:not([width]) { width: 20px; height: 20px; }

/* Vaš glas kartica */
.pn-sidecta {
	position: relative; overflow: hidden; isolation: isolate; border-radius: 6px; padding: 24px 22px 22px; color: #dfe5ff;
	background: radial-gradient(130% 120% at 100% 0%, #1a2fd6 0%, var(--pn-brand) 45%, #060a5c 100%);
}
.pn-sidecta::after {
	content: ""; position: absolute; right: -40px; bottom: -40px; width: 160px; height: 160px; border-radius: 50%;
	background: radial-gradient(circle, rgba(0, 180, 216, .45), rgba(0, 180, 216, 0) 70%); z-index: -1;
}
.pn-sidecta__ico {
	width: 46px; height: 46px; border-radius: 12px; background: rgba(255, 255, 255, .12); color: var(--pn-cyan);
	display: flex; align-items: center; justify-content: center; font-size: 22px; margin-bottom: 14px;
}
.pn-sidecta h2 { color: #fff; font-size: 19px; font-weight: 800; margin-bottom: 6px; }
.pn-sidecta p { font-size: 13.5px; line-height: 1.5; margin: 0 0 16px; color: #c9d1f5; }
.pn-btn--light { background: var(--pn-cyan); color: #05123d; }
.pn-btn--light:hover { background: #fff; color: var(--pn-brand); }

/* Pratite nas */
.pn-follow { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.pn-follow a {
	display: flex; align-items: center; gap: 10px; padding: 10px 12px; border-radius: var(--pn-radius);
	color: #fff; font-size: 13px; font-weight: 700; transition: transform .2s, filter .2s;
}
.pn-follow a .pn-ico { font-size: 18px; }
.pn-follow a:hover { color: #fff; filter: brightness(1.08); transform: translateY(-1px); }
.pn-follow__facebook { background: #1877f2; }
.pn-follow__youtube { background: #e62117; }
.pn-follow__instagram { background: linear-gradient(45deg, #f2a83b, #e1306c 50%, #833ab4); }
.pn-follow__viber { background: #7360f2; }

/* =========================================================
   20. Potpis fotografije
   ========================================================= */
.pn-single__frame { position: relative; overflow: hidden; border-radius: var(--pn-radius); }
.pn-single__frame img { width: 100%; border-radius: 0; }
.pn-credit {
	position: absolute; right: 10px; bottom: 10px; z-index: 2; display: inline-flex; align-items: center; gap: 6px;
	max-width: calc(100% - 20px); padding: 5px 10px; border-radius: 2px;
	background: rgba(5, 9, 38, .62); backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px);
	color: #fff; font-size: 11.5px; font-weight: 500; line-height: 1.3; letter-spacing: .01em;
	white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.pn-credit .pn-ico { font-size: 12px; color: var(--pn-cyan); }
.pn-imgwrap { position: relative; display: block; width: fit-content; max-width: 100%; margin-bottom: 1.15em; }
.pn-imgwrap.aligncenter { margin-left: auto; margin-right: auto; }
.pn-imgwrap.alignleft { float: left; margin: .3em 1.4em 1em 0; }
.pn-imgwrap.alignright { float: right; margin: .3em 0 1em 1.4em; }
.pn-imgwrap img { margin: 0 !important; float: none !important; }
.wp-caption .pn-imgwrap { margin-bottom: 0; }

@media (max-width: 640px) {
	.pn-footer__inner { padding-bottom: 48px; }
	.pn-footer__scene { height: 140px; }
	.pn-credit { font-size: 10.5px; right: 6px; bottom: 6px; padding: 4px 8px; }
	.pn-imgwrap.alignleft, .pn-imgwrap.alignright { float: none; margin: 0 0 1em; }
}

/* Plugin "Most and least read posts" – uklopljen u stil liste */
.mlrp_ul { list-style: none; margin: 0; padding: 0; counter-reset: pnmr; }
.mlrp_ul li {
	position: relative; display: grid; grid-template-columns: 76px minmax(0, 1fr); column-gap: 12px; align-items: start;
	padding: 12px 0 !important; border-top: 1px solid var(--pn-line); counter-increment: pnmr;
}
.mlrp_ul li:first-child { border-top: 0; padding-top: 0 !important; }
.mlrp_ul li > a { display: contents; font-size: 13.5px; font-weight: 700; line-height: 1.35; color: var(--pn-head); }
.mlrp_ul li > a:hover { color: var(--pn-blue); }
.mlrp_ul li img {
	grid-row: span 2; width: 76px !important; height: 56px !important; object-fit: cover; border-radius: var(--pn-radius); margin: 0 !important;
}
.mlrp_ul li::before {
	content: counter(pnmr); position: absolute; left: -6px; top: 6px; z-index: 1; width: 20px; height: 20px; border-radius: 50%;
	background: var(--pn-cyan); color: #05123d; font-size: 11px; font-weight: 800; display: flex; align-items: center; justify-content: center;
	box-shadow: 0 0 0 2px #fff;
}
.mlrp_ul li:first-child::before { top: -6px; }
.most_and_least_read_posts_hits { grid-column: 2; font-size: 11.5px; font-weight: 500; color: var(--pn-muted); margin-top: 4px; }

/* =========================================================
   21. Moderni detalji (v1.3)
   ========================================================= */
/* Pulsirajuća oznaka "Najnovije" */
.pn-ticker__label { display: inline-flex; align-items: center; gap: 7px; }
.pn-pulse { position: relative; width: 7px; height: 7px; border-radius: 50%; background: var(--pn-cyan); flex: none; }
.pn-pulse::after {
	content: ""; position: absolute; inset: -4px; border-radius: 50%; border: 2px solid var(--pn-cyan);
	animation: pnPulse 1.8s ease-out infinite;
}
@keyframes pnPulse { 0% { transform: scale(.4); opacity: 1; } 100% { transform: scale(1.6); opacity: 0; } }

/* Mali logo u meniju pri skrolovanju */
.pn-nav__brand {
	display: flex; align-items: center; width: 0; overflow: hidden; color: var(--pn-cyan);
	transition: width .3s var(--pn-ease), padding .3s var(--pn-ease), opacity .3s; opacity: 0;
}
.pn-nav__brand .pn-mark { width: 30px; height: 30px; flex: none; }
.pn-scrolled .pn-nav__brand { width: 54px; padding: 0 12px; opacity: 1; }
.pn-scrolled .pn-nav { box-shadow: 0 6px 24px rgba(5, 9, 38, .28); }

/* Dugme "na vrh" */
.pn-totop {
	position: fixed; right: 20px; bottom: 20px; z-index: 40; width: 44px; height: 44px; border-radius: 50%; border: 0;
	background: var(--pn-blue); color: #fff; font-size: 20px; display: flex; align-items: center; justify-content: center;
	box-shadow: 0 8px 22px rgba(2, 0, 187, .32); opacity: 0; visibility: hidden; transform: translateY(10px);
	transition: opacity .25s, transform .25s var(--pn-ease), visibility .25s, background .2s;
}
.pn-totop .pn-ico { transform: rotate(180deg); }
.pn-scrolled .pn-totop { opacity: 1; visibility: visible; transform: none; }
.pn-totop:hover { background: var(--pn-cyan); color: #05123d; }

/* Traka napretka čitanja */
.pn-progress { position: fixed; left: 0; right: 0; top: 0; height: 3px; z-index: 100; pointer-events: none; }
.admin-bar .pn-progress { top: 32px; }
.pn-progress span {
	display: block; height: 100%; transform: scaleX(0); transform-origin: 0 50%;
	background: linear-gradient(90deg, var(--pn-brand), var(--pn-cyan));
}

/* Slajder – tačke sa trakom vremena */
.pn-hero__dots { position: absolute; left: 28px; top: 22px; z-index: 3; display: flex; gap: 6px; }
.pn-hero__dots button {
	position: relative; width: 28px; height: 4px; padding: 0; border: 0; border-radius: 2px; overflow: hidden;
	background: rgba(255, 255, 255, .35); cursor: pointer;
}
.pn-hero__dots button span { position: absolute; inset: 0; background: #fff; transform: scaleX(0); transform-origin: 0 50%; }
.pn-hero__dots button.is-active span { animation: pnBar var(--pn-slide-ms, 6500ms) linear forwards; }
.pn-hero.is-paused .pn-hero__dots button.is-active span { animation-play-state: paused; }
@keyframes pnBar { to { transform: scaleX(1); } }
.pn-hero__slide.is-active .pn-hero__title, .pn-hero__slide.is-active .pn-hero__excerpt { animation: pnRise .7s var(--pn-ease) both; }
.pn-hero__slide.is-active .pn-hero__excerpt { animation-delay: .08s; }
@keyframes pnRise { from { opacity: 0; transform: translateY(12px); } to { opacity: 1; transform: none; } }
.pn-hero .pn-thumb .pn-img { transition: transform 7s linear; }
.pn-hero__slide.is-active .pn-thumb .pn-img { transform: scale(1.06); }

/* Vreme čitanja */
.pn-readtime { display: inline-flex; align-items: center; gap: 5px; font-size: 13px; font-weight: 500; }
.pn-readtime .pn-ico { font-size: 12px; opacity: .8; }

/* Zaglavlje kategorije / arhive */
.pn-cathead {
	position: relative; overflow: hidden; isolation: isolate; padding: 26px 0 24px; margin-bottom: 4px;
	background: linear-gradient(180deg, var(--pn-blue-soft), #fff); border-bottom: 1px solid var(--pn-line);
}
.pn-cathead::before {
	content: ""; position: absolute; right: -80px; top: -120px; width: 380px; height: 380px; border-radius: 50%; z-index: -1;
	background: radial-gradient(circle, rgba(0, 180, 216, .14), rgba(0, 180, 216, 0) 70%);
}
.pn-cathead .pn-crumbs { margin-bottom: 10px; }
.pn-cathead__kick {
	display: inline-block; font-size: 11px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase;
	color: var(--pn-cyan-dark); margin-bottom: 4px;
}
.pn-cathead__title { font-size: 38px; font-weight: 800; letter-spacing: -.03em; line-height: 1.1; color: var(--pn-head); }
.pn-cathead__title::after { content: ""; display: block; width: 48px; height: 4px; margin-top: 12px; border-radius: 2px; background: linear-gradient(90deg, var(--pn-brand), var(--pn-cyan)); }
.pn-cathead__desc { max-width: 720px; margin-top: 12px; color: #4a5268; font-size: 15px; }
.pn-cathead__desc p { margin: 0; }
.pn-cathead__count { margin: 10px 0 0; font-size: 12.5px; font-weight: 600; color: var(--pn-muted); }
.pn-cathead .pn-chips { margin: 14px 0 0; }
.pn-cathead .pn-chips a { background: #fff; }
.pn-cathead__search { margin-top: 16px; }
.pn-cathead__search .pn-searchform { margin-left: 0; }

/* Učitaj još */
.pn-loadmore { display: flex; flex-direction: column; align-items: center; margin-top: 32px; }
.pn-btn--more {
	min-width: 240px; padding: 15px 28px; font-size: 12.5px; border-radius: 40px; gap: 10px;
	background: #fff; color: var(--pn-blue); border: 2px solid var(--pn-blue); position: relative;
}
.pn-btn--more:hover { background: var(--pn-blue); color: #fff; }
.pn-spinner { display: none; width: 16px; height: 16px; border-radius: 50%; border: 2px solid currentColor; border-right-color: transparent; animation: pnSpin .7s linear infinite; }
.pn-btn--more.is-loading { pointer-events: none; opacity: .85; }
.pn-btn--more.is-loading .pn-spinner { display: inline-block; }
@keyframes pnSpin { to { transform: rotate(360deg); } }
.pn-loadmore__end { margin: 0; font-size: 13px; color: var(--pn-muted); font-weight: 500; }
.pn-fade-in { animation: pnRise .5s var(--pn-ease) both; }

@media (max-width: 960px) {
	.pn-nav__brand { display: none; }
	.admin-bar .pn-progress { top: 46px; }
}
@media (max-width: 640px) {
	.pn-cathead { padding: 20px 0 18px; }
	.pn-cathead__title { font-size: 28px; }
	.pn-hero__dots { left: 16px; top: 16px; }
	.pn-hero__dots button { width: 20px; }
	.pn-totop { right: 14px; bottom: 14px; width: 40px; height: 40px; }
	.pn-btn--more { width: 100%; }
}
.pn-archive > .pn-archive__lead:not(:first-child) { margin-top: 10px; padding-top: 26px; border-top: 1px solid var(--pn-line); }

/* =========================================================
   22. Zaglavlje kategorije – baner preko cele širine
   ========================================================= */
.pn-cathead {
	position: relative; overflow: hidden; isolation: isolate; margin-bottom: 0; border-bottom: 0;
	padding: 34px 0 40px; min-height: 210px; display: flex; align-items: flex-end; color: #fff;
	background: linear-gradient(110deg, #050a4f 0%, var(--pn-brand) 45%, #0a5fc9 78%, var(--pn-cyan) 120%);
}
.pn-cathead > .pn-wrap { position: relative; z-index: 2; }
.pn-cathead::before {
	content: ""; position: absolute; right: -120px; top: -160px; width: 520px; height: 520px; border-radius: 50%; z-index: 1;
	background: radial-gradient(circle, rgba(0, 180, 216, .35), rgba(0, 180, 216, 0) 65%);
}
.pn-cathead::after {
	content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 4px; z-index: 2;
	background: linear-gradient(90deg, var(--pn-cyan), rgba(0, 180, 216, 0));
}
.pn-cathead__photo {
	position: absolute; inset: 0; z-index: 0; background-size: cover; background-position: center 35%;
	opacity: .14; mix-blend-mode: luminosity; filter: grayscale(1) contrast(1.05) blur(1px);
	-webkit-mask-image: linear-gradient(90deg, transparent 10%, #000 70%); mask-image: linear-gradient(90deg, transparent 10%, #000 70%);
}
.pn-cathead .pn-ab__scene { position: absolute; z-index: 1; height: 120px; top: auto; opacity: .9; }
.pn-cathead .pn-crumbs { color: rgba(255, 255, 255, .7); margin-bottom: 14px; }
.pn-cathead .pn-crumbs a { color: rgba(255, 255, 255, .85); }
.pn-cathead .pn-crumbs a:hover { color: #fff; }
.pn-cathead__kick {
	display: inline-flex; align-items: center; gap: 8px; color: var(--pn-cyan); font-size: 11px; letter-spacing: .16em; margin-bottom: 6px;
}
.pn-cathead__kick::before { content: ""; width: 22px; height: 2px; background: var(--pn-cyan); }
.pn-cathead__title { color: #fff; font-size: 46px; letter-spacing: -.035em; text-shadow: 0 2px 20px rgba(0, 0, 0, .2); }
.pn-cathead__title::after { display: none; }
.pn-cathead__desc { color: rgba(255, 255, 255, .85); font-size: 15.5px; }
.pn-cathead__count {
	display: inline-flex; align-items: center; gap: 6px; margin-top: 14px; padding: 5px 12px; border-radius: 20px;
	background: rgba(255, 255, 255, .12); color: #fff; font-size: 12px; backdrop-filter: blur(6px);
}
.pn-cathead .pn-chips { margin-top: 16px; }
.pn-cathead .pn-chips a {
	background: rgba(255, 255, 255, .1); border-color: rgba(255, 255, 255, .25); color: #fff; backdrop-filter: blur(6px);
}
.pn-cathead .pn-chips a:hover { background: var(--pn-cyan); border-color: var(--pn-cyan); color: #05123d; }
.pn-cathead__search .pn-searchform input { border-color: transparent; }
.pn-cathead + .pn-layout { margin-top: 32px; }

@media (max-width: 640px) {
	.pn-cathead { min-height: 170px; padding: 24px 0 30px; }
	.pn-cathead__title { font-size: 32px; }
	.pn-cathead .pn-ab__scene { height: 80px; }
	.pn-cathead::before { width: 300px; height: 300px; right: -100px; top: -120px; }
}

/* =========================================================
   23. Pretraga preko celog ekrana
   ========================================================= */
.pn-noscroll, .pn-noscroll body { overflow: hidden; }
.pn-search {
	position: fixed; inset: 0; z-index: 2147483000; padding: 0; border: 0; background: none;
	display: flex; align-items: flex-start; justify-content: center; overflow-y: auto;
}
.pn-search[hidden] { display: none; }
.pn-search__backdrop {
	position: fixed; inset: 0; background: linear-gradient(160deg, rgba(4, 8, 52, .97) 0%, rgba(5, 9, 46, .95) 60%, rgba(3, 30, 70, .95) 100%);
	opacity: 0; transition: opacity .25s ease;
}
.pn-search__backdrop::after {
	content: ""; position: absolute; inset: 0; pointer-events: none;
	background: radial-gradient(60% 50% at 80% 0%, rgba(0, 180, 216, .28), transparent 70%), radial-gradient(50% 40% at 10% 100%, rgba(20, 36, 196, .45), transparent 70%);
}
.pn-search__panel {
	position: relative; width: 100%; max-width: 860px; margin: 0 auto; padding: 14vh 24px 60px;
	opacity: 0; transform: translateY(-18px); transition: opacity .3s var(--pn-ease), transform .35s var(--pn-ease);
}
.pn-search.is-open .pn-search__backdrop { opacity: 1; }
.pn-search.is-open .pn-search__panel { opacity: 1; transform: none; }

.pn-search__close {
	position: fixed; top: 22px; right: 26px; z-index: 2; display: inline-flex; align-items: center; gap: 8px;
	height: 42px; padding: 0 14px 0 12px; border-radius: 22px; border: 1px solid rgba(255, 255, 255, .25);
	background: rgba(255, 255, 255, .08); color: #fff; font-size: 12px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase;
	transition: background .2s, border-color .2s;
}
.pn-search__close .pn-ico { font-size: 18px; }
.pn-search__close:hover { background: var(--pn-cyan); border-color: var(--pn-cyan); color: #05123d; }

.pn-search__label {
	display: block; color: #fff; font-size: 40px; font-weight: 800; letter-spacing: -.03em; line-height: 1.1; margin-bottom: 22px;
}
.pn-search__field {
	position: relative; display: flex; align-items: center; background: #fff; border-radius: 14px;
	box-shadow: 0 24px 60px rgba(0, 0, 0, .35), 0 0 0 4px rgba(0, 180, 216, 0); transition: box-shadow .2s;
}
.pn-search__field:focus-within { box-shadow: 0 24px 60px rgba(0, 0, 0, .35), 0 0 0 4px rgba(0, 180, 216, .55); }
.pn-search__ico { position: absolute; left: 22px; font-size: 24px; color: var(--pn-blue); pointer-events: none; }
.pn-search__field input {
	flex: 1; min-width: 0; height: 72px; border: 0; background: none; padding: 0 16px 0 62px;
	font: 500 21px/1 var(--pn-font); color: var(--pn-head); letter-spacing: -.01em;
}
.pn-search__field input:focus { outline: none; }
.pn-search__field input::placeholder { color: #9aa1b8; }
.pn-search__field input::-webkit-search-cancel-button { -webkit-appearance: none; }
.pn-search__go {
	display: inline-flex; align-items: center; gap: 8px; height: 54px; margin-right: 9px; padding: 0 22px; border: 0; border-radius: 10px;
	background: var(--pn-blue); color: #fff; font-size: 13px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; transition: background .2s;
}
.pn-search__go:hover { background: var(--pn-brand); }
.pn-search__go .pn-ico { transition: transform .2s; }
.pn-search__go:hover .pn-ico { transform: translateX(3px); }

.pn-search__extras { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.25fr); gap: 36px; margin-top: 40px; }
.pn-search__heading {
	color: var(--pn-cyan); font-size: 11px; font-weight: 800; letter-spacing: .16em; text-transform: uppercase; margin-bottom: 14px;
	display: flex; align-items: center; gap: 8px;
}
.pn-search__heading::before { content: ""; width: 18px; height: 2px; background: var(--pn-cyan); }
.pn-search__chips { display: flex; flex-wrap: wrap; gap: 8px; }
.pn-search__chips a {
	padding: 8px 14px; border-radius: 22px; border: 1px solid rgba(255, 255, 255, .22); background: rgba(255, 255, 255, .06);
	color: #fff; font-size: 13.5px; font-weight: 600; transition: background .2s, border-color .2s, color .2s;
}
.pn-search__chips a:hover { background: var(--pn-cyan); border-color: var(--pn-cyan); color: #05123d; }
.pn-search__recent { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 4px; }
.pn-search__recent a {
	display: grid; grid-template-columns: 72px minmax(0, 1fr); gap: 14px; align-items: center; padding: 8px; margin: 0 -8px;
	border-radius: 10px; color: #fff; transition: background .2s;
}
.pn-search__recent a:hover { background: rgba(255, 255, 255, .08); color: #fff; }
.pn-search__recent .pn-thumb { border-radius: 6px; }
.pn-search__recent strong { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; font-size: 14px; font-weight: 700; line-height: 1.35; }
.pn-search__recent small { display: block; margin-top: 3px; color: #9fa8d6; font-size: 12px; }

@media (max-width: 760px) {
	.pn-search__panel { padding: 84px 16px 40px; }
	.pn-search__close { top: 14px; right: 14px; }
	.pn-search__label { font-size: 28px; margin-bottom: 16px; }
	.pn-search__field input { height: 60px; font-size: 17px; padding-left: 52px; }
	.pn-search__ico { left: 18px; font-size: 20px; }
	.pn-search__go { height: 46px; padding: 0 14px; margin-right: 7px; }
	.pn-search__go .pn-ico { display: none; }
	.pn-search__extras { grid-template-columns: minmax(0, 1fr); gap: 28px; margin-top: 30px; }
}

/* =========================================================
   24. Članak – alati, deljenje, reakcije, autor, diskusija
   ========================================================= */
/* Traka alata ispod naslova */
.pn-single__tools { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; margin-top: 14px; }
.pn-share { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; }
.pn-share__label { font-size: 11px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; color: var(--pn-muted); margin-right: 4px; }
.pn-share__btn {
	width: 36px; height: 36px; border-radius: 50%; border: 0; display: inline-flex; align-items: center; justify-content: center;
	font-size: 16px; color: #fff; transition: transform .2s var(--pn-ease), filter .2s, box-shadow .2s; cursor: pointer;
}
.pn-share__btn:hover { color: #fff; transform: translateY(-2px); filter: brightness(1.08); box-shadow: 0 6px 14px rgba(5, 9, 46, .18); }
.pn-share__btn--facebook { background: #1877f2; }
.pn-share__btn--viber { background: #7360f2; }
.pn-share__btn--whatsapp { background: #25d366; }
.pn-share__btn--x { background: #0f1419; }
.pn-share__btn--copy, .pn-share__btn--native { background: var(--pn-blue-soft); color: var(--pn-blue); border: 1px solid var(--pn-blue-line); }
.pn-share__btn--copy:hover, .pn-share__btn--native:hover { background: var(--pn-blue); color: #fff; }
.pn-share__btn--copy.is-done { background: #18a957; color: #fff; border-color: #18a957; }
.pn-share--end .pn-share__btn { width: 42px; height: 42px; font-size: 18px; }

.pn-fontsize { display: inline-flex; border: 1px solid var(--pn-line); border-radius: 20px; overflow: hidden; }
.pn-fontsize button {
	height: 34px; min-width: 40px; padding: 0 10px; border: 0; background: #fff; color: var(--pn-head);
	font-weight: 800; font-size: 14px; cursor: pointer; transition: background .2s, color .2s;
}
.pn-fontsize button + button { border-left: 1px solid var(--pn-line); font-size: 17px; }
.pn-fontsize button sup { font-size: .6em; margin-left: 1px; }
.pn-fontsize button:hover:not(:disabled) { background: var(--pn-blue-soft); color: var(--pn-blue); }
.pn-fontsize button:disabled { opacity: .35; cursor: default; }

/* Pročitajte i ovo (usred teksta) */
.pn-inrel { margin: 1.6em 0 !important; }
.pn-inrel a {
	display: grid; grid-template-columns: 112px minmax(0, 1fr) auto; gap: 16px; align-items: center; padding: 12px 18px 12px 12px;
	background: var(--pn-blue-soft); border: 1px solid var(--pn-blue-line); border-left: 4px solid var(--pn-cyan); border-radius: 6px;
	text-decoration: none !important; color: var(--pn-head) !important; transition: box-shadow .2s, transform .2s var(--pn-ease);
}
.pn-inrel a:hover { box-shadow: var(--pn-shadow-hover); transform: translateY(-1px); }
.pn-inrel .pn-thumb { border-radius: 4px; }
.pn-inrel .pn-thumb .pn-img { border-radius: 0 !important; }
.pn-inrel__kick { display: block; font-size: 10.5px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; color: var(--pn-cyan-dark); margin-bottom: 4px; line-height: 1.2; }
.pn-inrel strong { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; font-size: 16px; font-weight: 800; line-height: 1.3; }
.pn-inrel__arr { font-size: 20px; color: var(--pn-blue); transition: transform .2s; }
.pn-inrel a:hover .pn-inrel__arr { transform: translateX(4px); }

/* Kraj članka – deljenje */
.pn-single__end {
	display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 14px;
	margin: 28px 0 0; padding: 18px 0; border-top: 1px solid var(--pn-line); border-bottom: 1px solid var(--pn-line);
}
.pn-single__endtxt { margin: 0; font-size: 15px; font-weight: 700; color: var(--pn-head); }

/* Reakcije */
.pn-react {
	margin-top: 28px; padding: 24px; border-radius: 10px; background: linear-gradient(180deg, #fff, var(--pn-blue-soft));
	border: 1px solid var(--pn-blue-line);
}
.pn-react__head { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 6px 16px; margin-bottom: 16px; }
.pn-react__head h2 { font-size: 19px; font-weight: 800; letter-spacing: -.015em; }
.pn-react__total { margin: 0; font-size: 12.5px; font-weight: 600; color: var(--pn-muted); }
.pn-react__list { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 10px; }
.pn-react__btn {
	position: relative; overflow: hidden; display: flex; flex-direction: column; align-items: center; gap: 4px; padding: 14px 6px 16px;
	background: #fff; border: 1.5px solid var(--pn-line); border-radius: 10px; cursor: pointer; font: inherit; color: var(--pn-head);
	transition: border-color .2s, transform .2s var(--pn-ease), box-shadow .2s;
}
.pn-react__btn:hover { border-color: var(--pn-blue-line); transform: translateY(-3px); box-shadow: 0 10px 22px rgba(5, 9, 46, .08); }
.pn-react__emoji { font-size: 30px; line-height: 1; transition: transform .25s var(--pn-ease); }
.pn-react__btn:hover .pn-react__emoji { transform: scale(1.15) rotate(-6deg); }
.pn-react__label { font-size: 12px; font-weight: 600; color: #4a5268; }
.pn-react__count { font-size: 13px; font-weight: 800; color: var(--pn-blue); min-height: 1em; }
.pn-react__bar { position: absolute; left: 0; bottom: 0; height: 4px; width: 0; background: linear-gradient(90deg, var(--pn-brand), var(--pn-cyan)); transition: width .6s var(--pn-ease); }
.pn-react.has-voted .pn-react__bar { width: var(--pct, 0%); }
.pn-react__btn.is-mine { border-color: var(--pn-blue); background: var(--pn-blue-soft); box-shadow: 0 0 0 3px rgba(20, 36, 196, .12); }
.pn-react__btn.is-mine .pn-react__label { color: var(--pn-blue); }
.pn-react__btn.is-pop .pn-react__emoji { animation: pnPop .5s var(--pn-ease); }
.pn-react.is-busy { pointer-events: none; }
@keyframes pnPop { 0% { transform: scale(1); } 40% { transform: scale(1.45) rotate(8deg); } 100% { transform: scale(1); } }

/* Avatar sa inicijalima */
.pn-avatar {
	--h: 230; flex: none; width: 44px; height: 44px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center;
	font-size: 15px; font-weight: 800; letter-spacing: .02em; color: #fff;
	background: linear-gradient(135deg, hsl(var(--h) 85% 42%), hsl(calc(var(--h) - 30) 90% 48%));
	box-shadow: inset 0 0 0 2px rgba(255, 255, 255, .25);
}
.pn-avatar--lg { width: 72px; height: 72px; font-size: 24px; }

/* Kartica autora */
.pn-authorbox {
	display: flex; gap: 18px; align-items: flex-start; margin-top: 28px; padding: 22px; border-radius: 10px;
	background: #fff; border: 1px solid var(--pn-line); box-shadow: var(--pn-shadow);
}
.pn-authorbox__kick { font-size: 10.5px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; color: var(--pn-cyan-dark); }
.pn-authorbox__name { font-size: 19px; font-weight: 800; margin: 2px 0 6px; }
.pn-authorbox__bio { font-size: 14px; color: #4a5268; margin: 0 0 10px; line-height: 1.55; }
.pn-authorbox__link { display: inline-flex; align-items: center; gap: 6px; font-size: 13px; font-weight: 700; color: var(--pn-blue); }
.pn-authorbox__link .pn-ico { transition: transform .2s; }
.pn-authorbox__link:hover .pn-ico { transform: translateX(3px); }

/* Diskusija */
.pn-discuss { margin-top: 40px; padding-top: 28px; border-top: 3px solid var(--pn-head); }
.pn-discuss__head { display: flex; align-items: flex-end; justify-content: space-between; gap: 16px; margin-bottom: 22px; }
.pn-discuss__kick { display: inline-flex; align-items: center; gap: 8px; font-size: 11px; font-weight: 800; letter-spacing: .16em; text-transform: uppercase; color: var(--pn-cyan-dark); }
.pn-discuss__kick::before { content: ""; width: 20px; height: 2px; background: var(--pn-cyan); }
.pn-discuss__title { font-size: 26px; font-weight: 800; letter-spacing: -.02em; margin-top: 4px; }
.pn-discuss__head .pn-btn { border-radius: 20px; }
.pn-discuss__empty {
	display: flex; align-items: center; gap: 14px; padding: 18px 20px; border-radius: 10px; margin-bottom: 22px;
	background: var(--pn-soft); border: 1px dashed #cfd5e6; color: #4a5268; font-size: 14.5px;
}
.pn-discuss__empty span { font-size: 28px; }
.pn-discuss__empty p { margin: 0; }
.pn-discuss__closed { font-size: 14px; color: var(--pn-muted); }

.pn-cmts, .pn-cmts .children { list-style: none; margin: 0; padding: 0; }
.pn-cmts { margin-bottom: 30px; }
.pn-cmts > .pn-cmt + .pn-cmt { margin-top: 14px; }
.pn-cmts .children { margin: 12px 0 0 28px; padding-left: 18px; border-left: 2px solid var(--pn-blue-line); }
.pn-cmts .children .pn-cmt + .pn-cmt { margin-top: 12px; }
.pn-cmt__card {
	display: flex; gap: 14px; padding: 16px 18px; border-radius: 10px; background: #fff; border: 1px solid var(--pn-line);
	transition: border-color .2s, box-shadow .2s;
}
.pn-cmt__card:hover { border-color: #d8ddeb; box-shadow: var(--pn-shadow); }
.pn-cmt:target > .pn-cmt__card { border-color: var(--pn-cyan); box-shadow: 0 0 0 3px rgba(0, 180, 216, .18); }
.pn-cmt--mod > .pn-cmt__card { background: var(--pn-blue-soft); border-color: var(--pn-blue-line); }
.pn-cmt__main { flex: 1; min-width: 0; }
.pn-cmt__head { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 10px; }
.pn-cmt__name { font-size: 15px; font-weight: 800; color: var(--pn-head); }
.pn-cmt__badge {
	display: inline-flex; align-items: center; height: 20px; padding: 0 8px; border-radius: 10px; font-size: 10px; font-weight: 800;
	letter-spacing: .08em; text-transform: uppercase; background: var(--pn-blue); color: #fff;
}
.pn-cmt__time { font-size: 12px; color: var(--pn-muted); }
.pn-cmt__time:hover { color: var(--pn-blue); }
.pn-cmt__pending { margin: 6px 0 0; font-size: 12.5px; font-weight: 600; color: #a76b00; background: #fff7e6; display: inline-block; padding: 3px 8px; border-radius: 4px; }
.pn-cmt__text { margin-top: 6px; font-size: 15px; line-height: 1.6; color: #2a3247; overflow-wrap: anywhere; }
.pn-cmt__text p { margin: 0 0 .6em; }
.pn-cmt__text p:last-child { margin-bottom: 0; }
.pn-cmt__actions { display: flex; align-items: center; gap: 6px; margin-top: 10px; }
.pn-cmt__like, .pn-cmt__reply a {
	display: inline-flex; align-items: center; gap: 6px; height: 30px; padding: 0 12px; border-radius: 15px; border: 1px solid var(--pn-line);
	background: #fff; color: #4a5268; font-size: 12.5px; font-weight: 700; cursor: pointer; transition: all .2s;
}
.pn-cmt__like .pn-ico, .pn-cmt__reply .pn-ico { font-size: 14px; }
.pn-cmt__like:hover, .pn-cmt__reply a:hover { border-color: var(--pn-blue-line); color: var(--pn-blue); background: var(--pn-blue-soft); }
.pn-cmt__like.is-on { background: var(--pn-blue); border-color: var(--pn-blue); color: #fff; }
.pn-cmt__like.is-on .pn-ico { fill: currentColor; }
.pn-cmt__like:disabled { opacity: .6; }
.comment-navigation .nav-links { display: flex; justify-content: space-between; margin-bottom: 24px; font-weight: 700; font-size: 14px; }

/* Forma za komentar */
.pn-cform { padding: 24px; border-radius: 12px; background: var(--pn-soft); border: 1px solid var(--pn-line); }
.pn-cmts .pn-cform { margin-top: 12px; background: #fff; }
.pn-cform__title { font-size: 19px; font-weight: 800; margin-bottom: 6px; display: flex; flex-wrap: wrap; align-items: baseline; gap: 10px; }
.pn-cform__title small a { font-size: 12.5px; font-weight: 700; color: #c0392b; }
.pn-cform__note { font-size: 13px; color: var(--pn-muted); margin: 0 0 16px; line-height: 1.5; }
.pn-cform .logged-in-as { font-size: 13px; color: var(--pn-muted); margin: 0 0 14px; }
.pn-cform__row { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.pn-cform__field { position: relative; margin-bottom: 14px; }
.pn-cform__field label { display: block; font-size: 12.5px; font-weight: 700; color: var(--pn-head); margin-bottom: 6px; }
.pn-cform__field input, .pn-cform__field textarea {
	width: 100%; padding: 12px 14px; border: 1.5px solid #dde2ee; border-radius: 8px; background: #fff;
	font: 15px/1.5 var(--pn-font); color: var(--pn-head); transition: border-color .2s, box-shadow .2s;
}
.pn-cform__field textarea { min-height: 130px; resize: vertical; padding-bottom: 28px; }
.pn-cform__field input:focus, .pn-cform__field textarea:focus { outline: none; border-color: var(--pn-blue); box-shadow: 0 0 0 4px rgba(20, 36, 196, .1); }
.pn-cform__count { position: absolute; right: 12px; bottom: 10px; font-size: 11px; font-weight: 600; color: #9aa1b8; pointer-events: none; }
.pn-cform__count.is-near { color: #c0392b; }
.pn-cform__cookies { display: flex; align-items: flex-start; gap: 8px; font-size: 13px; color: #4a5268; margin: 0 0 16px; }
.pn-cform__cookies input { margin-top: 3px; accent-color: var(--pn-blue); }
.pn-cform__actions { margin: 0; }
.pn-cform__submit { border-radius: 24px; padding: 13px 26px; font-size: 12.5px; }

/* Toast */
.pn-toast {
	position: fixed; left: 50%; bottom: 28px; z-index: 2147483001; transform: translate(-50%, 20px); opacity: 0; pointer-events: none;
	padding: 12px 18px; border-radius: 24px; background: var(--pn-head); color: #fff; font-size: 14px; font-weight: 600;
	box-shadow: 0 12px 30px rgba(5, 9, 46, .3); transition: opacity .25s, transform .3s var(--pn-ease);
}
.pn-toast.is-on { opacity: 1; transform: translate(-50%, 0); }

@media (max-width: 640px) {
	.pn-single__tools { flex-direction: column; align-items: flex-start; }
	.pn-share__btn { width: 38px; height: 38px; }
	.pn-react { padding: 18px 14px; }
	.pn-react__list { grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 6px; }
	.pn-react__btn { padding: 10px 2px 12px; }
	.pn-react__emoji { font-size: 24px; }
	.pn-react__label { font-size: 10px; text-align: center; line-height: 1.2; }
	.pn-inrel a { grid-template-columns: 84px minmax(0, 1fr); padding: 10px; gap: 12px; }
	.pn-inrel__arr { display: none; }
	.pn-inrel strong { font-size: 14.5px; }
	.pn-authorbox { padding: 18px; gap: 14px; }
	.pn-avatar--lg { width: 56px; height: 56px; font-size: 19px; }
	.pn-discuss__head { flex-direction: column; align-items: flex-start; }
	.pn-discuss__title { font-size: 22px; }
	.pn-cmt__card { padding: 14px; gap: 10px; }
	.pn-avatar { width: 36px; height: 36px; font-size: 13px; }
	.pn-cmts .children { margin-left: 8px; padding-left: 12px; }
	.pn-cform { padding: 18px 16px; }
	.pn-cform__row { grid-template-columns: 1fr; gap: 0; }
}
.pn-discuss .akismet_comment_form_privacy_notice { margin: 12px 0 0; font-size: 12px; color: var(--pn-muted); }
.pn-discuss .akismet_comment_form_privacy_notice a { color: var(--pn-blue); }

/* =========================================================
   25. Rubrika – alati, najčitanije, pretraga, kosturi
   ========================================================= */
/* Pretraga unutar rubrike (u baneru) */
.pn-insearch {
	position: relative; display: flex; align-items: center; max-width: 460px; margin-top: 18px;
	background: rgba(255, 255, 255, .12); border: 1px solid rgba(255, 255, 255, .25); border-radius: 26px;
	transition: background .2s, border-color .2s;
}
.pn-insearch:focus-within { background: #fff; border-color: #fff; }
.pn-insearch > .pn-ico { position: absolute; left: 16px; font-size: 16px; color: rgba(255, 255, 255, .8); pointer-events: none; }
.pn-insearch:focus-within > .pn-ico { color: var(--pn-blue); }
.pn-insearch input {
	flex: 1; min-width: 0; height: 44px; padding: 0 12px 0 42px; border: 0; background: none; color: #fff; font: 500 14px var(--pn-font);
}
.pn-insearch input::placeholder { color: rgba(255, 255, 255, .7); }
.pn-insearch:focus-within input { color: var(--pn-head); }
.pn-insearch:focus-within input::placeholder { color: #9aa1b8; }
.pn-insearch input:focus { outline: none; }
.pn-insearch button {
	height: 36px; margin-right: 4px; padding: 0 16px; border: 0; border-radius: 20px; background: var(--pn-cyan); color: #05123d;
	font-weight: 800; font-size: 12px; letter-spacing: .05em; text-transform: uppercase; cursor: pointer;
}
.pn-insearch button:hover { background: #fff; color: var(--pn-brand); }

/* Najčitanije ove nedelje */
.pn-trend { margin-bottom: 26px; }
.pn-trend__title { display: flex; align-items: center; gap: 8px; font-size: 13px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; color: var(--pn-head); margin-bottom: 12px; }
.pn-trend__flame { font-size: 17px; }
.pn-trend__list { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; counter-reset: none; }
.pn-trend__item a {
	position: relative; display: grid; grid-template-columns: 64px minmax(0, 1fr); gap: 10px; align-items: center; height: 100%;
	padding: 10px; border-radius: 10px; background: #fff; border: 1px solid var(--pn-line); transition: box-shadow .2s, transform .2s var(--pn-ease), border-color .2s;
}
.pn-trend__item a:hover { box-shadow: var(--pn-shadow-hover); transform: translateY(-2px); border-color: var(--pn-blue-line); }
.pn-trend__item .pn-thumb { border-radius: 6px; }
.pn-trend__n {
	position: absolute; left: 4px; top: 4px; z-index: 2; width: 22px; height: 22px; border-radius: 50%;
	display: flex; align-items: center; justify-content: center; font-size: 11.5px; font-weight: 800;
	background: linear-gradient(135deg, var(--pn-brand), var(--pn-cyan)); color: #fff; box-shadow: 0 0 0 2px #fff;
}
.pn-trend__txt strong { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; font-size: 13px; font-weight: 700; line-height: 1.32; color: var(--pn-head); }
.pn-trend__txt small { display: inline-flex; align-items: center; gap: 4px; margin-top: 4px; font-size: 11.5px; font-weight: 600; color: var(--pn-muted); }
.pn-trend__txt small .pn-ico { font-size: 12px; }

/* Traka alata: sortiranje + period + RSS */
.pn-atools {
	display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px;
	margin-bottom: 22px; padding-bottom: 14px; border-bottom: 1px solid var(--pn-line);
}
.pn-atools__sort { display: inline-flex; padding: 4px; border-radius: 24px; background: var(--pn-soft); border: 1px solid var(--pn-line); }
.pn-atools__sort a {
	padding: 8px 16px; border-radius: 20px; font-size: 13px; font-weight: 700; color: #4a5268; white-space: nowrap; transition: background .2s, color .2s, box-shadow .2s;
}
.pn-atools__sort a:hover { color: var(--pn-blue); }
.pn-atools__sort a.is-active { background: #fff; color: var(--pn-blue); box-shadow: 0 1px 2px rgba(5, 9, 46, .08), 0 2px 8px rgba(5, 9, 46, .06); }
.pn-atools__right { display: flex; align-items: center; gap: 8px; }
.pn-atools__period {
	position: relative; display: inline-flex; align-items: center; height: 38px; padding: 0 10px 0 12px; gap: 6px;
	border: 1px solid var(--pn-line); border-radius: 20px; background: #fff; color: var(--pn-blue);
}
.pn-atools__period select { border: 0; background: none; font: 700 13px var(--pn-font); color: var(--pn-head); padding-right: 4px; cursor: pointer; }
.pn-atools__period select:focus { outline: none; }
.pn-atools__period:focus-within { border-color: var(--pn-blue); box-shadow: 0 0 0 3px rgba(20, 36, 196, .1); }
.pn-atools__rss {
	display: inline-flex; align-items: center; gap: 6px; height: 38px; padding: 0 14px; border-radius: 20px;
	background: #fff4e8; color: #d35400; font-size: 12px; font-weight: 800; letter-spacing: .05em; border: 1px solid #ffe0c2;
}
.pn-atools__rss:hover { background: #ee7e1a; color: #fff; border-color: #ee7e1a; }

/* Broj čitanja u meta redu */
.pn-views { display: inline-flex; align-items: center; gap: 5px; }
.pn-views .pn-ico { font-size: 13px; }

/* Kosturi kartica */
.pn-skel { display: flex; flex-direction: column; gap: 10px; padding-bottom: 14px; border: 1px solid var(--pn-line); border-radius: var(--pn-radius); overflow: hidden; background: #fff; }
.pn-skel > span { display: block; background: linear-gradient(90deg, #eef1f7 0%, #f7f8fc 40%, #eef1f7 80%); background-size: 200% 100%; animation: pnShimmer 1.2s linear infinite; border-radius: 4px; }
.pn-skel__img { aspect-ratio: 3 / 2; border-radius: 0 !important; }
.pn-skel__line { height: 13px; margin: 0 12px; }
.pn-skel__line--short { width: 60%; }
.pn-skel__meta { height: 10px; width: 40%; margin: 6px 12px 0; }
@keyframes pnShimmer { to { background-position: -200% 0; } }

/* Prazno stanje */
.pn-empty { text-align: center; padding: 40px 24px; border: 1px dashed #cfd5e6; background: var(--pn-soft); border-radius: 12px; }
.pn-empty__ico { display: block; font-size: 40px; margin-bottom: 8px; }
.pn-empty p { font-size: 15px; color: #4a5268; }
.pn-empty .pn-searchform { margin: 0 auto; }

@media (max-width: 1180px) {
	.pn-trend__list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 640px) {
	.pn-insearch { max-width: none; }
	.pn-trend__list { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; gap: 10px; padding-bottom: 6px; margin: 0 -16px; padding-left: 16px; padding-right: 16px; scrollbar-width: none; }
	.pn-trend__item { flex: 0 0 78%; scroll-snap-align: start; }
	.pn-atools { flex-direction: column; align-items: stretch; }
	.pn-atools__sort { overflow-x: auto; scrollbar-width: none; }
	.pn-atools__sort a { padding: 8px 13px; font-size: 12.5px; }
	.pn-atools__right { justify-content: space-between; }
}

/* A− / A+ menja i tekst koji ima "ukucanu" veličinu iz starog editora */
.pn-content.is-resized :is(p, li, span, div, td, th, blockquote, a, strong, b, em, i, u, font, small) { font-size: inherit !important; line-height: inherit; }