.elementor-kit-7{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-7 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS *//* =========================================================
   HEADER SEARCH SWITCHER - WRAPPER / STATES
   ========================================================= */

.header-search-switcher {
	position: relative;
	width: 100%;
}

.header-search-switcher .header-state-default,
.header-search-switcher .header-state-search {
	width: 100%;
	transition: opacity 0.25s ease, transform 0.25s ease;
}

.header-search-switcher .header-state-search {
	display: none;
	opacity: 0;
	transform: translateY(-6px);
	align-items: center;
	gap: 16px;
}

.header-search-switcher.search-open .header-state-default {
	display: none;
}

.header-search-switcher.search-open .header-state-search {
	display: flex;
	opacity: 1;
	transform: translateY(0);
}

.header-search-switcher .js-close-header-search,
.header-search-switcher .js-open-header-search {
	cursor: pointer;
}


/* =========================================================
   ELEMENTOR EDITOR - DEVELOPMENT VIEW
   ========================================================= */

body.elementor-editor-active
.header-search-switcher
.header-state-search {
	display: flex !important;
	opacity: 1 !important;
	transform: none !important;
}

body.elementor-editor-active
.header-search-switcher.search-open
.header-state-default {
	display: block !important;
}


/* =========================================================
   NAV MENU - PARENT ARROW (+ / - NO LAYOUT SHIFT, SVG)
   ========================================================= */

/* potpuno sakrij Elementorov sub-arrow */
.header-search-switcher .elementor-nav-menu .sub-arrow,
.header-search-switcher .elementor-nav-menu .sub-arrow i,
.header-search-switcher .elementor-nav-menu .sub-arrow svg,
.header-search-switcher .elementor-nav-menu .sub-arrow .e-font-icon-svg {
	display: none !important;
}


/* parent item: rezerviraj prostor za plus */
.header-search-switcher
.elementor-nav-menu--main
.menu-item-has-children
> a.elementor-item {

	position: relative !important;

	display: inline-flex !important;
	align-items: center !important;

	padding-right: 35px !important;

	background-repeat: no-repeat !important;
	background-position: right 4px center !important;
	background-size: 21px 21px !important;

	background-image:
		url("/wp-content/uploads/2026/03/icon-expand.svg") !important;

	-webkit-mask: none !important;
	mask: none !important;

	background-color: transparent !important;
}


/* otvoreno stanje = minus */
.header-search-switcher
.elementor-nav-menu--main
.menu-item-has-children
> a.elementor-item[aria-expanded="true"],

.header-search-switcher
.elementor-nav-menu--main
.menu-item-has-children:hover
> a.elementor-item,

.header-search-switcher
.elementor-nav-menu--main
.menu-item-has-children.focus
> a.elementor-item,

.header-search-switcher
.elementor-nav-menu--main
.menu-item-has-children.elementor-active
> a.elementor-item,

.header-search-switcher
.elementor-nav-menu--main
.menu-item-has-children.current-menu-ancestor
> a.elementor-item,

.header-search-switcher
.elementor-nav-menu--main
.menu-item-has-children.current-menu-parent
> a.elementor-item {

	background-image:
		url("/wp-content/uploads/2026/03/icon-collapse.svg") !important;
}


/* =========================================================
   NAV MENU - TOP LEVEL ITEMS
   DOMINI GRADIENT UNDERLINE
   ========================================================= */

.header-search-switcher
.elementor-nav-menu--main
> ul.elementor-nav-menu
> li
> a.elementor-item {

	position: relative !important;

	overflow: visible !important;

	text-decoration: none !important;

	transition:
		color 0.20s ease !important;
}


/* makni Elementorov vlastiti ::before pointer */
.header-search-switcher
.elementor-nav-menu--main
> ul.elementor-nav-menu
> li
> a.elementor-item::before {

	content: none !important;
	display: none !important;
}


/* gradient underline na svakoj glavnoj stavci */
.header-search-switcher
.elementor-nav-menu--main
> ul.elementor-nav-menu
> li
> a.elementor-item::after {

	content: "" !important;

	display: block !important;

	position: absolute !important;

	left: 10px !important;
	right: 10px !important;

	/* podignuto bliže tekstu */
	bottom: 7px !important;

	width: auto !important;
	height: 2px !important;

	background:
		linear-gradient(
			90deg,
			#4f8dff 0%,
			#6366f1 48%,
			#8b5cf6 100%
		) !important;

	background-color: transparent !important;

	border: 0 !important;
	border-radius: 999px !important;

	box-shadow:
		0 2px 8px rgba(99, 102, 241, 0.20);

	opacity: 1 !important;

	transform:
		scaleX(0) !important;

	transform-origin:
		left center !important;

	transition:
		transform
		0.34s
		cubic-bezier(.22, 1, .36, 1)
		!important;

	pointer-events: none !important;

	z-index: 2;
}


/*
 * Kod stavke koja ima +/− ikonu
 * underline završava prije ikone.
 */
.header-search-switcher
.elementor-nav-menu--main
> ul.elementor-nav-menu
> li.menu-item-has-children
> a.elementor-item::after {

	right: 35px !important;
}


/* =========================================================
   NAV MENU - HOVER
   ========================================================= */

.header-search-switcher
.elementor-nav-menu--main
> ul.elementor-nav-menu
> li
> a.elementor-item:hover::after,

.header-search-switcher
.elementor-nav-menu--main
> ul.elementor-nav-menu
> li
> a.elementor-item:focus::after {

	transform:
		scaleX(1) !important;
}


/* tekst na hover */
.header-search-switcher
.elementor-nav-menu--main
> ul.elementor-nav-menu
> li
> a.elementor-item:hover,

.header-search-switcher
.elementor-nav-menu--main
> ul.elementor-nav-menu
> li
> a.elementor-item:focus {

	color: #f7f8ff !important;
}


/* =========================================================
   NAV MENU - AKTIVNA STAVKA
   ========================================================= */

.header-search-switcher
.elementor-nav-menu--main
> ul.elementor-nav-menu
> li.current-menu-item
> a.elementor-item::after,

.header-search-switcher
.elementor-nav-menu--main
> ul.elementor-nav-menu
> li.current_page_item
> a.elementor-item::after,

.header-search-switcher
.elementor-nav-menu--main
> ul.elementor-nav-menu
> li.current-menu-ancestor
> a.elementor-item::after,

.header-search-switcher
.elementor-nav-menu--main
> ul.elementor-nav-menu
> li.current-menu-parent
> a.elementor-item::after,

.header-search-switcher
.elementor-nav-menu--main
> ul.elementor-nav-menu
> li
> a.elementor-item.elementor-item-active::after {

	transform:
		scaleX(1) !important;
}


/* aktivni tekst */
.header-search-switcher
.elementor-nav-menu--main
> ul.elementor-nav-menu
> li.current-menu-item
> a.elementor-item,

.header-search-switcher
.elementor-nav-menu--main
> ul.elementor-nav-menu
> li.current_page_item
> a.elementor-item,

.header-search-switcher
.elementor-nav-menu--main
> ul.elementor-nav-menu
> li.current-menu-ancestor
> a.elementor-item,

.header-search-switcher
.elementor-nav-menu--main
> ul.elementor-nav-menu
> li.current-menu-parent
> a.elementor-item,

.header-search-switcher
.elementor-nav-menu--main
> ul.elementor-nav-menu
> li
> a.elementor-item.elementor-item-active {

	color: #f7f8ff !important;
}


/* ukloni svaki stari text-decoration underline */
.header-search-switcher
.elementor-nav-menu--main
.elementor-item,

.header-search-switcher
.elementor-nav-menu--main
.elementor-item-text {

	text-decoration: none !important;
}


/* =========================================================
   NAV MENU - DROPDOWN
   ========================================================= */

.header-search-switcher
.elementor-nav-menu--dropdown {

	padding:
		12px 20px !important;
}


.header-search-switcher
.elementor-nav-menu--dropdown
.elementor-sub-item {

	position: relative;

	display: block !important;

	/*
	 * Više nema 48px paddinga jer više
	 * nema ikona ispred dropdown stavki.
	 */
	padding-left: 20px !important;
	padding-right: 20px !important;

	text-decoration-line:
		underline !important;

	text-decoration-color:
		transparent !important;

	text-decoration-thickness:
		1px !important;

	text-underline-offset:
		5px;

	transition:
		text-decoration-color 0.15s ease,
		text-underline-offset 0.15s ease;
}


.header-search-switcher
.elementor-nav-menu--dropdown
.elementor-sub-item:hover,

.header-search-switcher
.elementor-nav-menu--dropdown
.elementor-sub-item:focus {

	text-decoration-color:
		currentColor !important;

	text-underline-offset:
		3px;
}


/* =========================================================
   CLOSE SEARCH BUTTON
   ========================================================= */

.header-search-switcher
.js-close-header-search {

	display:
		inline-flex;

	cursor:
		pointer;
}


.header-search-switcher
.js-close-header-search
.elementor-icon-wrapper,

.header-search-switcher
.js-close-header-search
.elementor-icon {

	display:
		inline-flex !important;

	align-items:
		center !important;

	justify-content:
		center !important;
}


.header-search-switcher
.js-close-header-search
.elementor-icon-wrapper {

	width:
		40px;

	height:
		40px;

	padding:
		0 !important;

	margin:
		0 !important;

	border:
		1px solid #CECCCD;

	border-radius:
		4px;

	box-sizing:
		border-box;

	background:
		#fff;

	line-height:
		1 !important;

	text-align:
		center;
}


.header-search-switcher
.js-close-header-search
.elementor-icon {

	width:
		100%;

	height:
		100%;

	padding:
		0 !important;

	margin:
		0 !important;

	border:
		0 !important;

	line-height:
		1 !important;
}


.header-search-switcher
.js-close-header-search i,

.header-search-switcher
.js-close-header-search svg,

.header-search-switcher
.js-close-header-search
.e-font-icon-svg {

	display:
		block !important;

	width:
		20px !important;

	height:
		20px !important;

	margin:
		0 !important;

	padding:
		0 !important;

	line-height:
		1 !important;

	color:
		#7E7C7D;
}


/* =========================================================
   SEARCH FORM
   ========================================================= */

.header-search-switcher
.header-state-search
.elementor-search-form {

	width:
		100%;
}


.header-search-switcher
.header-state-search
.elementor-search-form,

.header-search-switcher
.header-state-search
.elementor-search-form__container,

.header-search-switcher
.header-state-search
.elementor-search-form__input-wrapper,

.header-search-switcher
.header-state-search
input.e-search-input,

.header-search-switcher
.header-state-search
.elementor-search-form__input,

.header-search-switcher
.header-state-search
.elementor-search-form__submit,

.header-search-switcher
.header-state-search
button[type="submit"] {

	height:
		40px !important;

	min-height:
		40px !important;

	max-height:
		40px !important;

	box-sizing:
		border-box !important;
}


.header-search-switcher
.header-state-search
.elementor-search-form__container {

	display:
		flex !important;

	align-items:
		center !important;

	gap:
		12px;
}


.header-search-switcher
.header-state-search
.elementor-search-form__input-wrapper {

	position:
		relative !important;
}


.header-search-switcher
.header-state-search
input.e-search-input,

.header-search-switcher
.header-state-search
.elementor-search-form__input {

	padding-left:
		14px !important;

	padding-right:
		14px !important;

	line-height:
		normal !important;
}


/* =========================================================
   SEARCH SUBMIT BUTTON
   ========================================================= */

.header-search-switcher
.header-state-search
.e-search-submit {

	display:
		inline-flex !important;

	align-items:
		center !important;

	justify-content:
		center !important;

	gap:
		8px;

	height:
		40px !important;

	padding:
		0 20px !important;

	line-height:
		1 !important;
}


.header-search-switcher
.header-state-search
.e-search-submit span {

	order:
		1;

	line-height:
		1;

	margin:
		0 !important;
}


.header-search-switcher
.header-state-search
.e-search-submit svg {

	order:
		2;

	display:
		block;

	width:
		15px !important;

	height:
		15px !important;

	min-width:
		15px;

	min-height:
		15px;

	flex:
		0 0 15px;

	margin:
		0 !important;
}


/* =========================================================
   MOBILE SEARCH
   ========================================================= */

@media (max-width: 767px) {

	.header-search-switcher
	.header-state-search
	.e-search-submit span {

		display:
			none !important;
	}


	.header-search-switcher
	.header-state-search
	.e-search-submit {

		padding:
			0 14px !important;

		gap:
			0 !important;

		justify-content:
			center !important;
	}
}


/* =========================================================
   FOOTER
   ========================================================= *//* End custom CSS */