@charset "UTF-8";
/* ============================================================================
   Prozor sa videom iz studija + pulsiranje ikonice „Gledaj radio" u meniju.

   Učitava se na SVAKOJ strani dok traje rok (`RS_VIDEO_DUGME_OD/DO`), jer
   stavka „Gledaj radio" u meniju pušta video sa bilo koje strane — zahtev
   korisnika 24.10.2026: „U ovom meniju, namesti Gledaj radio i neka ikonica
   pulsira". Stil same trake je u `dugme.css` (samo strana plejera).
   ========================================================================= */

/* ── meni: ikonica „Gledaj radio" pulsira ────────────────────────────────
   ⚠ Pali je klasa `rsv-meni-uzivo` na `<html>`, koju stavlja `dugme.js` SAMO
     dok traje rok. Zato strana keširana danas ne pulsira u utorak.
   ⚠ Ikonica je maska na `::before` iz `rs-traka` (računar: na vezi; telefon:
     na `<span>` u vezi). Ovde se dodaje samo pokret — oblik i boja su njeni.
   ⚠ Pulsira `transform` + `opacity`, mirno (1,6 s), ne bljeska: daleko
     ispod granice od tri bleska u sekundi (WCAG 2.3.1). */
html.rsv-meni-uzivo .block-qlinks .qlink a[href*="/video/"]::before,
html.rsv-meni-uzivo .mobile-qview-inner > li > a[href*="/video/"] > span::before {
	animation: rsv-meni-puls 1.6s ease-in-out infinite;
}
@keyframes rsv-meni-puls {
	0%, 100% { transform: scale(1);    opacity: 1; }
	50%      { transform: scale(1.28); opacity: .55; }
}
@media (prefers-reduced-motion: reduce) {
	html.rsv-meni-uzivo .block-qlinks .qlink a[href*="/video/"]::before,
	html.rsv-meni-uzivo .mobile-qview-inner > li > a[href*="/video/"] > span::before { animation: none; }
}

/* ── prozor ──────────────────────────────────────────────────────────────
   ⚠ Pozadina iza prozora je PUNA, ne providna (Vizuelni jezik, 3): kad se
     gleda video, strana iza nema šta da kaže. */
.rsv-prozor {
	width: min(1280px, calc(100vw - 32px), calc((100dvh - 150px) * 16 / 9));
	max-width: none; max-height: none;
	padding: 0; border: 0;
	background: #0a0a0a; color: #fff;
	overflow: visible;
}
.rsv-prozor::backdrop { background: #000; }

html.rsv-otvoreno { overflow: hidden; }

.rsv-prozor .rsv-prozor-vrh {
	display: flex; align-items: center; justify-content: space-between; gap: 12px;
	margin-bottom: 10px;
}
.rsv-prozor .rsv-prozor-zig {
	background: #d8161a; color: #fff;
	padding: 6px 14px 6px 12px;
	transform: skewX(-10deg);
	margin-left: 4px;
	font-family: var(--cat-family, Oswald, system-ui, sans-serif);
	font-size: var(--cat-fsize, 14px);
	font-weight: 700;
	letter-spacing: .2em;
	text-transform: uppercase;
}
.rsv-prozor .rsv-prozor-zig > span { display: inline-block; transform: skewX(10deg); }

.rsv-prozor .rsv-prozor-zatvori {
	min-height: 44px; padding: 0 16px;
	background: #0a0a0a; color: #fff;
	border: 1px solid #5a5a5a;
	font-family: var(--btn-family, Oswald, system-ui, sans-serif);
	font-size: var(--btn-fsize, 15px);
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: .06em;
	cursor: pointer;
}
.rsv-prozor .rsv-prozor-zatvori:hover { border-color: #fff; }
.rsv-prozor .rsv-prozor-zatvori:focus-visible { outline: 2px solid #fff; outline-offset: 2px; }

/* ⚠ Odnos 16:9 na SAMOM `iframe`-u, i `margin: 0` — tema svakom `iframe`-u
     dodaje `margin-bottom: 30px` (ista zamka kao na `/video/`). */
.rsv-prozor .rsv-prozor-okvir { background: #000; border: 1px solid #2a2a2a; }
.rsv-prozor .rsv-prozor-okvir iframe {
	display: block;
	width: 100%; height: auto;
	aspect-ratio: 16 / 9;
	margin: 0; border: 0;
}

.rsv-prozor .rsv-prozor-uputa {
	margin: 10px 0 0;
	font-size: 14px;   /* sitno uputstvo — Vizuelni jezik, 4 */
	line-height: 1.4;
	color: #c9c9c9;    /* 11,6:1 na #0a0a0a */
}

/*
Version: 1.0
District 036 - https://036.rs
*/