/*
	Medijsko središče
	Sporočila za medije: leta kot harmonika (details), v letu so sporočila z datumom, naslovom in povezavami do gradiva.
	Harmonika je enaka kot pri pogostih vprašanjih (cFaq.css).
	Postavitev kot pri pogostih vprašanjih: levo kontakt (kratki uvod strani), desno sporočila in bloki.
*/

/* POSTAVITEV (.ws__content.press, ker razred press dobi tudi <html> - ime kontrolerja) */

.ws__content.press {
	display: grid;
	gap: var(--spacing5);
}

.ws__content.press--noSide {
	column-gap: normal;
}

/* bloki (akreditacija, gradivo ...) so v desnem stolpcu, zato brez lastne mreže strani */
.press__main > .ws {
	display: block;
}

.press__main > .ws:last-child {
	padding-bottom: 0;
}

.press__label {
	margin-bottom: var(--spacing3);

	font-size: calc(var(--size__body--smallest) * 1.15);
	font-weight: var(--weight__medium);
	font-style: italic;
}

.press__contact {
	font-size: var(--size__body--small);
}

.press__contact p {
	margin: 0;
}

/* telefoni: kontakt je na koncu strani */
@media (max-width: 47.99em) {
	.press__side {
		order: 1;
		padding-top: var(--spacing5);
		border-top: 1px solid var(--color__silver--light);
	}
}

@media (min-width: 48em) {
	.ws__content.press {
		grid-template-columns: subgrid;
		align-items: start;
	}

	.press__side {
		grid-column: 1 / span 4;
		position: sticky;
		top: calc(var(--spacing6) + var(--headerOverlap));
		transition: top var(--headerTransition);
	}

	.press__main {
		grid-column: 5 / -1;
	}

	.press--noSide .press__main {
		grid-column: 2 / -2;
	}
}

@media (min-width: 65em) {
	.press__main {
		grid-column: 5 / span 7;
	}

	.press--noSide .press__main {
		grid-column: 3 / -3;
	}
}



.press__heading {
	margin-bottom: var(--spacing5);
}

.press__empty {
	font-style: italic;
	color: var(--color__gray);
}



/* LETA (harmonika) */

.press__year {
	border-bottom: 1px solid var(--color__silver--light);
	transition: border-color .3s;
}

	.press__year[open] {
		border-bottom-color: var(--color__silver);
	}

	.press__year:hover {
		border-bottom-color: var(--color__green);
	}

.press__year summary {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--spacing4);
	padding: var(--spacing2) 0;

	font-size: var(--size__h4);
	color: var(--color__green);
	list-style: none;
	cursor: pointer;
}

.press__year summary::-webkit-details-marker {
	display: none;
}

.press__year summary::after {
	flex: 0 0 auto;
	width: 0.4em;
	height: 0.4em;
	margin-right: 0.3em;

	border-right: 2px solid currentColor;
	border-bottom: 2px solid currentColor;
	opacity: 0.4;
	transform: translateY(-0.12em) rotate(45deg);
	transition: transform .3s, opacity .3s;
	content: "";
}

	.press__year summary:hover::after,
	.press__year summary:focus-visible::after,
	.press__year[open] summary::after {
		opacity: 1;
	}

.press__year[open] summary::after {
	transform: translateY(0.12em) rotate(-135deg);
}

.press__year summary:focus-visible {
	outline: 3px solid var(--color__select);
	outline-offset: 2px;
}



/* SPOROČILA */

.press__items {
	padding-bottom: var(--spacing4);
}

.press__item {
	display: grid;
	gap: var(--spacing1) var(--spacing5);
	padding: var(--spacing3) 0;
}

	.press__item + .press__item {
		border-top: 1px solid var(--color__silver--light);
	}

.press__date {
	font-size: var(--size__body--small);
	color: var(--color__black);
	font-variant-numeric: tabular-nums;
}

.press__title {
	font-size: var(--size__body);
	font-weight: var(--weight__medium);
	line-height: var(--lh__body--small);
	letter-spacing: normal;
}

.press__more {
	margin-top: var(--spacing2);

	font-size: var(--size__body--small);
}

.press__more p {
	margin: 0;
}

.press__more a:not(.b) {
	font-weight: var(--weight__medium);
}



/* POVEZAVE (kontakt, gradivo, bloki): zelene, črta se pokaže ob prehodu z miško.
   [href] zviša specifičnost nad .content a (cDefault.css se naloži za tem slogom). */
.ws__content.press a[href]:not(.b) {
	color: var(--color__green);
	text-decoration-line: underline;
	text-decoration-color: transparent;
	text-decoration-thickness: 1px;
	text-underline-offset: 3px;
	transition: text-decoration-color .3s;
}

	.ws__content.press a[href]:not(.b):hover,
	.ws__content.press a[href]:not(.b):focus-visible {
		text-decoration-color: currentColor;
	}



@media (min-width: 36em) {
	.press__item {
		grid-template-columns: 6.5rem minmax(0, 1fr);
	}

	.press__date {
		padding-top: 0.1rem;
	}
}



/* GUMB V BESEDILU BLOKA (npr. "Obrazec za pridobitev novinarske akreditacije"): na mobilnikih in tablicah (ozek desni stolpec) se dolg napis prelomi, da ne štrli čez rob */
@media (max-width: 64.99em) {
	.ws__content.press .content .b {
		max-width: 100%;
		height: auto;
		min-height: var(--b__height);
		padding-block: 0.4em;
		white-space: normal;
	}
}