/*
Theme Name: ŠC Nova Gorica
Theme URI: https://www.scng.si/
Description: Skupna block tema za spletišča enot Šolskega centra Nova Gorica. Vsebine so predstavljene s karticami (slika, naslov, kratek opis); svetla ali temna podoba sledi nastavitvi brskalnika. Barva, logotip in kontakt enote se določijo samodejno iz domene sita.
Author: ŠC Nova Gorica
Version: 3.25.1
Requires at least: 6.6
Requires PHP: 8.1
License: GPL-2.0-or-later
Text Domain: scng
*/

/* ===================================================================
   Barvni žetoni – svetla in temna podoba (po nastavitvi brskalnika)
   =================================================================== */

:root {
	color-scheme: light dark;
	--scng-bg: #FFFFFF;
	--scng-bg-soft: #F3F5F8;
	--scng-fg: #082B3B;
	--scng-text: #2E3E4B;
	--scng-muted: #5F6C78;
	--scng-line: #E1E6EB;
	--scng-link: var(--wp--preset--color--primary);
	--scng-link-hover: var(--wp--preset--color--primary-deep);
	--scng-accent: var(--wp--preset--color--primary);
	--scng-header: #FFFFFF;
	--scng-footer-bar: #B9C4CE;
	--scng-shadow: 0 1px 2px rgb(8 43 59 / 0.06);
	--scng-radius: 10px;
	--scng-wrap: 1320px;
	--scng-gutter: clamp(1rem, 3vw, 2rem);
}

@media (prefers-color-scheme: dark) {
	:root {
		--scng-bg: #10161D;
		--scng-bg-soft: #18212A;
		--scng-fg: #EEF2F6;
		--scng-text: #C9D3DC;
		--scng-muted: #93A1AE;
		--scng-line: #26313C;
		--scng-link: #8DB6FF;
		--scng-link-hover: #B9D1FF;
		--scng-accent: #6E9BFF;
		--scng-header: #10161D;
		--scng-footer-bar: #0B1015;
		--scng-shadow: none;
	}
}

body {
	background: var(--scng-bg);
	color: var(--scng-text);
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
}

a {
	text-underline-offset: 0.18em;
	text-decoration-thickness: 1px;
}

:where(a, button, input, select, textarea, summary, [tabindex]):focus-visible {
	outline: 3px solid var(--scng-accent);
	outline-offset: 3px;
	border-radius: 3px;
}

.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
	word-wrap: normal !important;
}

img {
	height: auto;
	max-width: 100%;
}

*,
*::before,
*::after {
	box-sizing: border-box;
}

.wrap {
	width: 100%;
	max-width: calc(var(--scng-wrap) + 2 * var(--scng-gutter));
	margin-left: auto !important;
	margin-right: auto !important;
	padding-left: var(--scng-gutter);
	padding-right: var(--scng-gutter);
}
.wrap--narrow {
	max-width: calc(820px + 2 * var(--scng-gutter));
}

/* ===================================================================
   Glava: temni trak z enotami, glavni trak v barvi iz logotipa ŠC,
   spodnji trak s hitrimi povezavami. Barve: --bar (glavni trak), --bar-deep (spodnji trak),
   --bar-top (zgornji trak). Privzeto iz inc/units.php (ključ 'bar').
   =================================================================== */

.site-header {
	position: relative;
	z-index: 50;
	--bar: #082B3B;
	--bar-deep: #0F3D52;
	--bar-top: #041821;
	--bar-hot: #EE7B28;
}
.site-header > * {
	margin: 0 !important;
}
.topbar__in,
.mainbar__in,
.subbar__in,
.kazalo__in {
	max-width: calc(var(--scng-wrap) + 2 * var(--scng-gutter));
	margin: 0 auto !important;
	padding-left: var(--scng-gutter);
	padding-right: var(--scng-gutter);
}
.site-header ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

/* Zgornji trak */
.topbar {
	background: var(--bar-top);
	color: #D7DEE4;
}
.topbar__in {
	display: flex;
	align-items: center;
	gap: 1.25rem;
	min-height: 44px;
}
.topbar__units {
	flex: 1;
	min-width: 0;
}
.topbar__units ul {
	display: flex;
	gap: 0 1.5rem;
	overflow: hidden;
}
.topbar__units a {
	display: block;
	padding: 0.75rem 0;
	color: rgb(255 255 255 / 0.72);
	font-size: 0.8125rem;
	font-weight: 750;
	letter-spacing: 0.02em;
	text-transform: uppercase;
	text-decoration: none;
	white-space: nowrap;
}
.topbar__units a:hover,
.topbar__units a[aria-current] {
	color: #fff;
}
.topbar__units a[aria-current]::before {
	content: "";
	display: inline-block;
	width: 0.6rem;
	height: 0.6rem;
	margin-right: 0.4rem;
	border-radius: 0 100% 0 0;
	background: #EE7B28;
}
.topbar__search {
	position: relative;
	display: flex;
	align-items: center;
}
.topbar__search svg {
	position: absolute;
	left: 0.75rem;
	color: rgb(255 255 255 / 0.65);
	pointer-events: none;
}
.topbar__search input {
	width: 18rem;
	height: 32px;
	padding: 0 1rem 0 2.3rem;
	border: 1px solid rgb(255 255 255 / 0.14);
	border-radius: 16px;
	background: rgb(255 255 255 / 0.08);
	color: #fff;
	font: inherit;
	font-size: 0.875rem;
}
.topbar__search input::placeholder {
	color: rgb(255 255 255 / 0.6);
}
.topbar__search input:focus {
	outline: 2px solid #fff;
	outline-offset: 1px;
}
.topbar__icon,
.topbar__lang {
	display: inline-flex;
	align-items: center;
	color: rgb(255 255 255 / 0.85);
	font-size: 0.8125rem;
	font-weight: 800;
	text-decoration: none;
}
.topbar__icon:hover,
.topbar__lang:hover {
	color: #fff;
}

/* Glavni trak */
.mainbar {
	position: relative;
	z-index: 2;
	background: var(--bar);
	color: #fff;
}
.mainbar__in {
	display: flex;
	align-items: center;
	gap: clamp(1rem, 2.5vw, 2rem);
	min-height: 68px;
}
.mainbar__in > * {
	margin: 0 !important;
}
.site-header__brand {
	gap: 0.6rem;
	align-items: center;
	flex: none;
	padding-right: clamp(1rem, 2.5vw, 2rem);
	border-right: 1px solid rgb(255 255 255 / 0.3);
}
.site-header__brand .wp-block-site-logo img {
	display: block;
	width: 66px;
	height: auto;
	filter: brightness(0) invert(1);
}
.site-header__brand .wp-block-site-title {
	margin: 0;
	font-size: 0.9375rem;
	font-weight: 750;
	line-height: 1.1;
	max-width: 9ch;
}
.site-header__brand .wp-block-site-title:has(a:not(:empty)) {
	max-width: min(14ch, 11rem);
	text-wrap: balance;
}
.site-header__brand .wp-block-site-title a {
	color: #fff;
	text-decoration: none;
}

.main-nav {
	flex: 1;
	min-width: 0;
}
.main-nav .wp-block-navigation__container {
	gap: clamp(1rem, 2.2vw, 2rem);
	flex-wrap: nowrap;
}
.main-nav .wp-block-navigation-item__content {
	position: relative;
	display: block;
	padding: 1.3rem 0 1.2rem;
	color: #fff !important;
	font-size: 1.0625rem;
	font-weight: 750;
	text-transform: uppercase;
	letter-spacing: 0.01em;
	white-space: nowrap;
	text-decoration: none;
}
.main-nav .wp-block-navigation-item__content::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0.9rem;
	width: 0.8rem;
	height: 0.8rem;
	border-radius: 0 100% 0 0;
	background: var(--u, #fff);
	transform: translateY(0.45rem) scale(0.75);
	transform-origin: left bottom;
	transition: width 0.2s ease, height 0.2s ease, border-radius 0.2s ease, transform 0.2s ease;
	opacity: 0;
}
.main-nav .wp-block-navigation-item__content:hover::after,
.main-nav .current-menu-item > .wp-block-navigation-item__content::after,
.main-nav [aria-current="page"]::after {
	opacity: 1;
	width: 100%;
	height: 3px;
	border-radius: 2px;
	transform: none;
}
.main-nav .wp-block-navigation-item:nth-child(7n+1) { --u: #EE7B28; }
.main-nav .wp-block-navigation-item:nth-child(7n+2) { --u: #28AEE0; }
.main-nav .wp-block-navigation-item:nth-child(7n+3) { --u: #45BD7F; }
.main-nav .wp-block-navigation-item:nth-child(7n+4) { --u: #F7E03C; }
.main-nav .wp-block-navigation-item:nth-child(7n+5) { --u: #ECB6C7; }
.main-nav .wp-block-navigation-item:nth-child(7n+6) { --u: #E84436; }
.main-nav .wp-block-navigation-item:nth-child(7n+7) { --u: #B88AD6; }

.kazalo-btn {
	display: inline-flex;
	align-items: center;
	gap: 0.6rem;
	margin-left: auto !important;
	padding: 0.6rem 0;
	border: 0;
	background: none;
	color: #fff;
	font: inherit;
	font-size: 1.0625rem;
	font-weight: 800;
	cursor: pointer;
	flex: none;
}
.kazalo-btn:hover span {
	text-decoration: underline;
}
.kazalo-btn:focus-visible {
	outline: 2px solid #fff;
	outline-offset: 4px;
}
.kazalo-btn__close,
.kazalo-btn[aria-expanded="true"] .kazalo-btn__open {
	display: none;
}
.kazalo-btn[aria-expanded="true"] .kazalo-btn__close {
	display: block;
}

/* Kazalo */
.kazalo {
	position: absolute;
	z-index: 10;
	left: 0;
	right: 0;
	top: 100%;
	max-height: calc(100vh - 112px);
	overflow-y: auto;
	background: var(--bar-top);
	color: #D7DEE4;
	box-shadow: 0 30px 60px rgb(0 0 0 / 0.35);
}
.kazalo::after {
	content: "";
	position: absolute;
	right: 0;
	bottom: 0;
	width: clamp(8rem, 16vw, 14rem);
	aspect-ratio: 1;
	border-radius: 100% 0 0 0;
	background: var(--bar);
	pointer-events: none;
}
.kazalo[hidden] {
	display: none;
}
.kazalo__in {
	position: relative;
	z-index: 1;
	padding-top: clamp(1.5rem, 3vw, 2.5rem);
	padding-bottom: clamp(1.5rem, 3vw, 2.5rem);
}
.kazalo__group + .kazalo__group {
	margin-top: 1.25rem;
	padding-top: 1.25rem;
	border-top: 1px solid rgb(255 255 255 / 0.14);
}
.kazalo__row {
	display: grid;
	grid-template-columns: 17rem minmax(0, 1fr);
	gap: 0.5rem 2rem;
	align-items: baseline;
	padding: 0.6rem 0;
}
.kazalo__title {
	margin: 0;
	font-size: 1.0625rem;
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: 0.01em;
}
.kazalo__title > * {
	color: #fff;
	text-decoration: none;
	box-shadow: inset 0 -3px 0 var(--u);
	padding-bottom: 2px;
}
.kazalo__title a:hover {
	box-shadow: inset 0 -6px 0 var(--u);
}
.kazalo__items {
	display: flex;
	flex-wrap: wrap;
	gap: 0.35rem 1.4rem;
}
.kazalo__items li {
	font-size: 0.9375rem;
	color: rgb(255 255 255 / 0.7);
}
.kazalo__items a {
	color: rgb(255 255 255 / 0.88);
	text-decoration: none;
}
.kazalo__items a:hover {
	color: #fff;
	text-decoration: underline;
}
.kazalo__row--orange { --u: #EE7B28; }
.kazalo__row--sky { --u: #28AEE0; }
.kazalo__row--green { --u: #45BD7F; }
.kazalo__row--violet { --u: #B88AD6; }
.kazalo__row--yellow { --u: #F7E03C; }
.kazalo__row--red { --u: #E84436; }
.kazalo__row--pink { --u: #ECB6C7; }

/* Spodnji trak */
.subbar {
	background: var(--bar-deep);
	color: #fff;
}
.subbar__in {
	display: flex;
	align-items: center;
	gap: 1.5rem;
	min-height: 40px;
}
.subbar__links {
	flex: 1;
	min-width: 0;
}
.subbar__links ul {
	display: flex;
	align-items: center;
	gap: 0 1.4rem;
	overflow: hidden;
}
.subbar__links a {
	display: block;
	padding: 0.55rem 0;
	color: rgb(255 255 255 / 0.92);
	font-size: 0.875rem;
	font-weight: 550;
	white-space: nowrap;
	text-decoration: none;
}
.subbar__links a:hover {
	color: #fff;
	text-decoration: underline;
}
.subbar__links .is-hot a {
	padding: 0.2rem 0.7rem;
	border-radius: 999px;
	background: var(--bar-hot);
	color: #fff;
	font-weight: 750;
}
.subbar__links .is-hot a:hover {
	text-decoration: none;
	filter: brightness(0.92);
}
.subbar__date {
	flex: none;
	font-size: 0.8125rem;
	color: rgb(255 255 255 / 0.8);
	white-space: nowrap;
}

@media (max-width: 1100px) {
	.main-nav {
		display: none;
	}
	.topbar__search input {
		width: 12rem;
	}
}
@media (max-width: 700px) {
	.topbar__units {
		display: none;
	}
	.topbar__search {
		flex: 1;
	}
	.topbar__search input {
		width: 100%;
	}
	.subbar__date {
		display: none;
	}
	.site-header__brand {
		border-right: 0;
	}
	.kazalo__row {
		grid-template-columns: minmax(0, 1fr);
	}
	.kazalo::after {
		display: none;
	}
}

/* ===================================================================
   Drobtine
   =================================================================== */

.breadcrumbs {
	border-bottom: 1px solid var(--scng-line);
}
.breadcrumbs ol {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	max-width: calc(var(--scng-wrap) + 2 * var(--scng-gutter));
	margin: 0 auto;
	padding: 0.8rem var(--scng-gutter);
	list-style: none;
	font-size: 0.8125rem;
	font-weight: 650;
}
.breadcrumbs li {
	display: flex;
	align-items: center;
}
.breadcrumbs li + li::before {
	content: "/";
	margin: 0 0.6rem;
	color: var(--scng-muted);
	opacity: 0.6;
}
.breadcrumbs a {
	color: var(--scng-muted);
	text-decoration: none;
}
.breadcrumbs a:hover {
	color: var(--scng-fg);
	text-decoration: underline;
}
.breadcrumbs__home img {
	display: block;
	opacity: 0.8;
}
.breadcrumbs [aria-current] {
	color: var(--scng-fg);
}

/* ===================================================================
   Kartice (novice in strani)
   =================================================================== */

.cards,
.news__list {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 2.25rem clamp(1.25rem, 2.2vw, 2rem);
	margin: 0;
	padding: 0;
	list-style: none;
}
.news__list > li,
.cards > .card {
	margin: 0 !important;
	min-width: 0;
}
.card,
.news__list > li {
	display: flex;
	flex-direction: column;
	gap: 0.7rem;
}
.news__list > li > * {
	margin: 0 !important;
}

/* Slika */
.card__media {
	display: block;
	position: relative;
	aspect-ratio: 16 / 10;
	margin: 0 !important;
	overflow: hidden;
	border-radius: var(--scng-radius);
	background: var(--scng-bg-soft);
}
.card__media img,
.card__media a {
	display: block;
	width: 100%;
	height: 100% !important;
}
.card__media img {
	object-fit: cover;
	transition: transform 0.5s ease;
}
.card:hover .card__media img,
.news__list > li:hover .card__media img {
	transform: scale(1.035);
}
/* Kartica brez slike: barvna ploskev z ikono (kot ploščice na prejšnji strani) */
.card__ph {
	display: block;
	width: 100%;
	height: 100%;
	background: var(--ph, var(--wp--preset--color--primary));
	position: relative;
}
.card__ph::before {
	content: "";
	position: absolute;
	left: 1.5rem;
	bottom: 1.5rem;
	width: 64px;
	height: 64px;
	border-radius: 50%;
	border: 2px solid rgb(255 255 255 / 0.65);
	background: var(--icon) center / 30px no-repeat;
}
.card__ph::after {
	content: "";
	position: absolute;
	left: 1.5rem;
	top: 1.5rem;
	width: 3rem;
	height: 2px;
	background: rgb(255 255 255 / 0.8);
}
.card__ph--orange { --ph: #EE7B28; }
.card__ph--sky { --ph: #28AEE0; }
.card__ph--yellow { --ph: #EDBE14; }
.card__ph--blue { --ph: #1C4BAD; }
.card__ph--green { --ph: #45BD7F; }
.card__ph--navy { --ph: #3B5998; }
.card__ph--red { --ph: #E8594B; }
.card__ph--violet { --ph: #794895; }
/* Novica brez slike */
.news__list > li:not(:has(.card__media))::before {
	content: "";
	display: block;
	aspect-ratio: 16 / 10;
	border-radius: var(--scng-radius);
	background:
		url(assets/strip.svg) 1.5rem 50% / 40px auto no-repeat,
		var(--wp--preset--color--ink);
	order: -1;
}

/* Naslov »Rubrika / Naslov« */
.card__title {
	margin: 0;
	font-size: 1.1875rem;
	font-weight: 750;
	line-height: 1.3;
	letter-spacing: -0.005em;
	color: var(--scng-fg);
	text-wrap: pretty;
}
.card__title > * {
	display: inline;
	margin: 0 !important;
	font: inherit;
	letter-spacing: inherit;
}
.card__kicker,
.card__title .wp-block-post-date {
	color: var(--scng-muted);
	font-weight: 650;
}
.card__title .wp-block-post-date::after {
	content: " / ";
}
.card__title a {
	color: var(--scng-fg);
	text-decoration: none;
}
.card__title a:hover {
	text-decoration: underline;
	text-decoration-thickness: 2px;
}
.card__title a::after {
	content: "";
	position: absolute;
	inset: 0;
}
.card,
.news__list > li {
	position: relative;
}
.card__media a,
.card__media {
	z-index: 1;
}
.card__excerpt {
	margin: 0;
	color: var(--scng-muted);
	font-size: 0.9375rem;
	line-height: 1.5;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.card__excerpt p {
	margin: 0;
}

/* Glavna novica: naslov in opis čez sliko */
.news__lead .news__list,
.news--archive .news__list {
	grid-template-columns: repeat(3, minmax(0, 1fr));
}
.news__lead .news__list > li,
.news--archive .news__list > li:first-child {
	grid-column: span 2;
	justify-content: flex-end;
	min-height: 26rem;
	padding: clamp(1.25rem, 3vw, 2.25rem);
	border-radius: var(--scng-radius);
	overflow: hidden;
	background: var(--wp--preset--color--ink);
	isolation: isolate;
}
.news__lead .news__list > li .card__media,
.news--archive .news__list > li:first-child .card__media {
	position: absolute !important;
	inset: 0;
	aspect-ratio: auto;
	border-radius: 0;
	z-index: -1;
}
.news__lead .news__list > li .card__media::after,
.news--archive .news__list > li:first-child .card__media::after {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(to top, rgb(5 20 30 / 0.92) 0%, rgb(5 20 30 / 0.55) 40%, rgb(5 20 30 / 0) 75%);
	pointer-events: none;
}
.news__lead .news__list > li:not(:has(.card__media))::before,
.news--archive .news__list > li:first-child:not(:has(.card__media))::before {
	position: absolute;
	inset: 0;
	aspect-ratio: auto;
	border-radius: 0;
	z-index: -1;
}
.news__lead .card__title,
.news--archive li:first-child .card__title {
	font-size: clamp(1.4rem, 2.4vw, 2rem);
	line-height: 1.2;
	max-width: 30ch;
}
.news__lead .card__title a,
.news--archive li:first-child .card__title a {
	color: #fff;
}
.news__lead .card__title .wp-block-post-date,
.news--archive li:first-child .card__title .wp-block-post-date {
	color: rgb(255 255 255 / 0.75);
}
.news__lead .card__excerpt,
.news--archive li:first-child .card__excerpt {
	color: rgb(255 255 255 / 0.9);
	font-size: 1rem;
	max-width: 62ch;
	-webkit-line-clamp: 2;
}

/* Naslovnica (kot MMC): glavna novica (2/3 širine, ležeča 16:9) + ena kartica ob njej,
   nato vrsta treh in vrsta štirih kartic. Mreža ima 12 stolpcev. */
.news--front {
	display: grid;
	grid-template-columns: repeat(12, minmax(0, 1fr));
	gap: 1.75rem clamp(1rem, 1.8vw, 1.5rem);
}
.news--front > * {
	margin: 0 !important;
}
.news--front .news__lead {
	grid-column: span 8;
}
.news--front .news__lead .news__list {
	display: block;
	height: 100%;
}
.news--front .news__lead .news__list > li {
	height: 100%;
	min-height: 0;
	aspect-ratio: 16 / 9;
}
.news--front .news__more,
.news--front .news__more .news__list {
	display: contents;
}
.news--front .news__more .news__list > li {
	grid-column: span 3;
}
.news--front .news__more .news__list > li:nth-child(1) {
	grid-column: span 4;
}
.news--front .news__more .news__list > li:nth-child(n+2):nth-child(-n+4) {
	grid-column: span 4;
}
.news--front .news__more .card__title {
	font-size: 1.0625rem;
}
.news--front .news__more .card__excerpt {
	font-size: 0.875rem;
	-webkit-line-clamp: 2;
}
/* Kartica ob glavni novici: večji naslov, opis do 4 vrstice */
.news--front .news__more .news__list > li:first-child .card__title {
	font-size: 1.1875rem;
}
.news--front .news__more .news__list > li:first-child .card__excerpt {
	-webkit-line-clamp: 4;
}

/* Starejše novice: samo naslovi */
.news__older {
	margin-top: 2rem !important;
	padding-top: 1.25rem;
	border-top: 1px solid var(--scng-line);
}
.headlines {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 0.9rem clamp(1rem, 1.8vw, 1.5rem);
	margin: 0;
	padding: 0;
	list-style: none;
}
.headlines > li {
	position: relative;
	margin: 0 !important;
	padding-left: 0.9rem;
	border-left: 3px solid var(--wp--preset--color--primary);
}
.headlines > li > * {
	margin: 0 !important;
}
.headlines__date {
	font-size: 0.8125rem;
	color: var(--scng-muted);
}
.headlines .headlines__title {
	font-size: 1rem;
	font-weight: 700;
	line-height: 1.3;
	letter-spacing: 0;
}
.headlines__title a {
	text-decoration: none;
}
.headlines__title a:hover {
	text-decoration: underline;
}

/* Ploščice na naslovnici */
.section .stiles {
	margin: 0 !important;
}

@media (max-width: 1100px) {
	.headlines {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}
@media (max-width: 600px) {
	.headlines {
		grid-template-columns: minmax(0, 1fr);
	}
}

/* ===================================================================
   Naslovnica: razdelki
   =================================================================== */

.front {
	padding-top: clamp(1.5rem, 3vw, 2.5rem);
	padding-bottom: clamp(3rem, 6vw, 5rem);
}
.front__content > * + * {
	margin-top: clamp(2.25rem, 4vw, 3.25rem) !important;
}
.section__head {
	margin-bottom: 1.5rem !important;
	gap: 1rem;
}
.section__title {
	margin: 0;
	font-size: clamp(1.6rem, 2.6vw, 2.1rem);
	font-weight: 800;
	letter-spacing: -0.015em;
	color: var(--scng-fg);
}
.section > .section__title {
	margin-bottom: 1.5rem;
}
.section__more {
	margin: 0;
	font-size: 0.9375rem;
	font-weight: 700;
}
.section__more a {
	text-decoration: none;
}
.section__more a::after {
	content: " ›";
}
.section__more a:hover {
	text-decoration: underline;
}

/* Za študente */
.quick {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 1rem;
}
.quick > * {
	margin: 0 !important;
}
.quick__item {
	position: relative;
	display: grid;
	grid-template-columns: 52px minmax(0, 1fr);
	column-gap: 1rem;
	align-items: start;
	padding: 1.25rem;
	border: 1px solid var(--scng-line);
	border-radius: var(--scng-radius);
	background: var(--scng-bg);
	box-shadow: var(--scng-shadow);
	transition: border-color 0.2s;
}
.quick__item:hover {
	border-color: var(--quick, var(--scng-accent));
}
.quick__item::before {
	content: "";
	grid-row: span 2;
	width: 52px;
	height: 52px;
	border-radius: 50%;
	background: var(--quick) var(--qicon) center / 26px no-repeat;
}
.quick__item > * {
	margin: 0;
}
.quick__title {
	font-size: 1.125rem;
	font-weight: 750;
	margin: 0.2rem 0 0.2rem;
}
.quick__title a {
	color: var(--scng-fg);
	text-decoration: none;
}
.quick__title a::after {
	content: "";
	position: absolute;
	inset: 0;
}
.quick__item:hover .quick__title a {
	text-decoration: underline;
}
.quick__text {
	color: var(--scng-muted);
	font-size: 0.875rem;
	line-height: 1.4;
}
.quick__item--blue { --quick: #1C4BAD; }
.quick__item--orange { --quick: #EE7B28; }
.quick__item--red { --quick: #E84436; }
.quick__item--violet { --quick: #794895; }
.quick__item--clock { --qicon: url(assets/icons/clock.svg); }
.quick__item--laptop { --qicon: url(assets/icons/laptop.svg); }
.quick__item--user { --qicon: url(assets/icons/user.svg); }
.quick__item--help { --qicon: url(assets/icons/help.svg); }

/* Vpis */
.enrol {
	display: grid;
	grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr);
	gap: 2rem clamp(2rem, 5vw, 4.5rem);
	align-items: center;
	padding: clamp(1.75rem, 4vw, 3.25rem);
	border-radius: var(--scng-radius);
	background: #EE7B28;
	color: #fff;
	position: relative;
	overflow: hidden;
}
.enrol::after {
	content: "";
	position: absolute;
	right: -60px;
	bottom: -60px;
	width: 220px;
	height: 220px;
	background: rgb(255 255 255 / 0.12);
	border-top-left-radius: 100%;
	pointer-events: none;
}
.enrol > * {
	margin: 0 !important;
	position: relative;
	z-index: 1;
}
.enrol__kicker {
	margin: 0 0 0.75rem;
	font-size: 0.8125rem;
	font-weight: 750;
	text-transform: uppercase;
	letter-spacing: 0.03em;
	display: flex;
	align-items: center;
	gap: 0.9rem;
}
.enrol__kicker::after {
	content: "";
	width: 3rem;
	height: 2px;
	background: currentColor;
}
.enrol__title {
	margin: 0;
	font-size: clamp(1.75rem, 3.4vw, 2.75rem);
	font-weight: 800;
	line-height: 1.1;
	letter-spacing: -0.02em;
	color: #fff;
}
.enrol__title a {
	color: #fff;
	text-decoration: none;
}
.enrol__title a:hover {
	text-decoration: underline;
	text-decoration-thickness: 2px;
}
.enrol__lead {
	margin: 0.9rem 0 0;
	font-size: 1.0625rem;
	line-height: 1.5;
	max-width: 46ch;
	color: rgb(255 255 255 / 0.95);
}
.enrol__links {
	margin: 0;
	padding: 0;
	list-style: none;
	border-top: 1px solid rgb(255 255 255 / 0.4);
}
.enrol__links li {
	margin: 0;
	border-bottom: 1px solid rgb(255 255 255 / 0.4);
}
.enrol__links a {
	display: flex;
	justify-content: space-between;
	padding: 0.85rem 0;
	color: #fff;
	font-weight: 700;
	font-size: 1.0625rem;
	text-decoration: none;
}
.enrol__links a::after {
	content: "›";
	font-size: 1.25rem;
	line-height: 1;
}
.enrol__links a:hover {
	text-decoration: underline;
}
.enrol :focus-visible {
	outline-color: #fff;
}

/* ===================================================================
   Notranje strani
   =================================================================== */

.page {
	padding-bottom: clamp(3rem, 6vw, 5rem);
}
.page > * {
	margin: 0 !important;
}
.page__grid {
	display: grid;
	grid-template-columns: minmax(13rem, 17rem) minmax(0, 1fr);
	gap: clamp(2rem, 5vw, 4.5rem);
	align-items: start;
	padding-top: clamp(1.75rem, 4vw, 3rem) !important;
}
.page__grid:not(:has(.section-nav)) {
	grid-template-columns: minmax(0, 1fr);
}
.page__grid:not(:has(.section-nav)) > .page__aside {
	display: none;
}
.page__aside {
	position: sticky;
	top: 1.5rem;
}
.page__main {
	min-width: 0;
}
.page__main > * {
	margin: 0;
}
.page__main > .entry-content,
.page__main > .page-lead,
.page__main > .page-title {
	max-width: 48rem;
}
/* Strani z galerijami uporabijo celotno širino. */
.page__main > .entry-content:has(.ngg-album, .ngg-grid) {
	max-width: none;
}
.wrap > .page-title,
.article .page-title {
	padding-top: clamp(1.75rem, 4vw, 3rem);
}

.page-kicker {
	margin: 0 0 0.6rem !important;
	font-size: 0.8125rem;
	font-weight: 750;
	text-transform: uppercase;
	letter-spacing: 0.03em;
	color: #EE7B28;
	display: flex;
	align-items: center;
	gap: 0.9rem;
}
.page-kicker::after {
	content: "";
	width: 3rem;
	height: 2px;
	background: currentColor;
}
.page-kicker a {
	color: inherit;
	text-decoration: none;
}
.page-title {
	margin: 0 0 1rem !important;
	font-size: clamp(2rem, 3.6vw, 2.9rem);
	font-weight: 800;
	line-height: 1.1;
	letter-spacing: -0.02em;
	color: var(--scng-fg);
	text-wrap: balance;
}
.page-lead {
	margin: 0 0 2rem !important;
	font-size: clamp(1.125rem, 1.6vw, 1.3rem);
	line-height: 1.55;
	color: #D9661A;
}
@media (prefers-color-scheme: dark) {
	.page-lead {
		color: #F4A262;
	}
}
.page__main > .cards {
	margin-top: 2.5rem;
}
.page__main > .entry-content + .cards {
	padding-top: 2.5rem;
	border-top: 1px solid var(--scng-line);
}

/* Meni razdelka */
.section-nav {
	font-size: 0.9375rem;
	line-height: 1.35;
	padding: 1.25rem;
	border-radius: var(--scng-radius);
	background: var(--scng-bg-soft);
}
.section-nav__title {
	margin: 0 0 0.75rem;
	font-weight: 800;
}
.section-nav__title a {
	color: var(--scng-fg);
	text-decoration: none;
}
.section-nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.section-nav ul ul {
	margin: 0.1rem 0 0.4rem 0.9rem;
	font-size: 0.875rem;
}
.section-nav li a {
	display: block;
	padding: 0.4rem 0 0.4rem 0.75rem;
	border-left: 2px solid var(--scng-line);
	color: var(--scng-text);
	text-decoration: none;
}
.section-nav li a:hover {
	border-left-color: var(--scng-fg);
	color: var(--scng-fg);
}
.section-nav .current_page_item > a,
.section-nav__title a.current_page_item {
	border-left-color: var(--scng-accent);
	color: var(--scng-accent);
	font-weight: 700;
}

/* Vsebina */
.entry-content {
	font-size: 1.0625rem;
	line-height: 1.7;
	color: var(--scng-text);
}
.entry-content > * + * {
	margin-top: 1.1em;
}
.entry-content :where(h2, h3, h4) {
	color: var(--scng-fg);
	margin-top: 2em;
	margin-bottom: 0.5em;
	text-wrap: balance;
}
.entry-content h2 { font-size: 1.6rem; }
.entry-content h3 { font-size: 1.3rem; }
.entry-content :where(ul, ol) {
	padding-left: 1.25rem;
}
.entry-content li + li {
	margin-top: 0.35em;
}
.entry-content img {
	border-radius: 6px;
}
.entry-content iframe {
	max-width: 100%;
}
.entry-content iframe[src*="youtube"] {
	width: 100%;
	height: auto;
	aspect-ratio: 16 / 9;
	border-radius: var(--scng-radius);
}
.entry-content table {
	width: 100%;
	border-collapse: collapse;
	font-size: 0.9375rem;
	line-height: 1.4;
}
.entry-content :where(td, th) {
	border: 1px solid var(--scng-line);
	padding: 0.55rem 0.7rem;
	vertical-align: top;
	text-align: left;
}
.entry-content tr:first-child :where(td, th) {
	background: var(--scng-bg-soft);
	font-weight: 650;
	color: var(--scng-fg);
}
.entry-content blockquote {
	margin-left: 0;
	padding-left: 1.25rem;
	border-left: 4px solid var(--scng-accent);
}
/* Ostanki oznak in barv stare teme v uvoženi vsebini */
.entry-content :where(.page-head, .adapt, .cols, .col, .content, .intro, .article) {
	display: block;
	float: none;
	width: auto;
	max-width: none;
	padding: 0;
}
@media (prefers-color-scheme: dark) {
	.entry-content [style*="color: #000"],
	.entry-content [style*="color:#000"],
	.entry-content [style*="color: rgb(0, 0, 0)"] {
		color: inherit !important;
	}
	.entry-content [style*="background-color"] {
		background-color: transparent !important;
	}
}
.entry-content .aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.entry-content .alignleft {
	float: left;
	margin: 0.3em 1.5em 1em 0;
}
.entry-content .alignright {
	float: right;
	margin: 0.3em 0 1em 1.5em;
}
.entry-content::after {
	content: "";
	display: table;
	clear: both;
}

/* Novica */
.article__meta {
	display: flex;
	align-items: center;
	gap: 1rem;
	padding-top: clamp(1.75rem, 4vw, 3rem);
}
.article__meta > * {
	margin: 0 !important;
}
.article .page-title {
	padding-top: 0.6rem;
}
.article__date {
	font-size: 0.875rem;
	font-weight: 700;
	color: var(--scng-muted);
}
.post-nav {
	margin-top: 3rem !important;
	padding-top: 1.25rem;
	border-top: 1px solid var(--scng-line);
	gap: 1rem 2rem;
}
.post-navigation-link__label {
	display: block;
	font-size: 0.75rem;
	font-weight: 750;
	text-transform: uppercase;
	color: var(--scng-muted);
}
.post-nav a {
	color: var(--scng-fg);
	font-weight: 700;
	text-decoration: none;
}
.post-nav a:hover .post-navigation-link__title {
	text-decoration: underline;
}

/* Kontakt na strani Kontakt */
.unit-contact {
	margin-top: 2rem;
	padding: 1.5rem;
	border-radius: var(--scng-radius);
	background: var(--scng-bg-soft);
	max-width: 48rem;
}
.unit-contact__address {
	font-size: 1.25rem;
	font-weight: 750;
	color: var(--scng-fg);
	margin: 0;
}
.unit-contact__where {
	color: var(--scng-muted);
	margin: 0.35rem 0 0;
}
.unit-contact__list {
	display: grid;
	gap: 0.9rem;
	margin: 1.25rem 0 0;
}
.unit-contact__list div {
	display: grid;
}
.unit-contact__list dt {
	font-size: 0.75rem;
	font-weight: 750;
	text-transform: uppercase;
	color: var(--scng-muted);
}
.unit-contact__list dd {
	margin: 0;
	font-size: 1.125rem;
	font-weight: 700;
}
.unit-contact__list dd a {
	color: var(--scng-fg);
	text-decoration: none;
}

/* Seznam novic */
.news--archive {
	margin-top: 1rem;
}
.pager {
	margin-top: 3rem !important;
	gap: 0.5rem;
	font-weight: 750;
	font-size: 0.875rem;
}
.pager a,
.pager .current {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 2.6rem;
	height: 2.6rem;
	padding: 0 0.8rem;
	border: 1px solid var(--scng-line);
	border-radius: 6px;
	color: var(--scng-fg);
	text-decoration: none;
}
.pager .current {
	background: var(--scng-fg);
	border-color: var(--scng-fg);
	color: var(--scng-bg);
}
.pager a:hover {
	border-color: var(--scng-fg);
}

/* Iskanje */
.search-form .wp-block-search__inside-wrapper {
	max-width: 34rem;
	border: 2px solid var(--scng-fg);
	border-radius: 8px;
	padding: 0;
	overflow: hidden;
}
.search-form .wp-block-search__input {
	border: 0;
	padding: 0.75rem 1rem;
	font-size: 1rem;
	background: var(--scng-bg);
	color: var(--scng-fg);
}
.search-form .wp-block-search__button {
	margin: 0;
	border-radius: 0;
	background: var(--scng-fg);
	color: var(--scng-bg);
	font-weight: 750;
}
.search-results {
	margin-top: 2rem;
}
.search-results .wp-block-post-template {
	margin: 0;
	padding: 0;
	list-style: none;
}
.search-results .wp-block-post {
	padding: 1.1rem 0;
	border-bottom: 1px solid var(--scng-line);
}
.search-results__title {
	font-size: 1.25rem;
	margin: 0 0 0.35rem;
}
.search-results__title a {
	color: var(--scng-fg);
}

/* ===================================================================
   Noga
   =================================================================== */

.site-footer {
	margin: 0;
	border-top: 1px solid var(--scng-line);
	background: var(--scng-bg);
}
.site-footer > *,
.site-footer .wrap > * {
	margin: 0 !important;
}

.tiles--info {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	gap: 0;
}
.tiles--info .tile {
	position: relative;
	display: flex;
	flex-direction: column;
	padding: 2.5rem 2rem 2.25rem;
	min-height: 20rem;
	border-left: 1px solid var(--scng-line);
}
.tiles--info .tile:first-child {
	border-left: 0;
}
.tiles--info .tile > * {
	margin: 0;
}
.tile--quarter {
	padding: 0 !important;
}
.tile--quarter span {
	display: block;
	width: 100%;
	height: 100%;
	background: var(--wp--preset--color--orange);
	border-bottom-right-radius: 100%;
}
.label-line {
	display: flex;
	align-items: center;
	gap: 1rem;
	margin: 0;
	font-size: 0.75rem;
	font-weight: 750;
	letter-spacing: 0.02em;
	text-transform: uppercase;
	color: var(--scng-fg);
}
.label-line::after {
	content: "";
	width: 3rem;
	height: 2px;
	background: currentColor;
}
.label-line--red { color: #E84436; }
.label-line--orange { color: #EE7B28; }
.quick-links {
	margin: 2rem 0 0;
	padding: 0;
	list-style: none;
	display: grid;
	gap: 0.35rem;
}
.quick-links a {
	color: var(--scng-muted);
	font-size: 0.9375rem;
	font-weight: 750;
	text-transform: uppercase;
	text-decoration: none;
}
.quick-links a:hover {
	color: var(--scng-fg);
}
.quick-links--social {
	margin-top: 1.25rem;
}
.quick-links--social a {
	text-transform: none;
	font-weight: 650;
}
.info-value {
	margin: 0.9rem 0 2rem !important;
	font-size: 1rem;
	font-weight: 750;
}
.info-value a {
	color: var(--scng-fg);
	text-decoration: none;
}
.info-value a:hover {
	text-decoration: underline;
}
.info-address {
	margin-top: 2rem !important;
	font-size: 1.0625rem;
	font-weight: 750;
	line-height: 1.35;
	color: var(--scng-fg);
}
.info-where {
	margin-top: 0.6rem !important;
	font-size: 0.8125rem;
	font-weight: 650;
	color: var(--scng-muted);
	line-height: 1.4;
}
.info-map {
	margin-top: auto !important;
	padding-top: 1.5rem;
}
.tile-button {
	display: inline-flex;
	align-items: center;
	gap: 0.8rem;
	padding: 0.65rem 1rem;
	border: 1px solid var(--scng-line);
	border-radius: 6px;
	color: var(--scng-fg);
	font-size: 0.75rem;
	font-weight: 750;
	text-transform: uppercase;
	text-decoration: none;
}
.tile-button:hover {
	border-color: var(--scng-fg);
}
.tile-button::after {
	content: "›";
	font-size: 1rem;
	line-height: 1;
}

.unit-logos {
	border-top: 1px solid var(--scng-line);
}
.unit-logos ul {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(7rem, 1fr));
	margin: 0;
	padding: 0;
	list-style: none;
}
.unit-logos a {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 0.4rem;
	padding: 1.25rem 0.5rem;
	color: var(--scng-muted);
	font-size: 0.8125rem;
	font-weight: 750;
	text-decoration: none;
}
.unit-logos img {
	/* enaka višina vseh logotipov (logotip VSŠ je širši od ostalih) */
	width: auto;
	height: 33px;
	max-width: 100%;
	filter: grayscale(1);
	opacity: 0.45;
	transition: filter 0.2s, opacity 0.2s;
}
.unit-logos a:hover img,
.unit-logos .is-current img {
	filter: none;
	opacity: 1;
}
.unit-logos a:hover,
.unit-logos .is-current a {
	color: var(--scng-fg);
}

.site-footer__bar {
	background: var(--scng-footer-bar);
	color: #fff;
	font-size: 0.8125rem;
	font-weight: 700;
}
.site-footer__bar-inner {
	padding-top: 0.8rem;
	padding-bottom: 0.8rem;
}
.site-footer__bar p {
	margin: 0;
}
.site-footer__bar a {
	color: #fff;
	text-decoration: none;
	margin-left: 1.25rem;
}
.site-footer__bar a:hover {
	text-decoration: underline;
}

/* ===================================================================
   Manjši zasloni
   =================================================================== */

@media (max-width: 1100px) {
	.quick {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
	.tiles--info {
		grid-template-columns: 1fr 1fr 1fr;
	}
	.tile--quarter {
		display: none !important;
	}
	.tiles--info .tile:nth-child(2) {
		border-left: 0;
	}
}

@media (max-width: 900px) {
	.cards,
	.news__list,
	.news--front,
	.news__lead .news__list,
	.news--archive .news__list {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
	.enrol {
		grid-template-columns: minmax(0, 1fr);
	}
}

@media (max-width: 781px) {
	.page__grid {
		grid-template-columns: minmax(0, 1fr);
	}
	.page__aside {
		position: static;
		order: 2;
	}
	.entry-content table {
		display: block;
		overflow-x: auto;
	}
	.tiles--info {
		grid-template-columns: minmax(0, 1fr);
	}
	.tiles--info .tile {
		min-height: 0;
		border-left: 0;
		border-top: 1px solid var(--scng-line);
		padding: 1.75rem 0;
	}
	.tiles--info .tile:nth-child(2) {
		border-top: 0;
	}
	.info-map {
		margin-top: 0 !important;
	}
}

@media (max-width: 600px) {
	.cards,
	.news__list,
	.news--front,
	.news__lead .news__list,
	.news--archive .news__list,
	.quick {
		grid-template-columns: minmax(0, 1fr);
	}
	.news--front .news__lead,
	.news__lead .news__list > li,
	.news--archive .news__list > li:first-child {
		grid-column: auto;
	}
	.news__lead .news__list > li,
	.news--archive .news__list > li:first-child {
		min-height: 22rem;
	}
	/* Na telefonu: manjša slika levo, naslov in opis desno */
	.cards > .card,
	.news__more .news__list > li,
	.news--archive .news__list > li:not(:first-child) {
		display: grid;
		grid-template-columns: 7.5rem minmax(0, 1fr);
		column-gap: 0.9rem;
		row-gap: 0.3rem;
		align-content: start;
	}
	.cards > .card > .card__media,
	.news__more .news__list > li > .card__media,
	.news--archive .news__list > li:not(:first-child) > .card__media,
	.news__more .news__list > li:not(:has(.card__media))::before,
	.news--archive .news__list > li:not(:first-child):not(:has(.card__media))::before {
		grid-row: span 2;
		aspect-ratio: 1;
		border-radius: 8px;
	}
	.card__title {
		font-size: 1.0625rem;
	}
	.card__excerpt {
		font-size: 0.875rem;
		-webkit-line-clamp: 2;
	}
	.card__ph::before {
		left: 50%;
		top: 50%;
		bottom: auto;
		transform: translate(-50%, -50%);
		width: 48px;
		height: 48px;
		background-size: 24px;
	}
	.card__ph::after {
		display: none;
	}
}

@media (prefers-reduced-motion: reduce) {
	* {
		transition: none !important;
	}
}

/* Popravki specifičnosti */
ul.news__list,
.wp-block-post-template.news__list {
	padding: 0 !important;
	margin: 0 !important;
	list-style: none;
}
.card__title .wp-block-post-title,
.card__title .wp-block-post-title a,
.card__title .wp-block-post-date {
	font-size: inherit !important;
	line-height: inherit !important;
}
.card__title .wp-block-post-title {
	font-weight: inherit !important;
}
.card > * {
	margin: 0 !important;
}

/* ===================================================================
   Manjše kartice: 4 v vrsti, glavna novica s fiksnim razmerjem
   =================================================================== */

:root {
	--scng-wrap: 1240px;
}
.cards,
.news__list,
.news--archive .news__list,
.news--front {
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 2rem 1.5rem;
}
.page__main > .cards {
	grid-template-columns: repeat(3, minmax(0, 1fr));
}
.card__title {
	font-size: 1.0625rem;
	line-height: 1.32;
}
.card__excerpt {
	font-size: 0.875rem;
}
.card,
.news__list > li {
	gap: 0.55rem;
}

/* Glavna novica: 2 stolpca, razmerje 16:10 – ne raztegne se z vrstico */
.news--front .news__lead {
	grid-column: span 2;
	align-self: start;
}
.news--front .news__lead .news__list,
.news--front .news__lead .news__list > li {
	height: auto !important;
}
.news__lead .news__list > li,
.news--archive .news__list > li:first-child {
	aspect-ratio: 16 / 10;
	min-height: 0 !important;
	height: auto;
	align-self: start;
}
.news__lead .card__title,
.news--archive li:first-child .card__title {
	font-size: clamp(1.25rem, 1.9vw, 1.6rem);
}
.news__lead .card__excerpt,
.news--archive li:first-child .card__excerpt {
	font-size: 0.9375rem;
}

/* Placeholder brez slike: manjši krog z ikono */
.card__ph::before {
	left: 1.1rem;
	bottom: 1.1rem;
	width: 48px;
	height: 48px;
	background-size: 24px;
}
.card__ph::after {
	left: 1.1rem;
	top: 1.1rem;
}

@media (max-width: 1100px) {
	.cards,
	.news__list,
	.news--archive .news__list,
	.news--front {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
	.page__main > .cards {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}
@media (max-width: 900px) {
	.cards,
	.news__list,
	.news--archive .news__list,
	.news--front,
	.page__main > .cards {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}
@media (max-width: 600px) {
	.cards,
	.news__list,
	.news--archive .news__list,
	.news--front,
	.page__main > .cards {
		grid-template-columns: minmax(0, 1fr);
	}
	.news--front .news__lead,
	.news__lead .news__list > li,
	.news--archive .news__list > li:first-child {
		grid-column: auto;
	}
}
.page > .wrap,
.front__content > .wrap,
.site-footer > .wrap {
	margin-left: auto !important;
	margin-right: auto !important;
}

/* ===================================================================
   Strani razdelkov (Predstavitev, Študij na VSŠ): ploščice kot na prejšnji strani
   =================================================================== */

.section-page.wrap {
	padding-top: 10px !important;
	padding-bottom: 10px !important;
}
.section-page__content > * {
	margin: 0 !important;
}
.section-page__content > * + * {
	margin-top: 10px !important;
}
.screen-reader-text.page-title {
	position: absolute !important;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip: rect(0 0 0 0);
	white-space: nowrap;
}

/* Uvod: besedilo s citatom in video */
.sintro {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	gap: 10px;
}
.sintro > * {
	margin: 0 !important;
}
.sintro__text {
	position: relative;
	padding: clamp(1.5rem, 3vw, 2.5rem) clamp(1.25rem, 3vw, 2.5rem) clamp(1.5rem, 3vw, 2.5rem) calc(clamp(1.25rem, 2.5vw, 2rem) + 61px + clamp(1.5rem, 4vw, 3.75rem));
}
.sintro__text::before {
	content: "";
	position: absolute;
	left: clamp(1.25rem, 2.5vw, 2rem);
	top: clamp(1.5rem, 3vw, 2.5rem);
	bottom: clamp(1.5rem, 3vw, 2.5rem);
	width: 61px;
	background: url(assets/vzorec.png) top / 61px auto repeat-y;
}
.sintro__text > * {
	margin: 0 !important;
}
.sintro__kicker {
	display: flex;
	align-items: center;
	gap: 1rem;
	font-size: 0.75rem;
	font-weight: 800;
	letter-spacing: 0.02em;
	text-transform: uppercase;
	color: #E8701E;
}
.sintro__kicker::after {
	content: "";
	width: 3rem;
	height: 2px;
	background: currentColor;
}
.sintro__text .sintro__title {
	margin: 1.75rem 0 0 !important;
	font-size: clamp(1.75rem, 2.6vw, 2.25rem);
	font-weight: 800;
	line-height: 1.15;
}
.sintro__title::after {
	content: "";
	display: block;
	width: 10rem;
	height: 2px;
	margin: 2rem 0;
	background: var(--scng-line);
}
.sintro__quote {
	color: #E8701E;
	font-size: clamp(1.1rem, 1.55vw, 1.35rem);
	line-height: 1.6;
}
@media (prefers-color-scheme: dark) {
	.sintro__quote,
	.sintro__kicker {
		color: #F6A35F;
	}
}
.sintro__text .sintro__by {
	margin-top: 1.5rem !important;
	font-size: 0.9375rem;
	color: var(--scng-muted);
}

/* Mreža ploščic */
.stiles {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 10px;
}
.stiles > * {
	margin: 0 !important;
}
.stile {
	--pad: clamp(1.25rem, 2.2vw, 2rem);
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	aspect-ratio: 1;
	padding: var(--pad) calc(var(--pad) + 1.5rem) calc(var(--pad) + 12px) var(--pad) !important;
	overflow: hidden;
	color: #fff;
	background-color: var(--wp--preset--color--ink);
}
.stile > * {
	margin: 0 !important;
}
.stile .stile__title {
	margin: 0 !important;
	font-size: clamp(1.3rem, 1.9vw, 1.75rem);
	font-weight: 800;
	line-height: 1.15;
	letter-spacing: -0.01em;
	color: #fff;
	text-wrap: balance;
}
.stile .stile__title a {
	color: #fff;
	text-decoration: none;
}
.stile .stile__title a::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 3;
}
.stile:hover .stile__title a,
.stile:focus-within .stile__title a {
	text-decoration: underline;
	text-decoration-thickness: 2px;
	text-underline-offset: 0.15em;
}
.stile .stile__title a:focus-visible {
	outline: none;
}
.stile:focus-within {
	outline: 3px solid var(--scng-fg);
	outline-offset: 2px;
}
.stile .stile__desc {
	margin-top: 0.4rem !important;
	font-size: 0.9375rem;
	line-height: 1.3;
	color: rgb(255 255 255 / 0.9);
}
/* puščica desno spodaj */
.stile::before {
	content: "";
	position: absolute;
	right: var(--pad);
	bottom: calc(var(--pad) + 2.25rem);
	width: 0.7rem;
	height: 0.7rem;
	background: #fff;
	-webkit-mask: url(assets/icons/chevron.svg) center / contain no-repeat;
	mask: url(assets/icons/chevron.svg) center / contain no-repeat;
	z-index: 2;
}

/* Barvna ploščica z ikono */
.stile--color {
	background-color: var(--sc);
	box-shadow: inset 0 -12px 0 rgb(0 0 0 / 0.1);
}
.stile--color::after {
	content: "";
	position: absolute;
	left: var(--pad);
	top: var(--pad);
	width: 3rem;
	height: 2px;
	background: rgb(255 255 255 / 0.9);
}
.stile--color .stile__title::before {
	content: "";
	position: absolute;
	left: var(--pad);
	top: calc(var(--pad) + 2rem);
	width: 58px;
	height: 58px;
	border-radius: 50%;
	border: 2px solid rgb(255 255 255 / 0.55);
	background: var(--si) center / 28px no-repeat;
}
.stile--c-orange { --sc: #EE7B28; }
.stile--c-lightblue { --sc: #28AEE0; }
.stile--c-yellow { --sc: #EDBE14; }
.stile--c-darkblue { --sc: #1C4BAD; }
.stile--c-green { --sc: #45BD7F; }
.stile--c-blue { --sc: #3B5998; }
.stile--c-red { --sc: #E8594B; }
.stile--c-violet { --sc: #794895; }
.stile--i-user { --si: url(assets/icons/user.svg); }
.stile--i-book { --si: url(assets/icons/book.svg); }
.stile--i-chat { --si: url(assets/icons/chat.svg); }
.stile--i-doc { --si: url(assets/icons/doc.svg); }
.stile--i-help { --si: url(assets/icons/help.svg); }

/* Ploščica s fotografijo (slika je ozadje skupine) */
.stile--photo {
	background-size: cover;
	background-position: 50% 50%;
	box-shadow: inset 0 -16rem 9rem -7rem rgb(8 43 59 / 0.88);
	transition: box-shadow 0.25s ease;
}
.stile--photo:hover {
	box-shadow: inset 0 -20rem 9rem -7rem rgb(8 43 59 / 0.92);
}
.stile--photo .stile__title::before {
	content: "";
	display: block;
	width: 3.25rem;
	height: 2px;
	margin-bottom: 1rem;
	background: var(--sb);
}
.stile--photo::after {
	content: "";
	position: absolute;
	left: var(--pad);
	right: calc(var(--pad) + 1.5rem);
	bottom: 0;
	height: 12px;
	background: var(--sb);
}
.stile .stile__badge {
	position: absolute;
	top: var(--pad);
	left: var(--pad);
	margin: 0 !important;
	padding: 0.3rem 0.5rem;
	background: var(--sb, var(--wp--preset--color--ink));
	color: #fff;
	font-size: 0.6875rem;
	font-weight: 800;
	line-height: 1.25;
	text-transform: uppercase;
	letter-spacing: 0.01em;
	z-index: 2;
}
.stile .stile__sub {
	margin-top: 0.3rem !important;
	font-size: 0.9375rem;
	color: rgb(255 255 255 / 0.92);
}
.stile--b-blue { --sb: #1C4BAD; }
.stile--b-orange { --sb: #EE7B28; }
.stile--b-green { --sb: #45BD7F; }
.stile--b-sky { --sb: #28AEE0; }
.stile--b-ink { --sb: #082B3B; }
.stile--b-violet { --sb: #794895; }
.stile--b-red { --sb: #E8594B; }
.stile--b-none { --sb: transparent; }
.stile--b-none .stile__title::before {
	background: rgb(255 255 255 / 0.6);
}

/* Temna ploščica z videom */
.stile--dark {
	justify-content: flex-start;
	padding-bottom: var(--pad) !important;
}
.stile--dark::before {
	-webkit-mask: none;
	mask: none;
	right: auto;
	left: var(--pad);
	bottom: var(--pad);
	width: 64px;
	height: 64px;
	border-radius: 50%;
	background:
		url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8 5.5v13l10.5-6.5z' fill='%23082B3B'/%3E%3C/svg%3E") center / 20px no-repeat,
		radial-gradient(circle, #fff 0 18px, rgb(255 255 255 / 0.18) 19px);
	transition: transform 0.2s ease;
}
.stile--dark:hover::before {
	transform: scale(1.08);
}
.stile .stile__label {
	display: flex;
	align-items: flex-start;
	gap: 1rem;
	max-width: 15rem;
	font-size: 0.6875rem;
	font-weight: 800;
	line-height: 1.35;
	text-transform: uppercase;
	color: #fff;
}
.stile__label::after {
	content: "";
	flex: none;
	width: 3rem;
	height: 2px;
	margin-top: 0.5rem;
	background: currentColor;
}
.stile--dark .stile__title {
	margin: auto 0 calc(64px + 1.75rem) !important;
}

@media (prefers-color-scheme: dark) {
	.stile--dark {
		background-color: #0F3A4E;
	}
}

@media (max-width: 1100px) {
	.stiles {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}
@media (max-width: 900px) {
	.stiles {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
	.sintro {
		grid-template-columns: minmax(0, 1fr);
	}
	.sintro > .stile {
		aspect-ratio: 16 / 10;
	}
}
@media (max-width: 560px) {
	.stiles {
		grid-template-columns: minmax(0, 1fr);
	}
	.stile {
		aspect-ratio: 5 / 4;
	}
	.sintro__text {
		padding-left: clamp(1.25rem, 3vw, 2.5rem);
	}
	.sintro__text::before {
		display: none;
	}
}
.stile--i-contacts { --si: url(assets/icons/contacts.svg); }
.stile--i-bubble { --si: url(assets/icons/bubble.svg); }
.stile--i-docs { --si: url(assets/icons/docs.svg); }
.stile--i-lifebuoy { --si: url(assets/icons/lifebuoy.svg); }

/* ===================================================================
   Dokumenti
   =================================================================== */

.page__docs {
	padding-top: clamp(1.5rem, 3vw, 2.5rem) !important;
	padding-bottom: clamp(3rem, 6vw, 5rem) !important;
}
.docs__title {
	margin: 2.25rem 0 0.75rem;
	font-size: 1.375rem;
}
.docs > .docs__title:first-child {
	margin-top: 0.5rem;
}
.docs__list {
	margin: 0;
	padding: 0;
	list-style: none;
	border-top: 1px solid var(--scng-line);
}
.docs__item {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	gap: 0.25rem 0.75rem;
	padding: 0.8rem 0 0.8rem 2.25rem;
	border-bottom: 1px solid var(--scng-line);
}
.docs__item::before {
	content: "";
	position: absolute;
	left: 0.1rem;
	top: 0.85rem;
	width: 1.35rem;
	height: 1.35rem;
	background: var(--wp--preset--color--primary);
	-webkit-mask: url(assets/icons/docs.svg) center / contain no-repeat;
	mask: url(assets/icons/docs.svg) center / contain no-repeat;
}
.docs__item--pdf::before { background: #D9412F; }
.docs__item--doc::before,
.docs__item--docx::before { background: #2B579A; }
.docs__item--xls::before,
.docs__item--xlsx::before { background: #217346; }
.docs__item a {
	font-weight: 650;
	text-decoration: none;
}
.docs__item a:hover {
	text-decoration: underline;
}
.docs__meta {
	font-size: 0.8125rem;
	color: var(--scng-muted);
}

/* ===================================================================
   Ploščice, pretvorjene s prejšnjih strani enot
   =================================================================== */

.stile:not(.has-link)::before {
	display: none;
}
.stile--photo:not(.has-link)::after {
	display: none;
}
.stile--wide {
	grid-column: span 2;
	aspect-ratio: auto;
	min-height: 100%;
}
.stile--c-violet { --sc: #794895; }
.stile--c-bluegreen { --sc: #1F9E9A; }
.stile--c-gray { --sc: #5F6C78; }
.stile--c-pink { --sc: #C85A84; }
.stile--b-pink { --sb: #C85A84; }
.stile--i-clock { --si: url(assets/icons/clock.svg); }
.stile--i-laptop { --si: url(assets/icons/laptop.svg); }
.stile--i-fb { --si: url(assets/icons/fb.svg); }

/* Misel ali poudarjeno besedilo */
.stile--quote {
	justify-content: center;
	background: var(--wp--preset--color--ink);
	padding-bottom: var(--pad) !important;
}
.stile--quote::before {
	display: none;
}
.stile--quote::after {
	content: "";
	position: absolute;
	left: var(--pad);
	top: var(--pad);
	width: 3rem;
	height: 2px;
	background: var(--wp--preset--color--orange);
}
.stile .stile__text {
	margin-top: 0.6rem !important;
	font-size: clamp(1rem, 1.3vw, 1.2rem);
	line-height: 1.45;
	color: #fff;
}
.stile--quote .stile__text:first-of-type {
	font-size: clamp(1.1rem, 1.5vw, 1.35rem);
	font-weight: 650;
}
.stile--quote .stile__badge {
	position: static;
	align-self: flex-start;
	margin-bottom: 0.75rem !important;
}

/* Kontakt (vloga, ime, telefon, e-pošta) */
.stile--contact,
.stile--list {
	justify-content: flex-start;
	aspect-ratio: auto;
	min-height: 13rem;
	background: var(--scng-bg-soft);
	color: var(--scng-fg);
	box-shadow: inset 0 -4px 0 var(--wp--preset--color--primary);
	padding-bottom: var(--pad) !important;
}
.stile--contact::before,
.stile--list::before {
	display: none;
}
.stile--contact .stile__badge,
.stile--list .stile__badge {
	position: static;
	align-self: flex-start;
	margin-bottom: 0.9rem !important;
	background: none;
	padding: 0;
	color: var(--scng-muted);
	display: flex;
	align-items: center;
	gap: 0.75rem;
}
.stile--contact .stile__badge::after,
.stile--list .stile__badge::after {
	content: "";
	width: 2.5rem;
	height: 2px;
	background: var(--wp--preset--color--orange);
}
.stile--contact .stile__title,
.stile--list .stile__title {
	color: var(--scng-fg);
	font-size: 1.25rem;
}
.stile--contact .stile__line {
	margin-top: 0.3rem !important;
	font-size: 0.9375rem;
	color: var(--scng-text);
	word-break: break-word;
}
.stile--contact .stile__line a {
	color: var(--scng-link);
}
.stile .stile__list {
	margin: 0 !important;
	padding: 0;
	list-style: none;
}
.stile__list li {
	padding: 0.4rem 0;
	border-bottom: 1px solid var(--scng-line);
	font-size: 0.9375rem;
	line-height: 1.35;
}
.stile__list li:last-child {
	border-bottom: 0;
}
.stile__list a {
	color: var(--scng-fg);
	font-weight: 600;
	text-decoration: none;
}
.stile__list a:hover {
	color: var(--scng-link);
	text-decoration: underline;
}
.stile--wide .stile__list {
	columns: 2;
	column-gap: 2rem;
}
.stile--wide .stile__list li {
	break-inside: avoid;
}

/* Uvod brez slike ob strani */
.sintro--solo {
	grid-template-columns: minmax(0, 1fr);
}
.sintro--solo .sintro__text {
	padding-top: clamp(1.25rem, 2.5vw, 2rem);
	padding-bottom: clamp(1.25rem, 2.5vw, 2rem);
}
.sintro--solo .sintro__text::before {
	max-height: 8rem;
}
.sintro--solo .sintro__title::after {
	display: none;
}
.sintro--solo .sintro__text .sintro__title {
	margin-top: 1rem !important;
}
.sintro--solo .sintro__quote {
	margin-top: 1.25rem !important;
	max-width: 60rem;
}

@media (max-width: 900px) {
	.stile--wide {
		grid-column: auto;
	}
	.stile--wide .stile__list {
		columns: 1;
	}
}

/* Podmeni v glavnem meniju */
.main-nav .wp-block-navigation__submenu-container {
	min-width: 16rem !important;
	padding: 0.5rem 0 !important;
	border: 0 !important;
	background: var(--bar-top) !important;
	box-shadow: 0 16px 40px rgb(0 0 0 / 0.3);
}
.main-nav .wp-block-navigation__submenu-container .wp-block-navigation-item__content {
	padding: 0.55rem 1.1rem !important;
	font-size: 0.9375rem;
	font-weight: 600;
	text-transform: none;
	letter-spacing: 0;
	white-space: normal;
}
.main-nav .wp-block-navigation__submenu-container .wp-block-navigation-item__content::after {
	display: none;
}
.main-nav .wp-block-navigation__submenu-container .wp-block-navigation-item__content:hover {
	background: rgb(255 255 255 / 0.08);
}
.main-nav .wp-block-navigation__submenu-icon {
	color: #fff;
	margin-left: 0.3rem;
}

/* Ploščice pod besedilom strani */
.scng-auto {
	margin-top: 2.5rem !important;
}
.page__main .stiles {
	grid-template-columns: repeat(3, minmax(0, 1fr));
}
@media (max-width: 900px) {
	.page__main .stiles {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}
@media (max-width: 560px) {
	.page__main .stiles {
		grid-template-columns: minmax(0, 1fr);
	}
}

/* Oznaka na vrhu, vsebina spodaj; ploščica zraste, če je besedila več */
.stile {
	overflow: visible;
}
.stile .stile__badge {
	position: static;
	align-self: flex-start;
	margin-bottom: auto !important;
	max-width: 100%;
}
.stile--photo .stile__badge + .stile__title,
.stile--photo .stile__badge + * {
	margin-top: 1.5rem !important;
}
.stile--photo {
	background-clip: padding-box;
}
/* V ožjem stolpcu (stran s stranskim menijem) brez kroga z ikono */
.page__main .stile--color .stile__title::before {
	display: none;
}

/* Kvadratne ploščice, ki se v vrstici raztegnejo na isto višino */
.stiles {
	--cols: 4;
	container-type: inline-size;
}
.stiles > .stile {
	aspect-ratio: auto;
	min-height: calc((100cqw - (var(--cols) - 1) * 10px) / var(--cols));
}
.page__main .stiles {
	--cols: 3;
}
@media (max-width: 1100px) {
	.stiles { --cols: 3; }
}
@media (max-width: 900px) {
	.stiles,
	.page__main .stiles { --cols: 2; }
}
@media (max-width: 560px) {
	.stiles,
	.page__main .stiles { --cols: 1; }
	.stiles > .stile {
		min-height: 75cqw;
	}
}

/* Seznam dokumentov na strani razdelka */
.docs-wrap {
	max-width: 900px;
	padding: clamp(1rem, 2vw, 1.5rem) 0 clamp(2rem, 4vw, 3rem);
}

/* Meni ne sme seči pod gumb Kazalo */
.main-nav {
	overflow-x: clip;
	overflow-y: visible;
}
.main-nav .wp-block-navigation__container > li[hidden] {
	display: none !important;
}

/* ===================================================================
   Galerije (prej NextGEN)
   =================================================================== */

.ngg-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
	gap: 6px;
	margin: 1.5rem 0;
}
.ngg-grid__item {
	display: block;
	aspect-ratio: 4 / 3;
	overflow: hidden;
	border-radius: 4px;
	background: var(--scng-bg-soft);
}
.ngg-grid__item img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.3s ease;
}
.ngg-grid__item:hover img {
	transform: scale(1.05);
}
.ngg-album {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
	gap: 1.25rem;
	margin: 1.5rem 0;
}
.ngg-album__item {
	margin: 0;
}
.ngg-album__open {
	display: block;
	width: 100%;
	padding: 0;
	border: 0;
	background: none;
	text-align: left;
	color: inherit;
	font: inherit;
	cursor: pointer;
}
.ngg-album__open img {
	display: block;
	width: 100%;
	aspect-ratio: 4 / 3;
	object-fit: cover;
	border-radius: 6px;
	transition: opacity 0.2s ease;
}
.ngg-album__open:hover img {
	opacity: 0.85;
}
.ngg-album__item.is-open .ngg-album__open img {
	outline: 4px solid var(--wp--preset--color--primary);
	outline-offset: 2px;
}
.ngg-album__title {
	display: block;
	margin-top: 0.5rem;
	font-weight: 700;
	font-size: 0.9375rem;
}
.ngg-album__title span {
	color: var(--scng-muted);
	font-weight: 400;
}
.ngg-album__holder .ngg-album__panel {
	margin: 0 0 2rem;
	padding: 1.25rem;
	border-radius: 8px;
	background: var(--scng-bg-soft);
	scroll-margin-top: 1rem;
}
.ngg-album__head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
}
.ngg-album__head h3 {
	margin: 0;
	font-size: 1.25rem;
}
.ngg-album__close {
	border: 1px solid var(--scng-line);
	border-radius: 4px;
	background: var(--scng-bg);
	color: var(--scng-fg);
	padding: 0.45rem 0.9rem;
	font: inherit;
	font-size: 0.875rem;
	cursor: pointer;
}
.ngg-album__panel .ngg-grid {
	margin-bottom: 0;
}

dialog.galerija {
	width: 100vw;
	height: 100vh;
	max-width: none;
	max-height: none;
	margin: 0;
	padding: 0;
	border: 0;
	background: rgb(5 12 18 / 0.94);
	color: #fff;
}
dialog.galerija::backdrop {
	background: rgb(5 12 18 / 0.6);
}
dialog.galerija img {
	position: absolute;
	inset: 3.5rem 4.5rem;
	width: calc(100% - 9rem);
	height: calc(100% - 7rem);
	object-fit: contain;
}
dialog.galerija button {
	position: absolute;
	border: 0;
	background: rgb(255 255 255 / 0.12);
	color: #fff;
	font-size: 2.25rem;
	line-height: 1;
	width: 3.25rem;
	height: 3.25rem;
	border-radius: 50%;
	cursor: pointer;
}
dialog.galerija button:hover,
dialog.galerija button:focus-visible {
	background: rgb(255 255 255 / 0.25);
}
.galerija__prev { left: 0.75rem; top: 50%; transform: translateY(-50%); }
.galerija__next { right: 0.75rem; top: 50%; transform: translateY(-50%); }
.galerija__close { right: 0.75rem; top: 0.75rem; }
.galerija__count {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0.75rem;
	margin: 0;
	text-align: center;
	font-size: 0.875rem;
	color: rgb(255 255 255 / 0.75);
}
@media (max-width: 600px) {
	dialog.galerija img {
		inset: 3.5rem 0.5rem;
		width: calc(100% - 1rem);
	}
	.galerija__prev,
	.galerija__next {
		top: auto;
		bottom: 0.5rem;
		transform: none;
	}
}

/* ===================================================================
   Naslovnica v5 (kot MMC): glavna novica 2/3 širine v razmerju 16:9 + kartica ob njej,
   nato vrsta treh in vrsta štirih kartic (mreža 12 stolpcev)
   =================================================================== */
.section--news .news--front {
	grid-template-columns: repeat(12, minmax(0, 1fr));
	gap: 2rem 1.5rem;
}
.section--news .news--front .news__lead {
	grid-column: span 8;
	grid-row: auto;
	align-self: stretch;
}
.section--news .news--front .news__lead .news__list,
.section--news .news--front .news__lead .news__list > li {
	height: 100% !important;
}
.section--news .news--front .news__lead .news__list > li {
	aspect-ratio: 16 / 9;
	min-height: 0 !important;
}
.section--news .news__lead .card__title {
	font-size: clamp(1.4rem, 2.2vw, 2rem);
}
.section--news .news--front .news__more .news__list > li {
	grid-column: span 3;
}
.section--news .news--front .news__more .news__list > li:nth-child(-n+4) {
	grid-column: span 4;
}
.section--news .news--front .news__more .news__list > li:first-child .card__title {
	font-size: 1.1875rem;
}
.section--news .news--front .news__more .news__list > li:first-child .card__excerpt {
	-webkit-line-clamp: 5;
}
@media (max-width: 900px) {
	.section--news .news--front {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
	.section--news .news--front .news__lead {
		grid-column: 1 / -1;
	}
	.section--news .news--front .news__more .news__list > li,
	.section--news .news--front .news__more .news__list > li:nth-child(-n+4) {
		grid-column: span 1;
	}
}
@media (max-width: 600px) {
	.section--news .news--front {
		grid-template-columns: minmax(0, 1fr);
	}
	.section--news .news--front .news__lead .news__list > li {
		aspect-ratio: auto;
		min-height: 22rem !important;
	}
}

/* Naslovnica: predstavitev šole pod novicami */
.section--intro .sintro--front {
	background: var(--scng-bg-soft);
	border-radius: var(--scng-radius);
	overflow: hidden;
}
.section--intro .sintro--front > .stile {
	min-height: 100%;
	border-radius: 0;
}
.section--intro .sintro__text .sintro__title {
	margin-top: 1.25rem !important;
}
.section--intro .sintro__title::after {
	margin: 1.5rem 0;
}
.sintro__text .sintro__more {
	margin-top: 1.75rem !important;
}
.sintro__more a {
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	padding: 0.7rem 1.2rem;
	border-radius: 999px;
	background: var(--wp--preset--color--primary);
	color: #fff;
	font-weight: 700;
	font-size: 0.9375rem;
	text-decoration: none;
}
.sintro__more a::after {
	content: "›";
	font-size: 1.2em;
	line-height: 1;
}
.sintro__more a:hover {
	filter: brightness(1.1);
}

/* Logotip VSŠ je podolgovat – v nogi ožja različica (manjši razmiki) in malo nižji */
.unit-logos__vss img {
	height: 28px;
	margin-block: 2.5px;
}

/* ===================================================================
   Dostopnost (ZDSMA): gumb in plošča, velikost pisave, kontrast
   =================================================================== */
.a11y {
	position: relative;
	flex: none;
	margin-left: 0.75rem;
}
.a11y__btn {
	display: grid;
	place-items: center;
	width: 46px;
	height: 46px;
	padding: 0;
	border: 0;
	border-radius: 6px;
	background: #1C4BAD;
	color: #fff;
	cursor: pointer;
}
.a11y__btn:hover,
.a11y__btn[aria-expanded="true"] {
	background: #143A8A;
}
.a11y__btn:focus-visible,
.a11y__panel :focus-visible,
.cookie-note :focus-visible {
	outline: 3px solid #EE7B28;
	outline-offset: 2px;
}
.a11y__panel {
	position: absolute;
	top: calc(100% + 10px);
	right: 0;
	z-index: 1000;
	width: min(20rem, calc(100vw - 2rem));
	max-height: calc(100vh - 9rem);
	overflow: auto;
	padding: 1rem 1.1rem;
	border: 2px solid #1C4BAD;
	border-radius: 8px;
	background: #fff;
	color: #111;
	font-size: 16px;
	box-shadow: 0 10px 30px rgb(0 0 0 / 0.3);
}
.a11y__panel p {
	margin: 0;
}
.a11y__title {
	padding-bottom: 0.75rem;
	font-weight: 800;
	font-size: 1.05rem;
	line-height: 1.3;
	text-align: center;
}
.a11y__group {
	padding: 0.85rem 0;
	border-top: 1px solid #d5d9de;
}
.a11y__label {
	margin-bottom: 0.5rem !important;
	font-weight: 700;
}
.a11y__row {
	display: flex;
	justify-content: space-between;
	gap: 0.5rem;
}
.a11y__panel button,
.a11y__panel a {
	font: inherit;
	color: #111;
	cursor: pointer;
}
.a11y__row button,
.a11y__list button {
	padding: 0.45rem 0.7rem;
	border: 1px solid #b9c0c8;
	border-radius: 6px;
	background: #f4f6f8;
}
.a11y__row button:hover,
.a11y__list button:hover {
	background: #e3e8ee;
}
.a11y__list {
	display: grid;
	gap: 0.45rem;
	justify-items: start;
}
.a11y__list button[aria-pressed="true"] {
	background: #1C4BAD;
	border-color: #1C4BAD;
	color: #fff;
}
.a11y__list a {
	text-decoration: underline;
}
.a11y__swatches {
	display: grid;
	grid-template-columns: repeat(8, 1fr);
	gap: 4px;
}
.a11y__swatches button {
	height: 2.2rem;
	border: 1px solid #888;
	border-radius: 4px;
	font-weight: 800;
	font-size: 1.1rem;
}
.a11y__swatches button[aria-pressed="true"] {
	outline: 3px solid #EE7B28;
	outline-offset: 1px;
}

/* Velikost pisave */
html[data-velikost="1"] { font-size: 112.5%; }
html[data-velikost="2"] { font-size: 125%; }
html[data-velikost="3"] { font-size: 137.5%; }
html[data-velikost="4"] { font-size: 150%; }

/* Podčrtane povezave, debelejša pisava */
html.a11y-podcrtaj a {
	text-decoration: underline !important;
	text-underline-offset: 0.15em;
}
html.a11y-debelo body {
	font-weight: 600;
}
html.a11y-debelo :where(p, li, a, span, td, th, label, button) {
	font-weight: 700 !important;
}

/* Barvni kontrast: vse besedilo in ozadja v izbranih dveh barvah (slike ostanejo) */
html[data-kontrast="1"] { --kb: #F5EEDC; --kf: #111111; }
html[data-kontrast="2"] { --kb: #002B7F; --kf: #FFE600; }
html[data-kontrast="3"] { --kb: #FFE600; --kf: #111111; }
html[data-kontrast="4"] { --kb: #000000; --kf: #FFFFFF; }
html[data-kontrast="5"] { --kb: #000000; --kf: #3CFF5A; }
html[data-kontrast="6"] { --kb: #000000; --kf: #FFE600; }
html[data-kontrast="7"] { --kb: #000000; --kf: #2EE6E6; }
html[data-kontrast] body,
html[data-kontrast] body *:not(img, svg, svg *, video, iframe, .a11y__swatches button, .a11y__swatches button *) {
	background-color: var(--kb) !important;
	color: var(--kf) !important;
	border-color: var(--kf) !important;
	text-shadow: none !important;
}
html[data-kontrast] a {
	text-decoration: underline !important;
}
/* Besedilo čez fotografije (ploščice, glavna novica) dobi polno ozadje, da je berljivo */
html[data-kontrast] :where(.stile--photo, .news__lead li) :where(h1, h2, h3, p, span, a) {
	background-color: var(--kb) !important;
}
html[data-kontrast] .card__media::after,
html[data-kontrast] .stile::before,
html[data-kontrast] .stile::after {
	opacity: 0 !important;
}

/* ===================================================================
   Obvestilo o piškotkih
   =================================================================== */
.cookie-note {
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 999;
	background: #1d1f21;
	color: #fff;
	box-shadow: 0 -6px 20px rgb(0 0 0 / 0.25);
}
.cookie-note[hidden] {
	display: none;
}
.cookie-note__in {
	display: flex;
	align-items: center;
	gap: 1.25rem 2rem;
	max-width: var(--scng-wrap, 1240px);
	margin: 0 auto;
	padding: 1rem clamp(1rem, 3vw, 2rem);
}
.cookie-note__text {
	flex: 1;
	font-size: 0.875rem;
	line-height: 1.5;
}
.cookie-note__text p {
	margin: 0;
}
.cookie-note__title {
	margin-bottom: 0.3rem !important;
	font-weight: 800;
	font-size: 0.95rem;
}
.cookie-note__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
	padding-left: 2rem;
	border-left: 1px solid rgb(255 255 255 / 0.5);
}
.cookie-note__actions a,
.cookie-note__actions button {
	padding: 0.5rem 0.9rem;
	border: 1px solid #fff;
	border-radius: 4px;
	background: #fff;
	color: #111;
	font: inherit;
	font-size: 0.875rem;
	font-weight: 600;
	text-decoration: none;
	cursor: pointer;
}
.cookie-note__actions a {
	background: transparent;
	color: #fff;
}
@media (max-width: 700px) {
	.cookie-note__in {
		flex-direction: column;
		align-items: stretch;
	}
	.cookie-note__actions {
		padding-left: 0;
		border-left: 0;
	}
}

/* Vdelane vsebine tretjih ponudnikov */
.embed-ask {
	display: grid;
	place-content: center;
	gap: 0.75rem;
	min-height: 14rem;
	width: 100%;
	padding: 1.5rem;
	border-radius: var(--scng-radius, 8px);
	background: var(--scng-bg-soft, #f2f4f7);
	text-align: center;
}
.embed-ask p {
	margin: 0 !important;
}
.embed-ask__load {
	padding: 0.6rem 1.1rem;
	border: 0;
	border-radius: 999px;
	background: var(--wp--preset--color--primary);
	color: #fff;
	font: inherit;
	font-weight: 700;
	cursor: pointer;
}
.embed-ask.is-loaded {
	display: block;
	padding: 0;
	min-height: 0;
	background: none;
}
.embed-ask.is-loaded iframe {
	width: 100%;
	height: 100%;
	min-height: 20rem;
	border: 0;
}

/* Zemljevid strani in povezave v nogi */
.sitemap ul {
	padding-left: 1.25rem;
}
.sitemap li {
	margin: 0.25rem 0;
}
.legal-links {
	display: flex;
	flex-wrap: wrap;
	gap: 0.25rem 1.25rem;
}