/* =====================================================================
 * Platforma rabljenih materialov (PRM)
 * Vsi stili so omejeni na .prm-page / .prm-single, zato ne vplivajo
 * na obstoječe zbirke.
 * ===================================================================== */

.prm-page,
.prm-single {
	/* --- BARVE: spremeni samo tukaj --- */
	--prm-hero-bg:   #e9e9e9;  /* siv pas z izpostavljenim (namesto oranžne) */
	--prm-body-bg:   #ffffff;
	--prm-card-bg:   #ffffff;
	--prm-line:      #d6d7d9;
	--prm-text:      #111111;
	--prm-muted:     #6a6a6a;
	--prm-accent:    #111111;  /* aktivni filtri, obrobe */
}

.prm-hero {
	background: var(--prm-hero-bg);
}

.prm-hero h1 {
	margin-bottom: 1rem;
}

.prm-hero h3 {
	font-size: 1.15rem;
}

/* --- izpostavljeni krogi ------------------------------------------- */

.prm-featured-item p {
	font-weight: 700;
	margin-top: 1rem;
}

.prm-featured-item .prm-circle {
	position: relative;
	overflow: hidden;
	border-radius: 50%;
	width: 100%;
	padding-bottom: 100%;
}

.prm-featured-item .prm-circle img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: all .3s linear;
	-webkit-transition: all .3s linear;
}

/* zoom na hover - enako kot .rounded-circle-wrap pri zbirkah */
.prm-featured-item .prm-circle:hover img {
	transform: scale(1.3);
	-ms-transform: scale(1.3);
	-webkit-transform: scale(1.3);
}

.prm-featured-item a {
	text-decoration: none;
	color: var(--prm-text);
}

.prm-featured-item .prm-featured-label {
	display: inline-flex;
	align-items: center;
	gap: .4rem;
}

.prm-featured-item .prm-featured-label img {
	width: 26px;
	height: 26px;
}

/* --- vrstica nad mrežo (števec + sortiranje) ------------------------ */

.prm-toolbar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: .5rem;
	margin-bottom: 1.5rem;
}

.prm-count {
	margin: 0;
	font-weight: 700;
}

.prm-sort {
	display: flex;
	align-items: center;
	gap: .5rem;
}

.prm-sort label {
	margin: 0;
	white-space: nowrap;
}

.prm-sort select {
	border: 0;
	background: transparent;
	font-weight: 700;
	padding: .2rem 1.2rem .2rem .2rem;
	cursor: pointer;
	-webkit-appearance: none;
	appearance: none;
	background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6'><path d='M0 0l5 6 5-6z' fill='%23111'/></svg>");
	background-repeat: no-repeat;
	background-position: right .2rem center;
	background-size: 10px 6px;
}

/* --- združevanje po kategorijah (stikalo v vrstici nad mrežo) -------- */

.prm-controls {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 1.25rem;
}

.prm-groupby {
	display: flex;
	align-items: center;
	gap: .4rem;
}

.prm-groupby input[type="checkbox"] {
	width: 17px;
	height: 17px;
	margin: 0;
	border: 1px solid var(--prm-text);
	accent-color: var(--prm-text);
	cursor: pointer;
	-webkit-appearance: auto;
	appearance: auto;
}

.prm-groupby label {
	margin: 0;
	cursor: pointer;
	white-space: nowrap;
}

/* --- naslov kategorije v mreži -------------------------------------- */

/* Merilo za širino stolpca - masonry ga potrebuje, ker je prvi element
   mreže lahko naslov kategorije (cela širina). Ni viden. */
.prm-page .msn-column-sizer {
	width: 31.666%;
	height: 0;
	overflow: hidden;
}

.prm-page .msn-grid-item.prm-group-head {
	width: 100%;
	float: left;
	background: transparent;
	margin-bottom: 1rem;
	padding-bottom: .5rem;
	border-bottom: 1px solid var(--prm-text);
}

.prm-page .msn-grid-item.prm-group-head:hover {
	background: transparent;
}

.prm-group-title {
	margin: 0;
	font-size: 1.15rem;
	text-transform: uppercase;
	letter-spacing: .04em;
}

/* Sprožilec za nalaganje naslednje strani (infinite scroll). Prazen inline
   element nima okvirja in ga IntersectionObserver ne opazi, zato mu damo
   višino 1px. */
.prm-page #prmLoadMorePosts {
	display: block;
	width: 100%;
	height: 1px;
}

/* --- levi filtri ---------------------------------------------------- */

.prm-page #prmFiltersSearch input[type="search"] {
	border: solid 1px var(--prm-line);
	background: #fff;
	height: 42px;
}

.prm-page #prmFiltersSearch input[type="search"]:not(:placeholder-shown) {
	border: solid 2px var(--prm-accent);
}

.prm-page .prm-search-wrap {
	position: relative;
}

.prm-page .prm-search-wrap .prm-search-icon {
	position: absolute;
	right: 12px;
	top: 50%;
	transform: translateY(-50%);
	pointer-events: none;
	opacity: .7;
	width: 16px;
}

.prm-page .check-box {
	margin-bottom: .35rem;
	cursor: pointer;
}

/* --- pogosta iskanja ------------------------------------------------ */

.prm-page .keyword-row span {
	display: inline-block;
	border: solid 1px var(--prm-line);
	border-radius: 4px;
	padding: .25rem .6rem;
	margin: 0 .35rem .5rem 0;
	cursor: pointer;
	font-size: .9rem;
	line-height: 1.4;
	transition: border-color .2s ease, background .2s ease;
}

.prm-page .keyword-row span:hover {
	border-color: var(--prm-accent);
	background: var(--prm-hero-bg);
}

/* --- kartice materialov --------------------------------------------- */

.prm-page .msn-grid-item {
	background: var(--prm-card-bg);
}

.prm-page .msn-grid-item > a {
	display: block;
	text-decoration: none;
	color: var(--prm-text);
}

.prm-page .msn-grid-item > a > .prm-card-media {
	position: relative;   /* sidro za hover ploščico - da ne prekrije napisa spodaj */
	display: block;
	overflow: hidden;
}

.prm-page .prm-card-media > img,
.prm-page .msn-grid-item > a > img {
	display: block;
	width: 100%;
	height: auto;
	background: #fbfbfb;
}

.prm-card-body {
	padding: .75rem .9rem 1rem;
	border: solid 1px var(--prm-line);
	border-top: 0;
}

.prm-card-title {
	font-size: 1rem;
	line-height: 1.2;
	font-weight: 700;
	margin: 0 0 .2rem;

	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}

.prm-card-cat {
	font-size: .95rem;
	line-height: 1.2;
	color: var(--prm-muted);
	margin: 0;

	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}

/* --- nalaganje ------------------------------------------------------ */

.prm-page .msn-wrapper.loading .msn-grid-item {
	opacity: .35;
}

.prm-page #prmNoResults.hidden,
.prm-page .hidden {
	display: none;
}

/* --- sticky filtri na mobilnem -------------------------------------- */

.prm-page:not(.mobile-filters-open) #prmFiltersSection {
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	z-index: 9999;
	background: #fff;
}

body.nav-is-fixed.nav-is-visible:not(.msn-is-loading) #prmFiltersSection {
	top: 70px;
}

/* =====================================================================
 * POSAMEZEN MATERIAL
 * ===================================================================== */

.prm-single .prm-meta-table {
	width: 100%;
	margin-top: 1.5rem;
	border-collapse: collapse;
}

.prm-single .prm-meta-table th,
.prm-single .prm-meta-table td {
	border-bottom: solid 1px var(--prm-line);
	padding: .7rem 0;
	vertical-align: top;
	font-size: 1rem;
	line-height: 1.35;
}

.prm-single .prm-meta-table th {
	text-align: left;
	font-weight: 700;
	width: 42%;
	padding-right: 1rem;
}

.prm-single .prm-section-title {
	font-weight: 700;
	margin: 2rem 0 .6rem;
}

.prm-single .prm-disclaimer {
	color: var(--prm-muted);
	font-size: .9rem;
	line-height: 1.35;
	margin-top: 2rem;
}

.prm-single .prm-excel-link {
	display: inline-block;
	margin-top: 1rem;
	font-weight: 700;
	text-decoration: underline;
}

/* =====================================================================
 * INFO STRANI (O projektu / Protokol / Priročnik / Materiali v uporabi)
 * ===================================================================== */

.prm-info-page {
	background: var(--prm-hero-bg, #e9e9e9);
}

.prm-back-link {
	display: inline-flex;
	align-items: center;
	gap: .4rem;
	text-decoration: none;
	color: #111;
	margin-bottom: 2rem;
}

.prm-back-link img {
	width: 26px;
	transform: rotate(180deg);
}

/* Blok z naslovom (npr. KOLOFON PROJEKTA) na info straneh */
.prm-info-textblock .prm-section-title,
.prm-info-block .prm-section-title {
	font-weight: 700;
	margin-bottom: .75rem;
}

/* Nastevanje (npr. kolofon): malo zraka med posameznimi alinejami,
   prelomljene vrstice znotraj iste alineje ostanejo tesne. */
.prm-info-textblock .content-text p {
	margin-bottom: .45rem;
}

.prm-info-gallery img {
	width: 100%;
	height: auto;
	display: block;
	margin-bottom: 1.5rem;
}

/* Vrtiljak v desnem stolpcu info strani (npr. Priročnik) */
.prm-info-swiper {
	width: 100%;
	overflow: hidden;
}

.prm-info-swiper .swiper-slide img {
	display: block;
	width: 100%;
	height: auto;
}

/* modal-controller-style.css da tem pikam belo podlago in jih pripne na dno slike;
   tu jih postavimo pod sliko in odstranimo podlago (zato tri razredi = vecja tezа) */
.prm-info-swiper .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets {
	position: static;
	background: transparent;
	margin-top: .9rem;
}

.prm-info-swiper .swiper-pagination-bullet {
	opacity: .3;
}

.prm-info-swiper .swiper-pagination-bullet-active {
	opacity: 1;
}

.prm-btn {
	display: inline-block;
	background: #111;
	color: #fff !important;
	border-radius: 50px;
	padding: .7rem 1.8rem;
	text-decoration: none !important;
	text-transform: uppercase;
	letter-spacing: .04em;
	font-size: .85rem;
	margin: 0 .75rem .75rem 0;
}

.prm-btn:hover {
	opacity: .85;
}

@media (max-width: 991px) {
	.prm-toolbar {
		margin-bottom: 1rem;
	}
	.prm-controls {
		gap: .9rem;
		width: 100%;
		justify-content: space-between;
	}
	.prm-page .msn-column-sizer {
		width: 47.5%;
	}
	.prm-group-title {
		font-size: 1rem;
	}
	.prm-single .prm-meta-table th {
		width: 50%;
	}
}

/* =====================================================================
 * ARHIV SKUPINE MATERIALOV (taxonomy-mat_group.php)
 * ===================================================================== */

.prm-group-archive .term-desc-text p:first-child {
	margin-top: 0 !important;
}

.prm-group-archive .msn-grid-item {
	background: transparent;
}

/* bela ploščica čez sliko na hover - mehanika je iz styles.min.css
   (.collection-overlay-block-wrap opacity 0 -> 1 na .msn-grid-item:hover) */
.prm-overlay {
	background: var(--prm-card-bg) !important;
	overflow: hidden;
}

.prm-overlay .collection-overlay-inner {
	position: relative;
	height: 100%;
	min-height: 100%;
	display: flex;
	flex-direction: column;
	padding: 0;
}

.prm-overlay .collection-cat {
	position: static !important;
	display: block;
	margin: 0 0 12px 0;
	font-size: 14px !important;
	line-height: 1.1 !important;
	text-transform: uppercase;
	z-index: 2;
}

.prm-overlay .exh-text {
	width: 100% !important;
	max-width: calc(100% - 45px);
	margin-top: 0 !important;
	z-index: 2;
}

.prm-overlay .exh-text h5 {
	font-size: 24px !important;
	line-height: 1.05 !important;
	margin: 0 0 12px 0 !important;

	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}

.prm-overlay .exh-text p {
	font-size: 16px !important;
	line-height: 1.25 !important;
	margin: 0 !important;

	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}

.prm-overlay .collection-more {
	position: absolute !important;
	right: 0;
	bottom: 0;
	z-index: 3;
}

.prm-overlay .collection-more img {
	width: 42px !important;
	height: 42px !important;
	max-width: 42px !important;
	min-width: 42px !important;
	object-fit: contain;
	display: block;
}

/* --- barvna varianta hover ploščice ---------------------------------
   V mreži je ozadje strani belo -> ploščica je siva.
   Na arhivu skupine je ozadje sivo -> ploščica ostane bela. */
.prm-overlay--gray {
	background: var(--prm-hero-bg) !important;
}

/* =====================================================================
 * MATERIALI V UPORABI - mreža vizitk (page_prm_uporaba.php)
 * Same slike v mozaiku; na hover se kartica prebarva v sivo in izpiše
 * naslov dogodka, organizacijo, datum in seznam izposojenih elementov.
 * ===================================================================== */

/* Ponavljajoc vzorec vrstic: 2 sliki, nato 3, nato spet 2 ...
   Slike v isti vrstici so enako velike; zadnja, nepopolna vrstica
   se raztegne cez celo sirino (razred se ujema s stevilom slik). */
.prm-usage-grid {
	display: flex;
	flex-direction: column;
	gap: 1.5rem;
}

.prm-usage-row {
	display: flex;
	gap: 1.5rem;
}

.prm-usage-item {
	position: relative;          /* sidro za hover ploščico */
	flex: 1 1 0;
	min-width: 0;
	display: block;
}

/* visina celice po vrsti vrstice - sirse celice v vrstici z dvema slikama */
.prm-usage-row--1 .prm-usage-item {
	aspect-ratio: 2 / 1;
}

.prm-usage-row--2 .prm-usage-item {
	aspect-ratio: 4 / 3;
}

.prm-usage-row--3 .prm-usage-item {
	aspect-ratio: 4 / 5;
}

.prm-usage-item > a {
	display: block;
	height: 100%;
	text-decoration: none;
	color: var(--prm-text);
}

.prm-usage-item img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	background: #fbfbfb;
}

/* ploščica je privzeto skrita (mehanika iz styles.min.css),
   tu dodamo lasten sprožilec, ker to ni .msn-grid-item */
.prm-usage-item:hover .collection-overlay-block-wrap {
	opacity: 1;
}

.prm-usage-item .prm-overlay .exh-text h5 {
	-webkit-line-clamp: 2;
}

.prm-usage-item .prm-overlay .exh-text p {
	-webkit-line-clamp: 2;
}

.prm-usage-elements {
	-webkit-line-clamp: 4 !important;
	color: var(--prm-muted);
}

@media (max-width: 991px) {
	.prm-usage-row {
		flex-direction: column;
	}

	.prm-usage-row .prm-usage-item {
		aspect-ratio: 4 / 3;
	}
}

/* seznam vrst uporabe (Razstave, Dogodki, ...) - alineje s piko */
.content-text.prm-uporaba-list p {
	position: relative;
	padding-left: 1.15rem;
	margin-bottom: .7rem;
}

.content-text.prm-uporaba-list p::before {
	content: "\2022";
	position: absolute;
	left: .15rem;
	top: 0;
}

/* ločnica nad bloki v levem stolpcu (npr. "Izposojevalci:") */
.prm-info-block {
	border-top: solid 1px var(--prm-line);
	padding-top: 1.75rem;
	max-width: 420px;
}

.prm-info-block p {
	margin: 0 0 .55rem;
}

/* gumb brez povezave — dokument še ni na voljo */
.prm-btn--pending {
	background: transparent;
	color: var(--prm-muted) !important;
	border: dashed 1.5px var(--prm-line);
	cursor: default;
}

.prm-btn--pending:hover { opacity: 1; }