.elementor-360 .elementor-element.elementor-element-e8b19a0{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-360 .elementor-element.elementor-element-2ffdaa0{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-360 .elementor-element.elementor-element-43f591a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-360 .elementor-element.elementor-element-a9e858a{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-end;}.elementor-360 .elementor-element.elementor-element-2cc1f98 .elementor-icon-box-wrapper{align-items:center;}.elementor-360 .elementor-element.elementor-element-2cc1f98{--icon-box-icon-margin:10px;}.elementor-360 .elementor-element.elementor-element-2cc1f98 .elementor-icon-box-title{margin-block-end:10px;color:var( --e-global-color-secondary );}.elementor-360 .elementor-element.elementor-element-2cc1f98.elementor-view-stacked .elementor-icon{background-color:#039147;}.elementor-360 .elementor-element.elementor-element-2cc1f98.elementor-view-framed .elementor-icon, .elementor-360 .elementor-element.elementor-element-2cc1f98.elementor-view-default .elementor-icon{fill:#039147;color:#039147;border-color:#039147;}.elementor-360 .elementor-element.elementor-element-2cc1f98.elementor-view-stacked:has(:hover) .elementor-icon,
					 .elementor-360 .elementor-element.elementor-element-2cc1f98.elementor-view-stacked:has(:focus) .elementor-icon{background-color:#039147;}.elementor-360 .elementor-element.elementor-element-2cc1f98.elementor-view-framed:has(:hover) .elementor-icon,
					 .elementor-360 .elementor-element.elementor-element-2cc1f98.elementor-view-default:has(:hover) .elementor-icon,
					 .elementor-360 .elementor-element.elementor-element-2cc1f98.elementor-view-framed:has(:focus) .elementor-icon,
					 .elementor-360 .elementor-element.elementor-element-2cc1f98.elementor-view-default:has(:focus) .elementor-icon{fill:#039147;color:#039147;border-color:#039147;}.elementor-360 .elementor-element.elementor-element-2cc1f98 .elementor-icon{font-size:20px;}.elementor-360 .elementor-element.elementor-element-2cc1f98 .elementor-icon-box-title, .elementor-360 .elementor-element.elementor-element-2cc1f98 .elementor-icon-box-title a{font-family:"Segoe UI Regular", Sans-serif;font-size:16px;font-weight:400;}.elementor-360 .elementor-element.elementor-element-2cc1f98:has(:hover) .elementor-icon-box-title,
					 .elementor-360 .elementor-element.elementor-element-2cc1f98:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-secondary );}.elementor-360 .elementor-element.elementor-element-d05c68a .elementor-icon-box-wrapper{align-items:center;}.elementor-360 .elementor-element.elementor-element-d05c68a{--icon-box-icon-margin:10px;}.elementor-360 .elementor-element.elementor-element-d05c68a .elementor-icon-box-title{margin-block-end:10px;color:var( --e-global-color-secondary );}.elementor-360 .elementor-element.elementor-element-d05c68a.elementor-view-stacked .elementor-icon{background-color:#FAFF5D;}.elementor-360 .elementor-element.elementor-element-d05c68a.elementor-view-framed .elementor-icon, .elementor-360 .elementor-element.elementor-element-d05c68a.elementor-view-default .elementor-icon{fill:#FAFF5D;color:#FAFF5D;border-color:#FAFF5D;}.elementor-360 .elementor-element.elementor-element-d05c68a.elementor-view-stacked:has(:hover) .elementor-icon,
					 .elementor-360 .elementor-element.elementor-element-d05c68a.elementor-view-stacked:has(:focus) .elementor-icon{background-color:#FAFF5D;}.elementor-360 .elementor-element.elementor-element-d05c68a.elementor-view-framed:has(:hover) .elementor-icon,
					 .elementor-360 .elementor-element.elementor-element-d05c68a.elementor-view-default:has(:hover) .elementor-icon,
					 .elementor-360 .elementor-element.elementor-element-d05c68a.elementor-view-framed:has(:focus) .elementor-icon,
					 .elementor-360 .elementor-element.elementor-element-d05c68a.elementor-view-default:has(:focus) .elementor-icon{fill:#FAFF5D;color:#FAFF5D;border-color:#FAFF5D;}.elementor-360 .elementor-element.elementor-element-d05c68a .elementor-icon{font-size:20px;}.elementor-360 .elementor-element.elementor-element-d05c68a .elementor-icon-box-title, .elementor-360 .elementor-element.elementor-element-d05c68a .elementor-icon-box-title a{font-family:"Segoe UI Regular", Sans-serif;font-size:16px;font-weight:400;}.elementor-360 .elementor-element.elementor-element-d05c68a:has(:hover) .elementor-icon-box-title,
					 .elementor-360 .elementor-element.elementor-element-d05c68a:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-secondary );}.elementor-360 .elementor-element.elementor-element-31563b9 .elementor-icon-box-wrapper{align-items:center;}.elementor-360 .elementor-element.elementor-element-31563b9{--icon-box-icon-margin:10px;}.elementor-360 .elementor-element.elementor-element-31563b9 .elementor-icon-box-title{margin-block-end:10px;color:var( --e-global-color-secondary );}.elementor-360 .elementor-element.elementor-element-31563b9.elementor-view-stacked .elementor-icon{background-color:#FF0000;}.elementor-360 .elementor-element.elementor-element-31563b9.elementor-view-framed .elementor-icon, .elementor-360 .elementor-element.elementor-element-31563b9.elementor-view-default .elementor-icon{fill:#FF0000;color:#FF0000;border-color:#FF0000;}.elementor-360 .elementor-element.elementor-element-31563b9 .elementor-icon{font-size:20px;}.elementor-360 .elementor-element.elementor-element-31563b9 .elementor-icon-box-title, .elementor-360 .elementor-element.elementor-element-31563b9 .elementor-icon-box-title a{font-family:"Segoe UI Regular", Sans-serif;font-size:16px;font-weight:400;}.elementor-360 .elementor-element.elementor-element-31563b9:has(:hover) .elementor-icon-box-title,
					 .elementor-360 .elementor-element.elementor-element-31563b9:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-secondary );}:root{--page-title-display:none;}@media(min-width:768px){.elementor-360 .elementor-element.elementor-element-2ffdaa0{--width:25%;}.elementor-360 .elementor-element.elementor-element-43f591a{--width:75%;}}@media(max-width:1024px) and (min-width:768px){.elementor-360 .elementor-element.elementor-element-2ffdaa0{--width:100%;}.elementor-360 .elementor-element.elementor-element-43f591a{--width:100%;}}@media(max-width:1024px){.elementor-360 .elementor-element.elementor-element-e8b19a0{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-360 .elementor-element.elementor-element-a9e858a{--justify-content:center;}}@media(max-width:767px){.elementor-360 .elementor-element.elementor-element-a9e858a{--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-360 .elementor-element.elementor-element-2cc1f98{--icon-box-icon-margin:5px;}.elementor-360 .elementor-element.elementor-element-d05c68a{--icon-box-icon-margin:5px;}.elementor-360 .elementor-element.elementor-element-31563b9{--icon-box-icon-margin:5px;}}/* Start custom CSS for html, class: .elementor-element-bb16e8f *//* Sidebar container */
.sidebar-menu {
  width: auto;
  font-family: Marcellus, sans-serif;
  max-height: 64vh;
  overflow-y: auto;
  position: relative;
  scrollbar-width: none;    /* Firefox */
  -ms-overflow-style: none; /* IE10+ */
}
.sidebar-menu::-webkit-scrollbar {
  width: 0;
  height: 0;
}

/* Scroll-down hint as a modern circular chevron */
.scroll-hint {
  position: sticky;
  bottom: 10px;
  left: 50%;
  transform: translateX(-50%);
  width: 32px;
  height: 32px;
  margin: 0 auto;
  background: white;
  border: 2px solid rgba(0,0,0,0.4);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 10;
  animation: bounce 2s infinite;
  transition: opacity 0.3s;
}

/* The chevron inside */
.scroll-hint::after {
  content: '';
  display: block;
  width: 8px;
  height: 8px;
  border-right: 2px solid rgba(0,0,0,0.6);
  border-bottom: 2px solid rgba(0,0,0,0.6);
  transform: rotate(45deg);
}

/* Bounce animation */
@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    transform: translate(-50%, 0);
  }
  40% {
    transform: translate(-50%, 6px);
  }
  60% {
    transform: translate(-50%, 3px);
  }
}

/* Hide when scrolled to bottom */
.scroll-hint.hidden {
  opacity: 0;
  pointer-events: none;
}

/* Sections */
.sidebar-menu .menu-section {
  margin-bottom: 1.5rem;
}

/* H2 styling */
.sidebar-menu h2 {
  display: flex;
  align-items: center;
  font-size: 0.875rem;
  font-weight: bold;
  text-transform: uppercase;
  margin: 0 0 0.6rem;
  line-height: 1;
}
.sidebar-menu .title {
  white-space: nowrap;
}
.sidebar-menu .divider {
  flex: 1;
  height: 1px;
  background: #ddd;
  margin: 0 0.5em;
}
.sidebar-menu .count {
  font-size: 0.75rem;
  color: #666;
}

/* H3 toggles */
.sidebar-menu h3 {
  display: flex;
  align-items: center;
  font-size: 0.75rem;
  margin: 0.5rem 0;
  font-weight: bold;
  text-transform: uppercase;
  color: #333;
  cursor: pointer;
  padding: 0.5rem 0 0.5rem 0.5rem;
}
.sidebar-menu h3 .divider {
  flex: 1;
  height: 1px;
  background: #ddd;
  margin: 0 0.5em;
}

/* Smooth accordion transitions */
#stan-s1-list,
#stan-s2-list,
#stan-s3-list,
#stan-s4-list,
#stan-s5-list,
#stan-s6-list,
#stan-s7-list,
#stan-s8-list {
  transition: max-height 0.3s ease;
  overflow: hidden;
}

/* List styling */
.sidebar-menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.sidebar-menu li {
  display: flex;
  align-items: center;
  margin-bottom: 0.5rem;
  padding: 0.5rem 0.75rem;
  border-radius: 0.5rem;
  transition: background-color 0.2s ease;
  cursor: pointer;
}
.sidebar-menu li:hover {
  background-color: #f5f5f5;
}

/* Thumbnail images */
.sidebar-menu li img {
  width: 40px;
  height: 40px;
  object-fit: cover;
  margin-right: 0.75rem;
  border-radius: 2px;
}

/* Trigger text */
.sidebar-menu .trigger {
  font-size: 0.875rem;
  color: #333;
  flex: 1;
}

@media (max-width: 767px) {
  /* Sidebar container */
  .sidebar-menu {
    max-height: 50vh;        /* a bit shorter on phones */
    padding: 0 1rem;         /* side padding for comfort */
  }

  /* Section headers */
  .sidebar-menu h2 {
    font-size: 1rem;
    margin-bottom: 0.8rem;
  }
  .sidebar-menu h2 .divider {
    margin: 0 0.25em;
  }
  .sidebar-menu .count {
    font-size: 0.675rem;
  }

  /* Accordion toggles */
  .sidebar-menu h3 {
    font-size: 0.875rem;
    padding: 0.75rem 0 0.75rem 1rem;
  }
  .sidebar-menu h3 .divider {
    margin: 0 0.25em;
  }

  /* List items */
  .sidebar-menu li {
    padding: 0.75rem 1rem;
  }
  .sidebar-menu li img {
    width: 32px;
    height: 32px;
    margin-right: 0.5rem;
  }
  .sidebar-menu .trigger {
    font-size: 1rem;
  }

  /* Scroll-hint */
  .scroll-hint {
    width: 24px;
    height: 24px;
    bottom: 5px;
  }
  .scroll-hint::after {
    width: 6px;
    height: 6px;
    border-right: 2px solid rgba(0,0,0,0.6);
    border-bottom: 2px solid rgba(0,0,0,0.6);
  }
}
/* === Section chips (ZGRADA – A, PRIZEMLJE, I. KAT...) === */
:root{
  --apt-card:#735940;        /* glavna boja kartice */
  --apt-meta:rgba(255,255,255,.85);
}

/* pretvori h2 u karticu */
.sidebar-menu .menu-section > h2{
  background:var(--apt-card);
  color:#fff;
  border-radius:0px;
  padding:.9rem 1rem;
  margin:1rem 0 .6rem;       /* malo zraka oko kartice */
  box-shadow:0 2px 6px rgba(0,0,0,.08);
  gap:.5rem;                  /* zadrži razmak između title/divider/count */
}

/* ukloni sivu crtu u h2 i stiliziraj broj desno */
.sidebar-menu .menu-section > h2 .divider{ display:none; }
.sidebar-menu .menu-section > h2 .title{ color:#fff; font-weight:700; }
.sidebar-menu .menu-section > h2 .count{
  color:var(--apt-meta);
  font-weight:600;
  background:rgba(0,0,0,.18);
  border-radius:999px;
  padding:.1rem .5rem;
}

/* mobitel finese */
@media (max-width:767px){
  .sidebar-menu .menu-section > h2{
    padding:.75rem 1rem;
    border-radius:12px;
  }
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Segoe UI Regular';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://stanovitest.hooplakomunikacije.com/wp-content/uploads/2025/08/Segoe-UI-Regular.ttf') format('truetype');
}
/* End Custom Fonts CSS */