/*
 Theme Name:   Bricks Child Theme
 Theme URI:    https://bricksbuilder.io/
 Description:  Use this child theme to extend Bricks.
 Author:       Bricks
 Author URI:   https://bricksbuilder.io/
 Template:     bricks
 Version:      1.1
 Text Domain:  bricks
*/

/**Page Transition**/
@view-transition {
  navigation: auto;
}

/* Pozadinski banner samo na unutarnjim stranicama */
body:not(.home) #brx-content {
	background-color: var(--white);
	background-image:
		linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, var(--white-trans-50) 55%, var(--white) 100%),
		linear-gradient(to right, var(--white) 0%, var(--white-trans-70) 30%, var(--white-trans-30) 55%, rgba(255, 255, 255, 0) 80%),
		url("https://deconiq.space/wp-content/uploads/2026/07/hkc-bg-1.webp?t=1789244537");
	background-repeat: no-repeat;
	background-position: top center;
	background-size: 100% 28vw, 100% 28vw, 100% auto;
}

/* Mobitel: povećana visina slike i prikaz desnog dijela */
@media (max-width: 767px) {
	body:not(.home) #brx-content {
		background-size: 100% calc(var(--space-xxl) * 4.4), 100% calc(var(--space-xxl) * 4.4), auto calc(var(--space-xxl) * 4);
		background-position: top center, top center, right top;
	}
}

/* ---------------------------------------------------------
   ACSS 3.3.7 ne generira -trans- varijante za ultra-light
   nijansu (generira ih za base/light/dark/ultra-dark).
   Dopunjeno iz ACSS-ovih vlastitih h/s/l tokena.
--------------------------------------------------------- */
:root {
	--primary-ultra-light-trans-10: hsl(var(--primary-ultra-light-h) var(--primary-ultra-light-s) var(--primary-ultra-light-l) / 10%);
	--primary-ultra-light-trans-20: hsl(var(--primary-ultra-light-h) var(--primary-ultra-light-s) var(--primary-ultra-light-l) / 20%);
	--primary-ultra-light-trans-30: hsl(var(--primary-ultra-light-h) var(--primary-ultra-light-s) var(--primary-ultra-light-l) / 30%);
	--primary-ultra-light-trans-40: hsl(var(--primary-ultra-light-h) var(--primary-ultra-light-s) var(--primary-ultra-light-l) / 40%);
	--primary-ultra-light-trans-50: hsl(var(--primary-ultra-light-h) var(--primary-ultra-light-s) var(--primary-ultra-light-l) / 50%);
	--primary-ultra-light-trans-60: hsl(var(--primary-ultra-light-h) var(--primary-ultra-light-s) var(--primary-ultra-light-l) / 60%);
	--primary-ultra-light-trans-70: hsl(var(--primary-ultra-light-h) var(--primary-ultra-light-s) var(--primary-ultra-light-l) / 70%);
	--primary-ultra-light-trans-80: hsl(var(--primary-ultra-light-h) var(--primary-ultra-light-s) var(--primary-ultra-light-l) / 80%);
	--primary-ultra-light-trans-90: hsl(var(--primary-ultra-light-h) var(--primary-ultra-light-s) var(--primary-ultra-light-l) / 90%);

	--secondary-ultra-light-trans-10: hsl(var(--secondary-ultra-light-h) var(--secondary-ultra-light-s) var(--secondary-ultra-light-l) / 10%);
	--secondary-ultra-light-trans-20: hsl(var(--secondary-ultra-light-h) var(--secondary-ultra-light-s) var(--secondary-ultra-light-l) / 20%);
	--secondary-ultra-light-trans-30: hsl(var(--secondary-ultra-light-h) var(--secondary-ultra-light-s) var(--secondary-ultra-light-l) / 30%);
	--secondary-ultra-light-trans-40: hsl(var(--secondary-ultra-light-h) var(--secondary-ultra-light-s) var(--secondary-ultra-light-l) / 40%);
	--secondary-ultra-light-trans-50: hsl(var(--secondary-ultra-light-h) var(--secondary-ultra-light-s) var(--secondary-ultra-light-l) / 50%);
	--secondary-ultra-light-trans-60: hsl(var(--secondary-ultra-light-h) var(--secondary-ultra-light-s) var(--secondary-ultra-light-l) / 60%);
	--secondary-ultra-light-trans-70: hsl(var(--secondary-ultra-light-h) var(--secondary-ultra-light-s) var(--secondary-ultra-light-l) / 70%);
	--secondary-ultra-light-trans-80: hsl(var(--secondary-ultra-light-h) var(--secondary-ultra-light-s) var(--secondary-ultra-light-l) / 80%);
	--secondary-ultra-light-trans-90: hsl(var(--secondary-ultra-light-h) var(--secondary-ultra-light-s) var(--secondary-ultra-light-l) / 90%);

	--accent-ultra-light-trans-10: hsl(var(--accent-ultra-light-h) var(--accent-ultra-light-s) var(--accent-ultra-light-l) / 10%);
	--accent-ultra-light-trans-20: hsl(var(--accent-ultra-light-h) var(--accent-ultra-light-s) var(--accent-ultra-light-l) / 20%);
	--accent-ultra-light-trans-30: hsl(var(--accent-ultra-light-h) var(--accent-ultra-light-s) var(--accent-ultra-light-l) / 30%);
	--accent-ultra-light-trans-40: hsl(var(--accent-ultra-light-h) var(--accent-ultra-light-s) var(--accent-ultra-light-l) / 40%);
	--accent-ultra-light-trans-50: hsl(var(--accent-ultra-light-h) var(--accent-ultra-light-s) var(--accent-ultra-light-l) / 50%);
	--accent-ultra-light-trans-60: hsl(var(--accent-ultra-light-h) var(--accent-ultra-light-s) var(--accent-ultra-light-l) / 60%);
	--accent-ultra-light-trans-70: hsl(var(--accent-ultra-light-h) var(--accent-ultra-light-s) var(--accent-ultra-light-l) / 70%);
	--accent-ultra-light-trans-80: hsl(var(--accent-ultra-light-h) var(--accent-ultra-light-s) var(--accent-ultra-light-l) / 80%);
	--accent-ultra-light-trans-90: hsl(var(--accent-ultra-light-h) var(--accent-ultra-light-s) var(--accent-ultra-light-l) / 90%);

	--base-ultra-light-trans-10: hsl(var(--base-ultra-light-h) var(--base-ultra-light-s) var(--base-ultra-light-l) / 10%);
	--base-ultra-light-trans-20: hsl(var(--base-ultra-light-h) var(--base-ultra-light-s) var(--base-ultra-light-l) / 20%);
	--base-ultra-light-trans-30: hsl(var(--base-ultra-light-h) var(--base-ultra-light-s) var(--base-ultra-light-l) / 30%);
	--base-ultra-light-trans-40: hsl(var(--base-ultra-light-h) var(--base-ultra-light-s) var(--base-ultra-light-l) / 40%);
	--base-ultra-light-trans-50: hsl(var(--base-ultra-light-h) var(--base-ultra-light-s) var(--base-ultra-light-l) / 50%);
	--base-ultra-light-trans-60: hsl(var(--base-ultra-light-h) var(--base-ultra-light-s) var(--base-ultra-light-l) / 60%);
	--base-ultra-light-trans-70: hsl(var(--base-ultra-light-h) var(--base-ultra-light-s) var(--base-ultra-light-l) / 70%);
	--base-ultra-light-trans-80: hsl(var(--base-ultra-light-h) var(--base-ultra-light-s) var(--base-ultra-light-l) / 80%);
	--base-ultra-light-trans-90: hsl(var(--base-ultra-light-h) var(--base-ultra-light-s) var(--base-ultra-light-l) / 90%);

	--neutral-ultra-light-trans-10: hsl(var(--neutral-ultra-light-h) var(--neutral-ultra-light-s) var(--neutral-ultra-light-l) / 10%);
	--neutral-ultra-light-trans-20: hsl(var(--neutral-ultra-light-h) var(--neutral-ultra-light-s) var(--neutral-ultra-light-l) / 20%);
	--neutral-ultra-light-trans-30: hsl(var(--neutral-ultra-light-h) var(--neutral-ultra-light-s) var(--neutral-ultra-light-l) / 30%);
	--neutral-ultra-light-trans-40: hsl(var(--neutral-ultra-light-h) var(--neutral-ultra-light-s) var(--neutral-ultra-light-l) / 40%);
	--neutral-ultra-light-trans-50: hsl(var(--neutral-ultra-light-h) var(--neutral-ultra-light-s) var(--neutral-ultra-light-l) / 50%);
	--neutral-ultra-light-trans-60: hsl(var(--neutral-ultra-light-h) var(--neutral-ultra-light-s) var(--neutral-ultra-light-l) / 60%);
	--neutral-ultra-light-trans-70: hsl(var(--neutral-ultra-light-h) var(--neutral-ultra-light-s) var(--neutral-ultra-light-l) / 70%);
	--neutral-ultra-light-trans-80: hsl(var(--neutral-ultra-light-h) var(--neutral-ultra-light-s) var(--neutral-ultra-light-l) / 80%);
	--neutral-ultra-light-trans-90: hsl(var(--neutral-ultra-light-h) var(--neutral-ultra-light-s) var(--neutral-ultra-light-l) / 90%);
}

/* ---------------------------------------------------------
   Plakat kao cover (HKC Događaji)
   Plugin dodaje .is-plakat i --hkc-plakat-bg na Bricks image
   element s istaknutom slikom kad je istaknuta slika = plakat.
   Prikazuje se cijeli plakat, a zamućena verzija puni ostatak.
--------------------------------------------------------- */
.is-plakat:not(img) {
	position: relative;
	overflow: hidden;
	isolation: isolate;
	background-color: var(--neutral-ultra-dark);
}

.is-plakat:not(img)::before {
	content: "";
	position: absolute;
	inset: calc(var(--space-m) * -1);
	z-index: -1;
	background: var(--hkc-plakat-bg) center / cover no-repeat;
	filter: blur(var(--space-s)) brightness(0.8);
}

.is-plakat:not(img) img,
img.is-plakat {
	object-fit: contain !important;
	background: transparent;
}

/* Uspravni plakat na stranici objave ne smije gurnuti naslov ispod ekrana */
.is-plakat:not(img) img {
	max-block-size: 70vh;
}

img.is-plakat {
	background-color: var(--neutral-ultra-dark);
}

/* ---------------------------------------------------------
   Publikacije: gumbi (plugin HKC Publikacije)
--------------------------------------------------------- */
.pub-actions {
	display: flex;
	flex-direction: column;
	align-items: stretch;
	gap: var(--space-xs);
	inline-size: 100%;
}

/* Omotači u karticama su fit-content — gumbi idu preko cijele širine */
.p-item__cta-wrapper,
.brxe-shortcode:has(> .pub-actions) {
	align-self: stretch;
	inline-size: 100%;
}

/* Ikona i natpis u sredini gumba (jača specifičnost od ACSS .btn--*) */
.pub-actions .pub-actions__btn {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: var(--space-xs);
	inline-size: 100%;
	border-width: var(--border-width);
	text-align: center;
	cursor: pointer;
}

/* Vodoravni raspored (stranica publikacije): gumbi u redu, info u novom redu */
.pub-actions--row {
	flex-direction: row;
	flex-wrap: wrap;
	align-items: center;
	inline-size: auto;
}

.pub-actions--row .pub-actions__btn {
	inline-size: auto;
}

.pub-actions--row .pub-actions__info {
	inline-size: 100%;
}

/* Tip i veličina datoteka ispod gumba */
.pub-actions__info {
	display: flex;
	flex-wrap: wrap;
	gap: 0 var(--space-xs);
	margin: 0;
	font-size: calc(var(--text-xs) * 0.85);
	line-height: 1.5;
	color: var(--text-dark-muted);
}

.pub-actions__info span + span::before {
	content: "·";
	margin-inline-end: var(--space-xs);
}

.pub-actions__label {
	display: inline-flex;
	align-items: center;
	gap: var(--space-xs);
}

.pub-actions__meta {
	font-size: calc(var(--text-xs) * 0.85);
	font-weight: 400;
	text-transform: none;
	letter-spacing: normal;
	white-space: nowrap;
	opacity: 0.85;
}

.pub-actions__icon {
	flex-shrink: 0;
	inline-size: calc(var(--text-m) * 1.25);
	block-size: calc(var(--text-m) * 1.25);
	margin-block: calc(var(--text-m) * -0.25);
	fill: currentColor;
}

.pub-actions__df {
	display: none !important;
}

/* WP Grid Builder filteri u bojama sitea (WPGB boji preko svojih varijabli) */
.wpgb-facet {
	--wpgb-accent-scheme-1: var(--primary);
	--wpgb-border-radius: var(--radius-s);
	--wpgb-border-width: var(--border-width);
	font-family: var(--text-font-family);
	font-size: var(--text-s);
}


/* ---------------------------------------------------------
   Filter traka arhive (WPGB facete)
--------------------------------------------------------- */
.archive-filters .wpgb-facet {
	inline-size: 100%;
}

/* "Poništi filtre" je poveznica s ikonom, ne gumb */
.archive-results .wpgb-facet button.wpgb-reset {
	display: inline-flex;
	align-items: center;
	gap: var(--space-xs);
	inline-size: auto;
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: 0;
	background: none;
	background-color: transparent;
	font-family: var(--text-font-family);
	font-size: var(--text-s);
	font-weight: 400;
	line-height: 1.25;
	letter-spacing: 0;
	text-transform: none;
	color: var(--primary);
	cursor: pointer;
}

.archive-results .wpgb-facet button.wpgb-reset::before {
	content: "";
	flex-shrink: 0;
	inline-size: var(--text-m);
	block-size: var(--text-m);
	background-color: currentColor;
	-webkit-mask: url("https://deconiq.space/wp-content/uploads/2026/09/reset-left-line.svg") center / contain no-repeat;
	mask: url("https://deconiq.space/wp-content/uploads/2026/09/reset-left-line.svg") center / contain no-repeat;
}

.archive-results .wpgb-facet button.wpgb-reset:is(:hover, :focus-visible):not([disabled]) {
	background: none;
	color: var(--primary-dark);
}

/* Strelica u gumbu "Učitaj više" */
.load-more-wrap .wpgb-facet button.wpgb-load-more::after {
	content: "";
	flex-shrink: 0;
	inline-size: var(--text-m);
	block-size: var(--text-m);
	background-color: currentColor;
	-webkit-mask: url("https://deconiq.space/wp-content/uploads/2026/09/arrow-down-double-line.svg") center / contain no-repeat;
	mask: url("https://deconiq.space/wp-content/uploads/2026/09/arrow-down-double-line.svg") center / contain no-repeat;
}

/* ---------------------------------------------------------
   Filteri se na mobitelu otvaraju na klik
--------------------------------------------------------- */
.filters-toggle__input {
	position: absolute;
	inline-size: 1px;
	block-size: 1px;
	margin: -1px;
	padding: 0;
	border: 0;
	overflow: hidden;
	clip-path: inset(50%);
	white-space: nowrap;
}

.filters-toggle__label {
	display: none;
}

@media (max-width: 767px) {
	.filters-toggle__label {
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: var(--space-xs);
		inline-size: 100%;
		margin-block-start: var(--space-m);
		padding: var(--space-xs) var(--space-s);
		border: var(--border-width) solid var(--neutral-light);
		border-radius: var(--radius-s);
		background-color: var(--white);
		font-family: var(--text-font-family);
		font-size: var(--text-s);
		line-height: 1.25;
		color: var(--text-dark);
		cursor: pointer;
	}

	.filters-toggle__label::after {
		content: "";
		flex-shrink: 0;
		inline-size: var(--text-m);
		block-size: var(--text-m);
		background-color: var(--primary);
		-webkit-mask: url("https://deconiq.space/wp-content/uploads/2026/09/arrow-down-double-line.svg") center / contain no-repeat;
		mask: url("https://deconiq.space/wp-content/uploads/2026/09/arrow-down-double-line.svg") center / contain no-repeat;
		transition: rotate var(--transition-duration) var(--transition-timing);
	}

	.filters-toggle__input:checked ~ .filters-toggle__label::after {
		rotate: 180deg;
	}

	.filters-toggle__input:focus-visible ~ .filters-toggle__label {
		outline: var(--border-width) solid var(--primary);
		outline-offset: calc(var(--space-xs) * 0.25);
	}

	.archive-filters-drawer:has(.filters-toggle__input):not(:has(.filters-toggle__input:checked)) .archive-filters {
		display: none;
	}

	.archive-filters-drawer .archive-filters {
		margin-block-start: var(--space-s);
	}
}

/* Gumb "Učitaj više" (WPGB faceta) u stilu ostalih gumba */
.load-more-wrap .wpgb-facet button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: var(--space-xs);
	inline-size: auto;
	padding: var(--space-xs) var(--space-m);
	border: var(--border-width) solid var(--primary);
	border-radius: var(--radius-s);
	background-color: var(--primary);
	font-family: var(--text-font-family);
	font-size: var(--text-s);
	font-weight: 500;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	color: var(--white);
	cursor: pointer;
}

.load-more-wrap .wpgb-facet button:is(:hover, :focus-visible, :active) {
	border-color: var(--primary-hover);
	background-color: var(--primary-hover);
	color: var(--white);
}

/* Video preko ekrana */
.hkc-video-dialog {
	inline-size: min(calc(100% - var(--space-m) * 2), calc(var(--space-xxl) * 14));
	max-inline-size: none;
	padding: 0;
	border: 0;
	background: transparent;
	overflow: visible;
}

.hkc-video-dialog::backdrop {
	background-color: var(--black-trans-80);
}

.hkc-video-dialog__inner {
	position: relative;
}

.hkc-video-dialog__frame {
	aspect-ratio: 16 / 9;
	overflow: hidden;
	border-radius: var(--radius);
	background-color: var(--black);
}

.hkc-video-dialog__frame iframe {
	display: block;
	inline-size: 100%;
	block-size: 100%;
	border: 0;
}

.hkc-video-dialog__close {
	position: absolute;
	inset-block-end: 100%;
	inset-inline-end: 0;
	padding: var(--space-xs);
	border: 0;
	background: transparent;
	color: var(--white);
	font-size: var(--h3);
	line-height: 1;
	cursor: pointer;
}


/* ---------------------------------------------------------
   Bočna navigacija skupine stranica (npr. O HKC-u)
--------------------------------------------------------- */
.side-nav {
	position: sticky;
	inset-block-start: var(--space-l);
	display: flex;
	flex-direction: column;
	inline-size: 100%;
}

.side-nav__input,
.side-nav__toggle {
	display: none;
}

.side-nav__title {
	margin: 0 0 calc(var(--space-xs) * 0.5);
	padding-block-end: var(--space-xs);
	border-block-end: var(--border-width) solid var(--neutral-light);
	font-family: var(--heading-font-family);
	font-size: calc(var(--text-m) * 1.1);
	font-weight: 500;
	line-height: 1.25;
	color: var(--primary);
}

.side-nav__list {
	margin: 0;
	padding: 0;
	list-style: none;
}

.side-nav__item + .side-nav__item {
	border-block-start: var(--border-width) solid var(--neutral-light);
}

.side-nav__link {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--space-xs);
	padding: var(--space-xs) var(--space-s);
	border-inline-start: calc(var(--border-width) * 3) solid transparent;
	font-family: var(--text-font-family);
	font-size: var(--text-s);
	line-height: 1.4;
	text-decoration: none;
	color: var(--text-dark);
	transition:
		color var(--transition-duration) var(--transition-timing),
		background-color var(--transition-duration) var(--transition-timing);
}

.side-nav__link:is(:hover, :focus-visible) {
	background-color: var(--accent-ultra-light);
	color: var(--primary);
}

.side-nav__link--current {
	border-inline-start-color: var(--primary);
	background-color: var(--accent-ultra-light);
	font-weight: 500;
	color: var(--primary);
}

.side-nav__link--current::after {
	content: "";
	flex-shrink: 0;
	inline-size: var(--text-m);
	block-size: var(--text-m);
	background-color: currentColor;
	-webkit-mask: url("https://deconiq.space/wp-content/uploads/2026/09/arrow-right-line.svg") center / contain no-repeat;
	mask: url("https://deconiq.space/wp-content/uploads/2026/09/arrow-right-line.svg") center / contain no-repeat;
}

/* Mobitel: popis se otvara na klik */
@media (max-width: 767px) {
	.side-nav {
		position: static;
	}

	.side-nav__title {
		display: none;
	}

	.side-nav__toggle {
		display: flex;
		align-items: center;
		gap: var(--space-s);
		inline-size: 100%;
		padding: var(--space-xs) var(--space-s);
		border: var(--border-width) solid var(--accent-light);
		border-radius: var(--radius-s);
		background-color: var(--white);
		font-family: var(--text-font-family);
		font-size: var(--text-m);
		line-height: 1.4;
		cursor: pointer;
	}

	.side-nav__group {
		color: var(--text-dark);
	}

	.side-nav__current {
		flex-grow: 1;
		padding-inline-start: var(--space-s);
		border-inline-start: var(--border-width) solid var(--neutral-light);
		color: var(--primary);
	}

	.side-nav__toggle::after {
		content: "";
		flex-shrink: 0;
		inline-size: var(--text-l);
		block-size: var(--text-l);
		background-color: var(--primary);
		-webkit-mask: url("https://deconiq.space/wp-content/uploads/2026/09/arrow-down-double-line.svg") center / contain no-repeat;
		mask: url("https://deconiq.space/wp-content/uploads/2026/09/arrow-down-double-line.svg") center / contain no-repeat;
		transition: rotate var(--transition-duration) var(--transition-timing);
	}

	.side-nav__input:checked ~ .side-nav__toggle::after {
		rotate: 180deg;
	}

	.side-nav__input:focus-visible ~ .side-nav__toggle {
		outline: var(--border-width) solid var(--primary);
		outline-offset: calc(var(--space-xs) * 0.25);
	}

	.side-nav:not(:has(.side-nav__input:checked)) .side-nav__list {
		display: none;
	}

	.side-nav__list {
		margin-block-start: var(--space-xs);
		overflow: hidden;
		border: var(--border-width) solid var(--neutral-light);
		border-radius: var(--radius-s);
		background-color: var(--white);
	}
}

/* ---------------------------------------------------------
   Prethodna / sljedeća stranica skupine
--------------------------------------------------------- */
.page-nav {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	gap: var(--space-s) var(--space-m);
	inline-size: 100%;
	margin-block-start: var(--space-l);
	padding-block-start: var(--space-m);
	border-block-start: var(--border-width) solid var(--neutral-light);
}

.page-nav__label {
	position: absolute;
	inline-size: 1px;
	block-size: 1px;
	margin: -1px;
	overflow: hidden;
	clip-path: inset(50%);
	white-space: nowrap;
}

.page-nav__link {
	display: inline-flex;
	align-items: center;
	gap: var(--space-xs);
	font-family: var(--text-font-family);
	font-size: var(--text-s);
	line-height: 1.25;
	text-decoration: none;
	color: var(--primary);
}

.page-nav__link--next {
	margin-inline-start: auto;
}

.page-nav__link::before,
.page-nav__link::after {
	content: "";
	flex-shrink: 0;
	inline-size: var(--text-m);
	block-size: var(--text-m);
	background-color: currentColor;
	-webkit-mask: url("https://deconiq.space/wp-content/uploads/2026/09/arrow-right-line.svg") center / contain no-repeat;
	mask: url("https://deconiq.space/wp-content/uploads/2026/09/arrow-right-line.svg") center / contain no-repeat;
	transition: translate var(--transition-duration) var(--transition-timing);
}

.page-nav__link--prev::after,
.page-nav__link--next::before {
	display: none;
}

.page-nav__link--prev::before {
	rotate: 180deg;
}

.page-nav__link--prev:is(:hover, :focus-visible)::before {
	translate: calc(var(--space-xs) * 0.25) 0;
}

.page-nav__link--next:is(:hover, :focus-visible)::after {
	translate: calc(var(--space-xs) * 0.25) 0;
}

.page-nav__link:is(:hover, :focus-visible) {
	color: var(--primary-dark);
}

/* ---------------------------------------------------------
   Aktivni filtri (WPGB "selection" faceta)
--------------------------------------------------------- */
.archive-active .wpgb-facet {
	inline-size: auto;
}

.archive-active .wpgb-facet .wpgb-selection-facet .wpgb-inline-list {
	gap: calc(var(--space-xs) * 0.5);
	margin: 0;
}

.archive-active .wpgb-facet .wpgb-selection-facet .wpgb-inline-list li {
	margin: 0;
}

.archive-active .wpgb-facet .wpgb-selection-facet ul .wpgb-button {
	gap: var(--space-xs);
	padding: calc(var(--space-xs) * 0.5) var(--space-xs);
	background-color: var(--accent-ultra-light);
	border-color: var(--accent-light);
	border-radius: var(--radius-s);
	color: var(--text-dark);
}

.archive-active .wpgb-facet .wpgb-selection-facet ul .wpgb-button:is(:hover, :focus-visible) {
	background-color: var(--accent-light);
	border-color: var(--accent);
}

.archive-active .wpgb-facet .wpgb-selection-facet .wpgb-button-label {
	flex: 0 1 auto;
	font-family: var(--text-font-family);
	font-size: var(--text-s);
	font-weight: 400;
	line-height: 1.25;
	color: inherit;
}

.archive-active .wpgb-facet .wpgb-selection-facet .wpgb-button-prefix {
	color: var(--text-dark-muted);
}

.archive-active .wpgb-facet .wpgb-selection-facet .wpgb-button-control {
	order: 1;
}

.archive-active .wpgb-facet .wpgb-selection-facet .wpgb-button-control::before,
.archive-active .wpgb-facet .wpgb-selection-facet .wpgb-button-control::after {
	background: var(--text-dark-muted);
}

.archive-active .wpgb-facet .wpgb-selection-facet .wpgb-button:is(:hover, :focus-visible) .wpgb-button-control::before,
.archive-active .wpgb-facet .wpgb-selection-facet .wpgb-button:is(:hover, :focus-visible) .wpgb-button-control::after {
	background: var(--primary);
}

/* ---------------------------------------------------------
   Zastita od vodoravnog pomicanja
   Pune sirine (100vw) unutar footera se odrezuju umjesto da
   siriraju stranicu. clip ne stvara scroll kontejner pa
   sticky elementi i dalje rade.
--------------------------------------------------------- */
#brx-footer,
#brx-header {
	overflow-x: clip;
}

/* ---------------------------------------------------------
   Arhive s bocnim filterom (Dokumenti, Javne objave)
   Na mobitelu prekidac "Filteri" otvara i karticu s tipom
   i traku za pretragu, pa su obje skrivene dok je zatvoren.
--------------------------------------------------------- */
@media (max-width: 767px) {
	.page-body__grid:not(:has(.filters-toggle__input:checked)) :is(.facet-card, .archive-filters) {
		display: none;
	}
}

/* ---------------------------------------------------------
   WPGB fieldset ima ugradeni donji razmak od 40px. On razbija
   okomito poravnanje (npr. natpis "Aktivni filtri:" prema
   oznakama) i stvara praznine ispod filter trake.
--------------------------------------------------------- */
.brxe-wpgb-facet .wpgb-facet fieldset,
.brxe-wpgb-facet .wpgb-facet > fieldset:last-child {
	margin-block-end: 0;
}

/* ---------------------------------------------------------
   Mobilni izbornik: udobniji dodirni razmak u stavkama.
   Mega Menu Pro racuna razmak iz varijabli, pa se mijenjaju
   one, a ne pojedinacna pravila.
--------------------------------------------------------- */
@media only screen and (max-width: 1200px) {
	html.dwc-mobile .dwc-nest-menu {
		--menu-item-block-padding: var(--space-xs);
		--dropdown-item-block-padding: var(--space-xs);
	}
}

/* ---------------------------------------------------------
   Glavni izbornik: uži razmak stavki na manjim desktopima
   (Sekcije + Manifestacije ne stanu u red između 1201 i 1439px)
--------------------------------------------------------- */
@media only screen and (min-width: 1201px) and (max-width: 1439px) {
	html:not(.dwc-mobile) .dwc-nest-menu {
		--menu-item-inline-padding: var(--space-xs);
	}
}