/*
 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
*/

body {
  overflow-x: hidden;
}

a:hover {
  --tamnoplava: var(--plavahover);
}

a {
  transition: 0.2s ease !important;
}


/*
.nav-plavi .bricks-nav-menu > li > a {
  position: relative;
}
.nav-plavi .bricks-nav-menu > li > a::after {
  content: "";
  position: absolute;
  bottom: -8px;
  left: 0;
  width: 0;
  height: 7px;
  background-color: var(--tamnoplava);
  transition: width 0.3s ease;
}
.nav-plavi .bricks-nav-menu > li > a:hover::after {
  width: 100%;
}
*/



.nav-bijeli .bricks-nav-menu > li > a {
  position: relative;
}
.nav-bijeli .bricks-nav-menu > li > a::after {
  content: "";
  position: absolute;
  bottom: -8px;
  left: 0;
  width: 0;
  height: 7px;
  background-color: var(--web-bg);
  transition: width 0.3s ease;
}
.nav-bijeli .bricks-nav-menu > li > a:hover::after {
  width: 100%;
}


.nav-novi .brx-nav-nested-items > li > a {
  position: relative;
}

.nav-novi .brx-nav-nested-items > li > a::after {
  content: "";
  position: absolute;
  bottom: -8px;
  left: 0;
  width: 0;
  height: 9px;
  background-color: var(--tamnoplava);
  transition: width 0.3s ease;
}

.nav-novi .brx-nav-nested-items > li > a:hover::after {
  width: 100%;
}

html:has(body.no-scroll) {
  overflow: hidden;
}

@media (max-width: 991px) {
  .nav-novi .brx-nav-nested-items {
    flex-wrap: nowrap !important;        /* nema više stupaca */
    overflow-y: auto !important;          /* skroluj unutar slide-outa */
    overflow-x: hidden !important;
    max-height: 100vh !important;
    max-height: 100dvh;   !important;     /* mobile-safe za toolbar */
    -webkit-overflow-scrolling: touch !important;  /* glatak iOS scroll */
  }
}




/* karta s lokacijama */

.hotspot { 
position: absolute;
display: flex;
flex-direction: column;
align-items: center;
transform: translate(-50%, -50%);
cursor: pointer;
}

.hotspot-dot
{
width: 23px;
height: 23px;
border-radius: 50%;
background-color: var(--tamnoplava);
}


.hotspot-label
{
margin-top: 6px;
font-size: var(--text-3);
text-transform: uppercase;
white-space: nowrap;
color: var(--tamnoplava);
}

/* HOTSPOT DOT hover */
.hotspot-dot {
  position: relative;
}

.hotspot-dot::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0.8);
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: inherit;
  opacity: 0;
  transition: opacity 0.3s ease, transform 0.3s ease;
}

.hotspot .hotspot-dot::before {
  opacity: 0.25;
  animation: breathe 2.5s ease-in-out infinite;
}

@keyframes breathe {
  0%, 100% { transform: translate(-50%, -50%) scale(0.8); opacity: 0.1; }
  50% { transform: translate(-50%, -50%) scale(1.2); opacity: 0.25; }
}

/* accordion posts */
.posttitle
{
	font-size: var(--text-5);
}

.obavijesti-grid
{
	  display: grid !important;
  grid-template-columns: repeat(3, 1fr);
  gap: 1rem;
	align-items: start !important;
	 align-content: start !important;
}




/* search */

/* ===== EXPANDING SEARCH ===== */

.expanding-search {
  --bar-h: 44px;
}

/* zatvoreno: pill samo s ikonom *//*
.expanding-search .bricks-search-form {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  border: 2px solid var(--tamnoplava);
  border-radius: 999px; 
  height: var(--bar-h);
  width: var(--bar-h); 
  overflow: hidden;
  transition: width 0.35s ease;
  margin: 0;
}
*/

.expanding-search .bricks-search-form {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  /* border maknut odavde */
  border: 1px solid transparent;   /* transparentan da ne skače layout */
  border-radius: 999px;
  height: var(--bar-h);
  width: var(--bar-h);
  overflow: hidden;
  transition: width 0.35s ease, border-color 0.25s ease;
  margin: 0;
}

/* skriveni label ne smije zauzimati prostor */
.expanding-search .bricks-search-form label {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
}

/* input nevidljiv dok je zatvoreno */
.expanding-search .bricks-search-form input[type="search"] {
  border: none;
  background: transparent;
  outline: none;
  box-shadow: none;
  width: 0;
  min-width: 0;
  padding: 0;
  flex: 1;

  transition: padding 0.35s ease;
}

/* submit dugme s ikonom – fiksna širina = krug */
.expanding-search .bricks-search-form button[type="submit"] {
  flex: 0 0 var(--bar-h);
  height: var(--bar-h);
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  border: none;
  padding: 0;
  cursor: pointer;
	position: relative;
  transform: translate(2px, 0px);   /* fino podesi - tipično 1-2px */
}

/* ===== OTVORENO STANJE ===== */

.site-header.search-open .expanding-search .bricks-search-form {
  width: 220px;
}

.site-header.search-open .expanding-search .bricks-search-form input[type="search"] {
  padding: 0 0 0 18px;
}

/* kad je search otvoren: nav uz lijevi rub, search ostaje desno */
.site-header.search-open {
  justify-content: flex-start;
}

.site-header.search-open .expanding-search {
  margin-left: auto;
}

.site-header.search-open .expanding-search .bricks-search-form {
  border-color: var(--tamnoplava);
	border-width: 1.5px;
}

/* ===== LOGO ===== */

/* otvaranje: logo prvo fade-out, širina se skuplja s odgodom */
.header-logo {
  overflow: hidden;
  white-space: nowrap;
  transition:
    opacity 0.2s ease,
    width 0.35s ease 0.2s;
}

/* sigurnost: slika unutar loga ne smije viriti pri skupljanju */
.header-logo img {
  display: block;
  max-width: 100%;
}

/* OTVORENO: logo skupljen */
.site-header.search-open .header-logo {
  width: 0;
  opacity: 0;
  pointer-events: none;
}

/* zatvaranje: width se vrati odmah (nav se posloži), opacity s odgodom */
.site-header:not(.search-open) .header-logo {
  transition:
    width 0.35s ease,
    opacity 0.25s ease 0.35s;
}

.nav-novi {            /* ili točan selektor tvog nav elementa */
  flex-shrink: 0;
  white-space: nowrap;
}

/* shape divider */

.divider-za-hero .bricks-shape-divider-inner
{
width: 160% !important;
}

@media (max-width: 768px)
{
	.divider-za-hero .bricks-shape-divider-inner
{
width: 290% !important;
}
}




/* Dokumenti */


.post__files
{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	gap: 20px 20px;
}

.post__files_item_image svg {
    width: 50px;  
    height: 50px; 
    display: block;
	fill: var(--tamnoplava);
}

.post__files_item
{
    width: calc(50% - 20px);
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	margin-bottom: 10px;
	align-items: center;
}

.post__files_item a
{
	font-weight: 800;
	font-size: 1.7rem;
	letter-spacing: 0.05rem;
	color: var(--tamnoplava);
	line-height: 1.2em;
}

@media screen and (max-width: 768px)
{
.post__files_item
{
	align-items: start;
}
}

.post__files_item_image
{
	width: 50px;
	margin-right: 20px;
	transition: 0.2s;
}

.post__files_item_image a
{
		transition: 0.2s;
}

.post__files_item_image a:hover
{
	color: var(--e-global-color-41eea95);
	transition: 0.2s;
}

.post__files_content
{
	width: calc(100% - 80px);
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
}
a.post__files_item_content_title
{
	width: 100%;
    }
    
p.naslov-datum
{
    width: 100%;
    margin-bottom: 0rem;
}

.naslov-datum 
{
    font-weight: 400 !important;
}

.post__files_content > a:nth-child(2)
{
	padding-right: 5px;
}
.post__files_content > a:nth-child(3)
{
	padding-left: 5px;
}

.post__files_heading {
    width: 100%;
    font-weight: 400;
    margin: 20px 0 20px;
	font-size: 2rem;
}

.post__files_spacer {
    width: 100%;
    height: 40px; 
}

.post__files_item_size
{
	color: #616774;
}

.naslov-datum {
  display: flex;
  flex-direction: column-reverse;
}

/* end of dokumenti */