/*
 * Astro Spice — vremenska linija, izvoz kalendara i statičke stranice (K11)
 * · prikaz-vremenska.css
 *
 * Tri dela:
 *   1. komponenta `vremenska` iz prikaz-vremenska.js (pod `section.as-calc`):
 *      trajanje · linija · mesec
 *   2. panel „Dodaj u kalendar" (`.as-kal-izvoz`, iz kalendar-ics.php)
 *   3. statička stranica po grupi i godini (`.as-kal-strana`) i veze među
 *      stranicama (`.as-kal-veze`), iz kalendar-seo.php
 *
 * Učitava se kao zavisnost stila `astrospice-calc` (kalendar-seo.php), pa važi
 * gde god K2 uključi kalkulator, a na statičkoj stranici i sam (u <head>).
 * Tokeni boja su isti kao u as-calc.css; delovi 2 i 3 stoje van
 * `section.as-calc` i zato ih definišu sami — i sopstvenu površinu, da tekst
 * ima kontrast i kad je tema strane svetla.
 *
 * 🔒 Stil se ne grana po kalkulatoru — samo po izgledu (`as-vrem--*`) i po
 *    `data-stil` iz deskriptora. Senka je svetlija od glavne zone; prazan hod je
 *    pojas sa šrafurom, nikad ikona u ćeliji.
 *
 * Kontrast (WCAG 2.2 AA) nad površinom #2A2A38: tekst 12,9 : 1 · prigušeno 5,1 ·
 * zlatna 6,0 · narandžasta-svetla #FF8A5C 6,1. Trake nose informaciju i kroz
 * tekst (spisak datuma, pregled po danima) — boja nije jedini nosilac.
 */

/* ═══ 0. Tokeni za delove van kalkulatora ═════════════════════════════════ */

.as-kal-izvoz,
.as-kal-strana,
.as-kal-veze {
	--as-pozadina: #21212b;
	--as-povrsina: #2a2a38;
	--as-zlatna: #c9a45e;
	--as-zlatna-svetla: #dcc08a;
	--as-narandzasta: #f84f0a;
	--as-tekst: #eae7e0;
	--as-priguseno: #9a9aa5;
	--as-linija: rgba(201, 164, 94, 0.3);
	--as-linija-slaba: rgba(234, 231, 224, 0.1);
	--as-font-naslov: 'Cormorant Garamond', Garamond, Georgia, 'Times New Roman', serif;
	--as-font-tekst: Mulish, 'Segoe UI', system-ui, -apple-system, Roboto, 'Helvetica Neue', Arial, sans-serif;
	--as-radijus: 14px;
	--as-radijus-malo: 8px;
}

/* Tokeni komponente. */
section.as-calc .as-vrem {
	--as-vrem-glavno: #c9a45e;
	--as-vrem-senka: rgba(201, 164, 94, 0.34);
	--as-vrem-senka-ivica: rgba(201, 164, 94, 0.7);
	--as-vrem-staza: rgba(234, 231, 224, 0.07);
	--as-vrem-novo: #ff8a5c;
	--as-vrem-sada: #f84f0a;
	--as-vrem-prazan-hod: repeating-linear-gradient(135deg, rgba(154, 154, 165, 0.55) 0 5px, rgba(154, 154, 165, 0.18) 5px 10px);
}

/* ═══ 1. Komponenta `vremenska` ═══════════════════════════════════════════ */

section.as-calc .as-vrem {
	margin: 0;
	padding: 0;
	list-style: none;
}

section.as-calc .as-vrem__prazno {
	color: var(--as-priguseno);
}

section.as-calc .as-vrem__podnaslov {
	margin: 1.5rem 0 0.75rem;
	font-family: var(--as-font-naslov);
	font-size: 1.3rem;
	font-weight: 600;
	color: var(--as-zlatna);
}

section.as-calc .as-vrem__vreme {
	font-variant-numeric: tabular-nums;
	font-weight: 700;
	color: var(--as-zlatna);
}

/* Isti obrazac kao ugrađeno sklapanje (as-prikaz__vise). */
section.as-calc .as-vrem__vise {
	margin-top: 0.9rem;
}

/* ─── 1.1 trajanje ─── */

section.as-calc .as-vrem--trajanje {
	display: grid;
	gap: 0.75rem;
}

section.as-calc .as-vrem__stavka {
	display: grid;
	gap: 0.5rem;
	padding: 0.9rem 1rem;
	border: 1px solid var(--as-linija-slaba);
	border-radius: var(--as-radijus-malo);
	background: rgba(234, 231, 224, 0.02);
}

section.as-calc .as-vrem__stavka[data-novo='da'] {
	border-color: rgba(255, 138, 92, 0.45);
}

section.as-calc .as-vrem__stavka[data-vrsta='trenutak'] {
	padding: 0.6rem 1rem;
}

section.as-calc .as-vrem__recenica {
	font-size: 1.05rem;
	font-weight: 600;
	line-height: 1.45;
}

section.as-calc .as-vrem__oznake {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.35rem 0.9rem;
	font-size: 0.875rem;
	color: var(--as-priguseno);
}

section.as-calc .as-vrem__znacka {
	padding: 0.1rem 0.55rem;
	border-radius: 999px;
	font-size: 0.78rem;
	font-weight: 700;
	letter-spacing: 0.01em;
}

section.as-calc .as-vrem__znacka[data-vrsta='novo'] {
	background: rgba(255, 138, 92, 0.14);
	color: var(--as-vrem-novo);
}

section.as-calc .as-vrem__znacka[data-vrsta='tacno'] {
	background: rgba(201, 164, 94, 0.16);
	color: var(--as-zlatna-svetla, #dcc08a);
}

section.as-calc .as-vrem__faza[data-faza='aplikativan'] {
	color: var(--as-tekst);
}

section.as-calc .as-vrem__preostalo {
	font-weight: 700;
	color: var(--as-tekst);
}

section.as-calc .as-vrem__trajanje {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr) auto;
	align-items: center;
	gap: 0.75rem;
	font-size: 0.85rem;
	font-variant-numeric: tabular-nums;
	color: var(--as-priguseno);
}

section.as-calc .as-vrem__trajanje > .as-vrem__kraj:only-child {
	grid-column: 1 / -1;
}

section.as-calc .as-vrem__staza {
	position: relative;
	display: block;
	height: 0.55rem;
	border-radius: 999px;
	background: var(--as-vrem-staza);
}

section.as-calc .as-vrem__proteklo {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	border-radius: inherit;
	background: rgba(201, 164, 94, 0.55);
}

section.as-calc .as-vrem__sada {
	position: absolute;
	top: 50%;
	width: 0.85rem;
	height: 0.85rem;
	margin: -0.425rem 0 0 -0.425rem;
	border-radius: 50%;
	background: var(--as-vrem-sada);
	box-shadow: 0 0 0 2px var(--as-povrsina);
}

/* Tačan trenutak aspekta — romb na stazi. */
section.as-calc .as-vrem__tacno {
	position: absolute;
	top: 50%;
	width: 0.55rem;
	height: 0.55rem;
	margin: -0.275rem 0 0 -0.275rem;
	background: var(--as-zlatna);
	transform: rotate(45deg);
	box-shadow: 0 0 0 2px var(--as-povrsina);
}

section.as-calc .as-vrem__jacina {
	display: flex;
	align-items: center;
	gap: 0.6rem;
	font-size: 0.8rem;
	color: var(--as-priguseno);
}

section.as-calc .as-vrem__jacina-staza {
	display: inline-block;
	width: min(10rem, 45%);
	height: 0.4rem;
	overflow: hidden;
	border-radius: 999px;
	background: rgba(234, 231, 224, 0.12);
}

section.as-calc .as-vrem__jacina-punjenje {
	display: block;
	height: 100%;
	border-radius: inherit;
	background: var(--as-zlatna);
}

/* ─── 1.2 linija ─── */

section.as-calc .as-vrem__legenda {
	display: flex;
	flex-wrap: wrap;
	gap: 0.4rem 1.1rem;
	margin: 0 0 0.9rem;
	font-size: 0.85rem;
	color: var(--as-priguseno);
}

section.as-calc .as-vrem__legenda > li {
	display: inline-flex;
	align-items: center;
	gap: 0.45rem;
}

section.as-calc .as-vrem__uzorak {
	display: inline-block;
	flex: none;
	width: 1.4rem;
	height: 0.7rem;
	border-radius: 999px;
	background: var(--as-vrem-glavno);
}

section.as-calc .as-vrem__uzorak[data-stil='senka'] {
	background: var(--as-vrem-senka);
	box-shadow: inset 0 0 0 1px var(--as-vrem-senka-ivica);
}

section.as-calc .as-vrem__uzorak[data-stil='prazan_hod'] {
	background: var(--as-vrem-prazan-hod);
}

section.as-calc .as-vrem__grafikon {
	display: grid;
	gap: 0.45rem;
}

section.as-calc .as-vrem__red {
	display: grid;
	grid-template-columns: minmax(4.5rem, 7rem) minmax(0, 1fr);
	align-items: center;
	gap: 0.75rem;
}

section.as-calc .as-vrem__oznaka {
	font-size: 0.9rem;
	font-weight: 700;
}

section.as-calc .as-vrem__meseci {
	position: relative;
	height: 1.1rem;
	font-size: 0.72rem;
	color: var(--as-priguseno);
}

section.as-calc .as-vrem__mesec {
	position: absolute;
	top: 0;
	padding-left: 0.2rem;
	border-left: 1px solid var(--as-linija-slaba);
	line-height: 1.1rem;
}

section.as-calc .as-vrem--linija .as-vrem__staza {
	height: 1.35rem;
	border-radius: 6px;
}

section.as-calc .as-vrem__traka {
	position: absolute;
	top: 0.2rem;
	bottom: 0.2rem;
	border-radius: 4px;
	background: var(--as-vrem-glavno);
	/* Tanak razmak između susednih zona — tri zone jednog perioda se vide kao tri. */
	box-shadow: 0 0 0 1px var(--as-povrsina);
}

section.as-calc .as-vrem__traka[data-stil='senka'] {
	top: 0.3rem;
	bottom: 0.3rem;
	background: var(--as-vrem-senka);
	box-shadow: 0 0 0 1px var(--as-povrsina), inset 0 0 0 1px var(--as-vrem-senka-ivica);
}

section.as-calc .as-vrem__traka[data-stil='prazan_hod'] {
	background: var(--as-vrem-prazan-hod);
}

section.as-calc .as-vrem__traka[data-odseceno='levo'],
section.as-calc .as-vrem__traka[data-odseceno='oba'] {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}

section.as-calc .as-vrem__traka[data-odseceno='desno'],
section.as-calc .as-vrem__traka[data-odseceno='oba'] {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}

section.as-calc .as-vrem__tacka {
	position: absolute;
	top: 50%;
	width: 0.7rem;
	height: 0.7rem;
	margin: -0.35rem 0 0 -0.35rem;
	border-radius: 50%;
	background: var(--as-narandzasta);
	box-shadow: 0 0 0 2px var(--as-povrsina);
}

section.as-calc .as-vrem__danas {
	position: absolute;
	top: -0.15rem;
	bottom: -0.15rem;
	width: 2px;
	margin-left: -1px;
	background: var(--as-vrem-sada);
}

section.as-calc .as-vrem__detalji {
	display: grid;
	gap: 1rem 1.5rem;
	grid-template-columns: repeat(auto-fill, minmax(min(100%, 19rem), 1fr));
	align-items: start;
}

section.as-calc .as-vrem__detalji > .as-vrem__podnaslov {
	grid-column: 1 / -1;
	margin-bottom: 0;
}

section.as-calc .as-vrem__grupa-naslov {
	margin: 0 0 0.4rem;
	font-size: 1rem;
	font-weight: 700;
}

section.as-calc .as-vrem__periodi {
	display: grid;
	gap: 0.6rem;
}

section.as-calc .as-vrem__period {
	padding: 0.6rem 0.75rem;
	border-left: 2px solid var(--as-linija);
	background: rgba(234, 231, 224, 0.02);
}

section.as-calc .as-vrem__natpis {
	margin-bottom: 0.35rem;
	font-size: 0.85rem;
	color: var(--as-priguseno);
}

section.as-calc .as-vrem__zone {
	display: grid;
	gap: 0.25rem;
	font-size: 0.875rem;
}

section.as-calc .as-vrem__zona {
	display: grid;
	grid-template-columns: 7.5rem minmax(0, 1fr);
	gap: 0.5rem;
}

section.as-calc .as-vrem__zona dt {
	display: inline-flex;
	align-items: center;
	gap: 0.4rem;
	font-weight: 700;
}

section.as-calc .as-vrem__zona dd {
	font-variant-numeric: tabular-nums;
}

section.as-calc .as-vrem__zona .as-vrem__uzorak {
	width: 0.9rem;
}

/* ─── 1.3 mesec ─── */

section.as-calc .as-vrem__mesec-naslov {
	margin: 0 0 0.75rem;
	font-family: var(--as-font-naslov);
	font-size: 1.45rem;
	font-weight: 600;
	color: var(--as-tekst);
}

section.as-calc .as-vrem__mreza {
	display: grid;
	gap: 0;
	border: 1px solid var(--as-linija-slaba);
	border-radius: var(--as-radijus-malo);
	overflow: hidden;
}

section.as-calc .as-vrem__zaglavlje,
section.as-calc .as-vrem__dani {
	display: grid;
	grid-template-columns: repeat(7, minmax(0, 1fr));
}

section.as-calc .as-vrem__dan-naziv {
	padding: 0.35rem 0.5rem;
	font-size: 0.75rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	color: var(--as-priguseno);
	background: rgba(234, 231, 224, 0.04);
}

section.as-calc .as-vrem__nedelja {
	border-top: 1px solid var(--as-linija-slaba);
}

section.as-calc .as-vrem__dan {
	min-height: 5.25rem;
	padding: 0.35rem 0.45rem;
	border-left: 1px solid var(--as-linija-slaba);
}

section.as-calc .as-vrem__dan:first-child {
	border-left: 0;
}

section.as-calc .as-vrem__dan[data-van='da'] {
	background: rgba(0, 0, 0, 0.12);
	color: rgba(154, 154, 165, 0.6);
}

section.as-calc .as-vrem__dan[data-danas='da'] {
	box-shadow: inset 0 0 0 2px var(--as-zlatna);
}

section.as-calc .as-vrem__broj {
	display: block;
	font-size: 0.85rem;
	font-weight: 700;
}

section.as-calc .as-vrem__dogadjaji {
	display: grid;
	gap: 0.2rem;
	margin-top: 0.25rem;
	font-size: 0.74rem;
	line-height: 1.3;
}

section.as-calc .as-vrem__dogadjaj[data-stil='sporedno'] {
	color: var(--as-priguseno);
}

section.as-calc .as-vrem__dogadjaj[data-stil='posebno'] {
	color: var(--as-vrem-novo);
	font-weight: 700;
}

section.as-calc .as-vrem__dogadjaj .as-vrem__vreme {
	font-weight: 700;
}

/* 🔒 Pojas perioda — zaseban sloj ispod dana u nedelji, ne ikona u ćeliji. */
section.as-calc .as-vrem__pojasevi {
	position: relative;
	margin: 0 0 0.3rem;
}

section.as-calc .as-vrem__pojas {
	position: absolute;
	height: 1.35rem;
	margin-top: 0.1rem;
	overflow: hidden;
	border-radius: 5px;
	background: var(--as-vrem-prazan-hod);
	box-shadow: inset 0 0 0 1px rgba(154, 154, 165, 0.65);
	white-space: nowrap;
}

section.as-calc .as-vrem__pojas[data-nastavak='levo'],
section.as-calc .as-vrem__pojas[data-nastavak='oba'] {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}

section.as-calc .as-vrem__pojas[data-nastavak='desno'],
section.as-calc .as-vrem__pojas[data-nastavak='oba'] {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}

section.as-calc .as-vrem__pojas[data-stil='glavno'] {
	background: var(--as-vrem-glavno);
	color: var(--as-pozadina);
}

section.as-calc .as-vrem__pojas[data-stil='senka'] {
	background: var(--as-vrem-senka);
}

section.as-calc .as-vrem__pojas-tekst {
	display: block;
	padding: 0 0.45rem;
	overflow: hidden;
	font-size: 0.72rem;
	font-weight: 700;
	line-height: 1.35rem;
	text-overflow: ellipsis;
	text-shadow: 0 0 3px var(--as-povrsina);
}

section.as-calc .as-vrem__pregled-dani {
	display: grid;
	gap: 0.6rem;
}

section.as-calc .as-vrem__pregled-dan[data-danas='da'] .as-vrem__pregled-datum {
	color: var(--as-zlatna);
}

section.as-calc .as-vrem__pregled-datum {
	font-weight: 700;
}

section.as-calc .as-vrem__pregled-stavke {
	display: grid;
	gap: 0.3rem;
	margin-top: 0.2rem;
	font-size: 0.9rem;
}

section.as-calc .as-vrem__pregled-stavka[data-vrsta='period'] {
	padding: 0.25rem 0.55rem;
	border-radius: 5px;
	background: var(--as-vrem-prazan-hod);
	box-shadow: inset 0 0 0 1px rgba(154, 154, 165, 0.65);
}

section.as-calc .as-vrem__pregled-stavka[data-stil='sporedno'] {
	color: var(--as-priguseno);
}

/* Široko: mreža je slika, pregled ostaje samo čitaču ekrana. Usko: obrnuto. */
@container as-calc (min-width: 40rem) {
	section.as-calc .as-vrem--mesec .as-vrem__pregled {
		position: absolute !important;
		width: 1px;
		height: 1px;
		margin: -1px;
		padding: 0;
		overflow: hidden;
		clip: rect(0 0 0 0);
		clip-path: inset(50%);
		border: 0;
		white-space: nowrap;
	}
}

@container as-calc (max-width: 39.99rem) {
	section.as-calc .as-vrem--mesec .as-vrem__mreza {
		display: none;
	}

	section.as-calc .as-vrem__zona {
		grid-template-columns: 1fr;
		gap: 0;
	}
}

/* ═══ 2. Panel „Dodaj u kalendar" ═════════════════════════════════════════ */

.as-kal-izvoz {
	box-sizing: border-box;
	margin: 1.5rem 0 2rem;
	padding: clamp(1rem, 0.6rem + 2vw, 1.75rem);
	border: 1px solid var(--as-linija);
	border-radius: var(--as-radijus);
	background: var(--as-povrsina);
	color: var(--as-tekst);
	font-family: var(--as-font-tekst);
	line-height: 1.6;
}

.as-kal-izvoz *,
.as-kal-izvoz *::before,
.as-kal-izvoz *::after {
	box-sizing: border-box;
}

.as-kal-izvoz :is(h2, h3, p, ul) {
	margin: 0;
	padding: 0;
	color: inherit;
}

.as-kal-izvoz__naslov {
	font-family: var(--as-font-naslov);
	font-size: 1.55rem;
	font-weight: 600;
	color: var(--as-zlatna) !important;
}

.as-kal-izvoz__opis {
	margin: 0.25rem 0 1rem !important;
	color: var(--as-priguseno) !important;
}

.as-kal-izvoz__skup + .as-kal-izvoz__skup {
	margin-top: 0.5rem;
	border-top: 1px solid var(--as-linija-slaba);
	padding-top: 0.5rem;
}

.as-kal-izvoz__skup > summary {
	cursor: pointer;
	font-weight: 700;
}

.as-kal-izvoz__veze {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
	margin: 0.75rem 0 0.25rem !important;
	list-style: none;
}

.as-kal-izvoz__veza {
	display: inline-flex;
	align-items: center;
	min-height: 2.75rem;
	padding: 0.45rem 1rem;
	border: 1px solid var(--as-zlatna);
	border-radius: 999px;
	color: var(--as-tekst) !important;
	font-weight: 700;
	text-decoration: none !important;
}

.as-kal-izvoz__veza:hover,
.as-kal-izvoz__veza:focus-visible {
	background: rgba(201, 164, 94, 0.14);
}

.as-kal-izvoz__veza:focus-visible,
.as-kal-izvoz__skup > summary:focus-visible {
	outline: 2px solid var(--as-zlatna);
	outline-offset: 3px;
}

.as-kal-izvoz__veza[data-veza='preuzmi'] {
	border-style: dashed;
	color: var(--as-priguseno) !important;
}

/* ═══ 3. Statička stranica po grupi i godini i veze među stranicama ══════ */

.as-kal-strana,
.as-kal-veze {
	box-sizing: border-box;
	margin: 1.5rem 0 2rem;
	padding: clamp(1rem, 0.6rem + 2vw, 1.75rem);
	border: 1px solid var(--as-linija);
	border-radius: var(--as-radijus);
	background: var(--as-povrsina);
	color: var(--as-tekst);
	font-family: var(--as-font-tekst);
	line-height: 1.6;
}

.as-kal-strana :is(h2, p, table),
.as-kal-veze :is(h2, p, ul) {
	margin: 0;
	padding: 0;
	color: inherit;
}

.as-kal-strana__uvod {
	max-width: 68ch;
	font-size: 1.1rem;
}

.as-kal-strana__naslov,
.as-kal-veze__naslov {
	margin-bottom: 0.6rem !important;
	font-family: var(--as-font-naslov);
	font-size: 1.55rem;
	font-weight: 600;
	line-height: 1.25;
	color: var(--as-zlatna) !important;
}

/* Ćelije se lome na razmacima („26. 11. 2024. u 03:42"); ako ipak ne stanu,
   skroluje se tabela, nikad stranica. */
.as-kal-strana__period {
	margin-top: 2rem;
	overflow-x: auto;
}

/* ⚠ Tabela i ćelije su jače od pravila teme: Divi `.entry-content table:not(.variations)`
 *    (0,2,1) daje ivicu #eee i marginu, `.entry-content tr th` (0,1,2) sivu boju #555 i
 *    `padding: 9px 24px` — sivo na tamnom (živi test Z6, 2026-10-16). */
div.as-kal-strana table.as-kal-strana__tabela {
	width: 100%;
	margin: 0;
	border: 0;
	border-collapse: collapse;
	font-variant-numeric: tabular-nums;
}

.as-kal-strana .as-kal-strana__tabela :is(th, td) {
	padding: 0.55rem 0.75rem;
	border: 0;
	border-bottom: 1px solid var(--as-linija-slaba);
	color: inherit;
	text-align: left;
	vertical-align: top;
}

.as-kal-strana .as-kal-strana__tabela thead th {
	color: var(--as-priguseno);
	font-size: 0.85rem;
	font-weight: 700;
	letter-spacing: 0.04em;
	text-transform: uppercase;
}

.as-kal-strana .as-kal-strana__tabela tr[data-glavni='da'] th {
	color: var(--as-zlatna);
}

.as-kal-strana__opis {
	margin-top: 0.6rem !important;
	color: var(--as-priguseno) !important;
}

.as-kal-strana__tumacenje {
	margin-top: 2rem !important;
	font-weight: 700;
}

.as-kal-strana a,
.as-kal-veze a {
	color: var(--as-zlatna-svetla);
	text-decoration: underline;
	text-underline-offset: 0.2em;
}

.as-kal-strana a:focus-visible,
.as-kal-veze a:focus-visible {
	outline: 2px solid var(--as-zlatna);
	outline-offset: 3px;
}

.as-kal-veze__grupa + .as-kal-veze__grupa {
	margin-top: 1.25rem;
}

.as-kal-veze__lista {
	display: flex;
	flex-wrap: wrap;
	gap: 0.4rem 1.25rem;
	list-style: none;
}

.as-kal-veze__hub {
	margin-top: 1.25rem !important;
	padding-top: 1rem !important;
	border-top: 1px solid var(--as-linija-slaba);
}

/* ═══ 4. Pristupačnost i štampa ═══════════════════════════════════════════ */

@media (forced-colors: active) {
	section.as-calc :is(.as-vrem__traka, .as-vrem__proteklo, .as-vrem__sada, .as-vrem__tacno, .as-vrem__tacka, .as-vrem__danas, .as-vrem__uzorak, .as-vrem__jacina-punjenje, .as-vrem__pojas) {
		forced-color-adjust: none;
		background: CanvasText;
	}

	section.as-calc :is(.as-vrem__traka[data-stil='senka'], .as-vrem__uzorak[data-stil='senka']) {
		background: GrayText;
	}

	.as-kal-izvoz__veza {
		border: 1px solid ButtonText;
	}
}

@media print {
	section.as-calc .as-vrem__stavka[hidden] {
		display: grid !important;
	}

	section.as-calc .as-vrem__vise {
		display: none !important;
	}

	section.as-calc .as-vrem__stavka,
	section.as-calc .as-vrem__period,
	section.as-calc .as-vrem__nedelja {
		break-inside: avoid;
	}

	.as-kal-izvoz {
		display: none;
	}
}