/* parts/aside-footer.css — sidebar widgeti i footer. Puni Opus agent. */

/* ============================================================
   POŽELI ŽELJU — sidebar + footer restyle
   Pravac: „osveži postojeći brend" (narandžasto-zlatna,
   moderno / čisto / uredno). SAMO KOZMETIKA.
   Ne dira se #secondary float/širina ni layout struktura.
   Sve boje iz --pz-* promenljivih (def. u child style.css).
   ============================================================ */


/* ============================================================
   1) SIDEBAR — opšti okvir widget-zone
   #secondary.widget-area je kolona (širinu NE diramo).
   Svaki widget dobija uredan, lagan „card" izgled kako
   trenutna prenatrpanost ne bi opterećivala oko.
   ============================================================ */

/* Malo vazduha na vrhu kolone (samo razmak, ne layout). */
#secondary.widget-area {
	margin-top: 28px;
	color: var(--pz-body);
	font-family: var(--pz-font);
}

/* Widget = uredan blok na suptilnoj toploj površini. */
#secondary.widget-area .widget {
	position: relative;
	margin-bottom: 22px;
	padding: 18px 18px 16px;
	background: var(--pz-surface-2);
	border: 1px solid var(--pz-line);
	border-radius: var(--pz-radius-sm);
	box-shadow: var(--pz-shadow);
	word-wrap: break-word;
}

/* Poslednji widget bez suvišnog donjeg razmaka. */
#secondary.widget-area .widget:last-child {
	margin-bottom: 0;
}

/* Paragraf i tekst u widgetu — čitljiv, umeren razmak
   (roditelj ostavlja preveliki 1.7rem donji margin). */
#secondary.widget-area .widget p {
	margin-bottom: 12px;
	line-height: 1.7;
	color: var(--pz-body);
}
#secondary.widget-area .widget p:last-child {
	margin-bottom: 0;
}


/* ============================================================
   2) NASLOVI WIDGETA
   Struktura: <h3 class="widget-title"><span class="widget-title-tab">…
   Roditelj: h3 ima donju liniju #f2f2f2, tab ima sivu pozadinu
   i dashicon ikonicu pre teksta. Ovde: čist tab-naslov sa
   akcentnom podvlakom, ink tekst, sitni uppercase + spacing.
   ============================================================ */

/* Donja razdelnica naslova — u brend liniji (ne siva). */
#secondary.widget-area h3.widget-title,
#secondary.widget-area .widget-title {
	margin: -2px 0 14px;
	padding: 0 0 8px !important;
	border-bottom: 2px solid var(--pz-line) !important;
	font-size: 13px;
	line-height: 1.4;
	color: var(--pz-ink);
}

/* Tab (span) — moderan „aktivni tab" sa akcentnom podvlakom.
   Bez sive pločice; uppercase, sitno, sa letter-spacing-om. */
#secondary.widget-area .widget-title-tab {
	display: inline-block;
	margin-bottom: -10px;              /* seda na h3 razdelnicu */
	padding: 0 2px 8px;
	background-color: transparent;      /* poništava sivu #f2f2f2 */
	border-bottom: 2px solid var(--pz-accent);
	color: var(--pz-ink);
	font-weight: 700;
	font-size: 12px;
	letter-spacing: .08em;
	text-transform: uppercase;
}

/* Dashicon ispred naslova — u zlatnoj (sekundarni akcenat). */
#secondary.widget-area .widget-title-tab:before {
	color: var(--pz-gold);
}


/* ============================================================
   3) LINKOVI I LISTE U SIDEBARU
   Roditelj forsira hover #0098D3 sa !important → moramo !important.
   Liste dobijaju mekše razdelnice i uredan ritam.
   ============================================================ */

#secondary.widget-area .widget a {
	color: var(--pz-body);
	transition: color .18s ease;
}
#secondary.widget-area .widget a:visited {
	color: var(--pz-body);
}
#secondary.widget-area .widget a:hover,
#secondary.widget-area .widget a:focus {
	color: var(--pz-accent) !important;   /* nadjačava roditeljski plavi hover */
}

/* Lista linkova — mek razmak, tanke tople razdelnice
   (roditelj koristi tvrdu #f2f2f2 liniju + 5px padding). */
#secondary.widget-area li {
	border-bottom: 1px solid var(--pz-line-soft);
	padding: 7px 0;
	line-height: 1.6;
}
#secondary.widget-area li:last-child {
	border-bottom: 0;
}

/* Ugnježdene liste bez dvostrukih linija. */
#secondary.widget-area ul ul {
	margin-top: 6px;
}
#secondary.widget-area ul ul li:last-child {
	border-bottom: 0;
}

/* Tekst-widget bulleti — diskretni, u prigušenoj boji. */
#secondary.widget-area .textwidget ul {
	margin: 0 0 12px;
}
#secondary.widget-area .textwidget li {
	margin-left: 20px;
}
#secondary.widget-area .textwidget li::marker {
	color: var(--pz-gold);
}


/* ============================================================
   4) SLIKE U WIDGETIMA (QR kodovi, logo, partneri)
   Zaobljene, uredno centrirane, sa suptilnim okvirom.
   ============================================================ */

#secondary.widget-area .widget img {
	height: auto;
	border-radius: var(--pz-radius-sm);
}

/* Media-image widget — slika kao uredna, centrirana pločica. */
#secondary.widget-area .widget_media_image img {
	display: block;
	margin-left: auto;
	margin-right: auto;
	max-width: 100%;
	border: 1px solid var(--pz-line);
	background: var(--pz-surface);
	padding: 6px;
}

/* Poravnate slike (QR/logo/partneri) — centrirano i prozračno. */
#secondary.widget-area .widget .aligncenter,
#secondary.widget-area .widget img.aligncenter {
	display: block;
	margin: 8px auto;
	float: none;
}


/* ============================================================
   5) VIDEO WIDGET
   Uredan okvir, zaobljeni uglovi, bez preloma layouta.
   ============================================================ */

#secondary.widget-area .widget_media_video .wp-video,
#secondary.widget-area .widget_media_video .wp-video-shortcode {
	width: 100% !important;   /* roditelj/plugin postavlja fiksni px width */
	max-width: 100%;
	height: auto;
}
#secondary.widget-area .widget_media_video video {
	display: block;
	width: 100%;
	height: auto;
	border-radius: var(--pz-radius-sm);
	border: 1px solid var(--pz-line);
	background: var(--pz-header-dark);
}


/* ============================================================
   6) DODATNE ZONE: .sub-title-widget-area / .post-end-widget-area
   Naslov im je p.widget-title. Lagan, uredan blok.
   ============================================================ */

.sub-title-widget-area,
.post-end-widget-area {
	line-height: 1.7;
	color: var(--pz-body);
}
.sub-title-widget-area p.widget-title,
.post-end-widget-area p.widget-title {
	display: inline-block;
	margin-bottom: 10px;
	padding-bottom: 4px;
	border-bottom: 2px solid var(--pz-gold);
	color: var(--pz-ink);
	font-weight: 700;
	font-size: 12px;
	letter-spacing: .08em;
	text-transform: uppercase;
}

/* Napomena: footer (#colophon) i „na vrh" dugme (.ir-arriba) sada
   žive u parts/footer.css — jedini izvor istine za novi footer. */


/* ============================================================
   7) NAJNOVIJI SNIMAK — YouTube embed (pz-widget-video)
   Responsive 16:9 okvir, zaobljen, bez preloma layouta.
   ============================================================ */

#secondary.widget-area .pz-widget-video .pz-video-embed {
	position: relative;
	width: 100%;
	padding-bottom: 56.25%;              /* 16:9 */
	height: 0;
	margin: 2px 0 0;
	border-radius: var(--pz-radius-sm);
	overflow: hidden;
	background: var(--pz-header-dark);
	border: 1px solid var(--pz-line);
}

#secondary.widget-area .pz-widget-video .pz-video-embed iframe {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	border: 0;
}

/* Fallback link (kad feed nije dostupan) — čitljiv, u brend ritmu. */
#secondary.widget-area .pz-widget-video p {
	margin: 4px 0 0;
}


/* ============================================================
   8) PRIJAVA — login forma na dnu sidebara (pz-widget-login)
   Moderna polja, brend submit dugme, uredni „Zapamti me" + linkovi.
   Sve iz --pz-* tokena. Globalni submit stil (.btn) već daje
   narandžasti pill; ovde ga samo širimo na punu širinu.
   ============================================================ */

#secondary.widget-area .pz-widget-login #loginform {
	margin: 2px 0 0;
}

#secondary.widget-area .pz-widget-login #loginform p {
	margin-bottom: 12px;
	line-height: 1.5;
}
#secondary.widget-area .pz-widget-login #loginform p:last-child {
	margin-bottom: 0;
}

/* Labele — sitno, prigušeno, iznad polja. */
#secondary.widget-area .pz-widget-login #loginform label {
	display: block;
	margin-bottom: 5px;
	color: var(--pz-muted);
	font-size: 12px;
	font-weight: 600;
	letter-spacing: .02em;
}

/* Tekstualna polja — puna širina, moderan unos. */
#secondary.widget-area .pz-widget-login #loginform input[type="text"],
#secondary.widget-area .pz-widget-login #loginform input[type="password"] {
	display: block;
	width: 100%;
	margin: 0;
	padding: 10px 12px;
	background: var(--pz-surface);
	border: 1px solid var(--pz-line);
	border-radius: var(--pz-radius-sm);
	color: var(--pz-ink);
	font-family: var(--pz-font);
	font-size: 14px;
	line-height: 1.4;
	box-sizing: border-box;
}
#secondary.widget-area .pz-widget-login #loginform input[type="text"]:focus,
#secondary.widget-area .pz-widget-login #loginform input[type="password"]:focus {
	outline: 0;
	border-color: var(--pz-accent);
	box-shadow: 0 0 0 3px var(--pz-gold-soft);
}

/* „Zapamti me" — u red, sitno, checkbox uz tekst. */
#secondary.widget-area .pz-widget-login #loginform .login-remember label {
	display: flex;
	align-items: center;
	gap: 8px;
	margin-bottom: 0;
	color: var(--pz-body);
	font-size: 13px;
	font-weight: 500;
	letter-spacing: 0;
	text-transform: none;
}
#secondary.widget-area .pz-widget-login #loginform .login-remember input[type="checkbox"] {
	width: auto;
	margin: 0;
	flex: 0 0 auto;
}

/* Submit — brend pill, puna širina. */
#secondary.widget-area .pz-widget-login #loginform .login-submit input[type="submit"] {
	display: block;
	width: 100%;
}

/* „Izgubljena lozinka" i sličan link ispod forme. */
#secondary.widget-area .pz-widget-login .login-lost-password,
#secondary.widget-area .pz-widget-login p:not([class]) a {
	font-size: 12px;
}
#secondary.widget-area .pz-widget-login .login-lost-password {
	margin-top: 4px;
	text-align: right;
}