/*
	Novice
	Seznam: zelene kartice (naslov, datum, gumb), število stolpcev se prilagaja širini zaslona.
	Posamezna novica: gumb nazaj + naslov, vsebina na sredini (kot posamezna trasa).
*/



/* FILTER (leto, sponzorirane objave) */

.newsFilter {
	margin-top: var(--spacing3);
	margin-bottom: var(--spacing8);
}

.newsFilter .ws__content {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: space-between;
	gap: var(--spacing5) var(--spacing6);
}

.newsFilter__filter {
	display: flex;
	align-items: flex-start;
	gap: var(--gridGap);
	flex-wrap: wrap;
}

/* Izbira leta: gumbi z leti (samo leta, v katerih obstajajo novice). */
.newsYears__list {
	display: flex;
	flex-wrap: wrap;
	gap: var(--spacing2);
	padding: 0;
	list-style: none;
}

.newsYears .b {
	--b__height: 2em;

	min-width: 0;
	padding-inline: var(--spacing4);
	font-size: var(--size__body--small);
}



/* SEZNAM NOVIC */

/* --newsList__min uporablja tudi drsnik ostalih novic (širina kartic kot v mreži) */
.newsList,
.newsSlider {
	--newsList__min: 11rem;
}

.newsList {
	position: relative;
	z-index: 5;
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(min(100%, var(--newsList__min)), 1fr));
	gap: var(--spacing2);
}

.newsList__empty {
	grid-column: 1 / -1;
	font-style: italic;
	color: var(--color__gray);
}

/* Kartica uporablja obstoječi widget newsEntry, slika (cover) se v seznamu ne prikazuje. */
.wNewsEntry--card {
	position: relative;
	gap: 0;
	padding: var(--spacing5);

	background-color: var(--color__green);
	border-radius: var(--borderRadius1);
	box-shadow: none;
	color: var(--color__white);
}

.wNewsEntry--card:has(:is(h2, h3) a:focus-visible) {
	outline: 3px solid var(--color__select);
	outline-offset: 2px;
}

.wNewsEntry--card .wNewsEntry__cover {
	display: none;
}

.wNewsEntry--card :is(h2, h3) {
	flex: 1 0 auto;
	margin-bottom: var(--spacing4);
	padding: 0;

	font-size: var(--size__body--small);
	font-weight: var(--weight__bold);
	font-style: normal;
	line-height: var(--lh__body--small);
	letter-spacing: normal;
}

/* Cela kartica je povezava (razširjena povezava naslova). */
.wNewsEntry--card :is(h2, h3) a {
	color: inherit;
	text-decoration: none;
}

.wNewsEntry--card :is(h2, h3) a::after {
	position: absolute;
	inset: 0;
	content: "";
}

.wNewsEntry--card :is(h2, h3) a:focus-visible {
	outline: none;
}

.wNewsEntry--card .wNewsEntry__details {
	flex-direction: column;
	flex-wrap: nowrap;
	align-items: stretch;
	gap: var(--spacing4);
	padding: 0;
}

.wNewsEntry--card .wNewsEntry__details time {
	font-size: var(--size__body--smallest);
	font-weight: var(--weight__normal);
	color: var(--color__silver--light);
}

.wNewsEntry--card .wNewsEntry__sponsored {
	font-size: var(--size__body--smallest);
	color: var(--color__silver);
}

/* Gumb je bel z zelenim besedilom, ob prehodu miške nad kartico se obrne. */
.wNewsEntry--card .b {
	--b__bg: var(--color__white);
	--b__border: var(--color__white);
	--b__text: var(--color__green);
	--b__height: 3em;

	width: 100%;
	font-size: var(--size__body--smallest);
	margin-left: 0;
	padding-inline: var(--spacing4);
}

.wNewsEntry--card:hover .b,
.wNewsEntry--card:focus-within .b {
	--b__bg: var(--color__green);
	--b__border: var(--color__white);
	--b__text: var(--color__white);
}

.wNewsEntry--card .b .icon {
	display: none;
}



/* POSAMEZNA NOVICA */

.news__intro {
	font-size: var(--size__body--big);
}

/* Uvod novice je bližje naslovu in naslednji vsebini kot običajni bloki. */
.singleNews .news__info {
	--theme__padBlockStart: var(--spacing6);
	--theme__padBlockEnd: var(--spacing6);
}

.singleNews .news__date {
	display: block;
	font-size: var(--size__body--small);
	color: var(--color__gray);
}

/* Na manjših zaslonih je gumb nazaj nad naslovom, da naslov ni stisnjen ob gumb. */
@media (max-width: 47.99em) {
	.singleNews .defHeader__info:has(.defHeader__back) {
		flex-direction: column;
		gap: var(--spacing4);
	}
}

@media (min-width: 65em) {
	.newsList,
	.newsSlider {
		--newsList__min: 10rem;
	}
}



/* DRSNIK OSTALIH NOVIC (na dnu posamezne novice) */

.newsSlider {
	--theme__padBlockStart: var(--spacing7);
}

.newsSlider header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--spacing4);
	margin-bottom: var(--spacing5);
}

.newsSlider .swiper-navigation {
	display: flex;
	flex: 0 0 auto;
	gap: var(--spacing2);
}

.newsSlider .swiper-navigation .swiper-prev svg {
	transform: rotate(-135deg);
}

.newsSlider .swiper-navigation .swiper-next svg {
	transform: rotate(45deg);
}

.newsSlider .swiper-navigation .b:disabled,
.newsSlider .swiper-navigation .swiper-button-disabled {
	opacity: 0.35;
	cursor: default;
	pointer-events: none;
}

/* Rob okoli drsnika je prostor za obrobo fokusa kartice (drugače jo overflow odreže). */
.newsSlider .swiper {
	margin: -5px;
	padding: 5px;
}

/* Swiper slidu nastavi display: block, kartica pa mora ostati flex (naslov potisne datum in gumb na dno). */
.newsSlider .swiper-slide.wNewsEntry--card {
	display: flex;
	height: auto;
}

.swiper-prev:hover path,
.swiper-next:hover path {
	color: #fff;
	fill: #fff;
}