.elementor-4657 .elementor-element.elementor-element-2bfcde0{--display:flex;--min-height:100vh;--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;--border-radius:22px 22px 22px 22px;--padding-top:24px;--padding-bottom:24px;--padding-left:24px;--padding-right:24px;}.elementor-4657 .elementor-element.elementor-element-2bfcde0:not(.elementor-motion-effects-element-type-background), .elementor-4657 .elementor-element.elementor-element-2bfcde0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-4657 .elementor-element.elementor-element-743d461d{--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-4657 .elementor-element.elementor-element-5ebe9928{--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-4657 .elementor-element.elementor-element-3a60d460 .elementor-menu-toggle{margin:0 auto;}.elementor-4657 .elementor-element.elementor-element-efdf606{--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:center;}.elementor-4657 .elementor-element.elementor-element-4d04c6a{width:var( --container-widget-width, 15.182% );max-width:15.182%;--container-widget-width:15.182%;--container-widget-flex-grow:0;}.elementor-4657 .elementor-element.elementor-element-4d04c6a.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-4657 .elementor-element.elementor-element-4d04c6a .elementor-icon-box-wrapper{gap:4px;}.elementor-4657 .elementor-element.elementor-element-4d04c6a .elementor-icon-box-title{margin-block-end:0px;color:#03498D;}.elementor-4657 .elementor-element.elementor-element-4d04c6a.elementor-view-stacked .elementor-icon{background-color:#03498D;}.elementor-4657 .elementor-element.elementor-element-4d04c6a.elementor-view-framed .elementor-icon, .elementor-4657 .elementor-element.elementor-element-4d04c6a.elementor-view-default .elementor-icon{fill:#03498D;color:#03498D;border-color:#03498D;}.elementor-4657 .elementor-element.elementor-element-1101aada .elementor-icon-box-wrapper{gap:4px;}.elementor-4657 .elementor-element.elementor-element-1101aada.elementor-view-stacked .elementor-icon{background-color:#03498D;}.elementor-4657 .elementor-element.elementor-element-1101aada.elementor-view-framed .elementor-icon, .elementor-4657 .elementor-element.elementor-element-1101aada.elementor-view-default .elementor-icon{fill:#03498D;color:#03498D;border-color:#03498D;}.elementor-4657 .elementor-element.elementor-element-1101aada .elementor-icon-box-title{color:#03498D;}.elementor-4657 .elementor-element.elementor-element-56a7d36a .elementor-icon-box-wrapper{gap:4px;}.elementor-4657 .elementor-element.elementor-element-56a7d36a.elementor-view-stacked .elementor-icon{background-color:#03498D;}.elementor-4657 .elementor-element.elementor-element-56a7d36a.elementor-view-framed .elementor-icon, .elementor-4657 .elementor-element.elementor-element-56a7d36a.elementor-view-default .elementor-icon{fill:#03498D;color:#03498D;border-color:#03498D;}.elementor-4657 .elementor-element.elementor-element-56a7d36a .elementor-icon-box-title{color:#03498D;}#elementor-popup-modal-4657{background-color:rgba(0,0,0,.8);justify-content:center;align-items:center;pointer-events:all;}#elementor-popup-modal-4657 .dialog-message{width:640px;height:auto;}#elementor-popup-modal-4657 .dialog-close-button{display:flex;}#elementor-popup-modal-4657 #footer{display:block;}#elementor-popup-modal-4657 .info-footer{display:block;}#elementor-popup-modal-4657 #bottom{display:block;}#elementor-popup-modal-4657 .page-header{display:block;}#elementor-popup-modal-4657 .page-title.default .page-title-heading{margin:46px 0px 9px 0px;}#elementor-popup-modal-4657 .dialog-widget-content{box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}@media(min-width:768px){.elementor-4657 .elementor-element.elementor-element-efdf606{--width:100%;}}/* Start custom CSS for container, class: .elementor-element-2bfcde0 *//****************************************************
 * LEKARINFO SIDEBAR POPUP — WHITE CARD STYLE
 * Match reference screenshot:
 * - white rounded card + soft shadow
 * - active menu item = blue pill
 * - clean menu items
 * - bottom icons row (3) with blue icons + labels
 * - optional search styling (won't affect if absent)
 ****************************************************/

/* 1) Whole popup card */
.elementor-4657 .elementor-element.elementor-element-2bfcde0{
  background:#fff;
  border-radius:22px;
  box-shadow:0 20px 50px rgba(15,23,42,0.10);
  overflow:hidden;
}

/* Ensure inner dialog content keeps radius (Elementor popup shell) */
.dialog-widget-content{
  border-radius:22px !important;
  overflow:hidden !important;
}

/* 2) Padding + general spacing inside popup */
.elementor-4657 .elementor-element.elementor-element-2bfcde0 .elementor-container,
.elementor-4657 .elementor-element.elementor-element-2bfcde0 .e-con{
  /* if you use containers, keep it clean */
}

/* 3) Close button (X) top-right */
.dialog-close-button{
  width:38px;
  height:38px;
  top:14px !important;
  right:14px !important;
  border-radius:10px;
  color:#94A3B8 !important;
  transition:all .2s ease;
}
.dialog-close-button:hover{
  color:#2563EB !important;
  background:rgba(37,99,235,0.08);
}

/* 4) Logo top-left */
.elementor-4657 .elementor-element.elementor-element-2bfcde0 .elementor-widget-image{
  margin-bottom:14px;
}
.elementor-4657 .elementor-element.elementor-element-2bfcde0 .elementor-widget-image img{
  max-width:250px;  /* kao na slici (mali logo mark) */
  height:auto;
}

/* 5) OPTIONAL SEARCH (ako ga dodaš) */
.elementor-4657 .elementor-element.elementor-element-2bfcde0 input[type="search"],
.elementor-4657 .elementor-element.elementor-element-2bfcde0 input[type="text"].sidebar-search,
.elementor-4657 .elementor-element.elementor-element-2bfcde0 .elementor-search-form__input{
  width:100%;
  background:#F3F4F6;
  border:1px solid #EEF2F7;
  border-radius:12px;
  padding:14px 14px 14px 42px;
  font-size:14px;
  outline:none;
  color:#111827;
}
.elementor-4657 .elementor-element.elementor-element-2bfcde0 input[type="search"]::placeholder,
.elementor-4657 .elementor-element.elementor-element-2bfcde0 .elementor-search-form__input::placeholder{
  color:#9CA3AF;
}
.elementor-4657 .elementor-element.elementor-element-2bfcde0 .elementor-search-form{
  position:relative;
  margin:10px 0 14px;
}
.elementor-4657 .elementor-element.elementor-element-2bfcde0 .elementor-search-form:before{
  content:"";
  position:absolute;
  left:14px;
  top:50%;
  width:18px;
  height:18px;
  transform:translateY(-50%);
  opacity:.55;
  /* fallback magnifier using CSS (no svg): */
  border:2px solid #9CA3AF;
  border-radius:50%;
  box-sizing:border-box;
}
.elementor-4657 .elementor-element.elementor-element-2bfcde0 .elementor-search-form:after{
  content:"";
  position:absolute;
  left:28px;
  top:calc(50% + 6px);
  width:10px;
  height:2px;
  background:#9CA3AF;
  transform:rotate(45deg);
  opacity:.55;
}

/* 6) NAV MENU — clean vertical list */
.elementor-4657 .elementor-element.elementor-element-2bfcde0 .elementor-nav-menu{
  margin:6px 0 0;
  padding:0;
}
.elementor-4657 .elementor-element.elementor-element-2bfcde0 .elementor-nav-menu li{
  margin:0 !important;
}
.elementor-4657 .elementor-element.elementor-element-2bfcde0 .elementor-nav-menu a{
  display:block;
  padding:14px 14px !important;
  border-radius:10px;
  font-size:16px;
  font-weight:500;
  color:#111827;
  line-height:1.2;
  transition:all .18s ease;
}

/* hover like screenshot (subtle) */
.elementor-4657 .elementor-element.elementor-element-2bfcde0 .elementor-nav-menu a:hover{
  background:#F3F4F6;
}

/* ACTIVE item — blue pill with white text (Home on screenshot) */
.elementor-4657 .elementor-element.elementor-element-2bfcde0 .elementor-nav-menu .current-menu-item > a,
.elementor-4657 .elementor-element.elementor-element-2bfcde0 .elementor-nav-menu .current_page_item > a,
.elementor-4657 .elementor-element.elementor-element-2bfcde0 .elementor-nav-menu .elementor-item-active{
  background:#2563EB !important;
  color:#FFFFFF !important;
  font-weight:600;
}

/* keep active on hover (don't turn grey) */
.elementor-4657 .elementor-element.elementor-element-2bfcde0 .elementor-nav-menu .current-menu-item > a:hover,
.elementor-4657 .elementor-element.elementor-element-2bfcde0 .elementor-nav-menu .current_page_item > a:hover,
.elementor-4657 .elementor-element.elementor-element-2bfcde0 .elementor-nav-menu .elementor-item-active:hover{
  background:#2563EB !important;
  color:#FFFFFF !important;
}

/* submenu arrow (Products / Services) like screenshot */
.elementor-4657 .elementor-element.elementor-element-2bfcde0 .elementor-nav-menu .sub-arrow{
  color:#6B7280 !important;
  font-size:14px;
  opacity:.85;
}

/* optional: a little spacing between menu and bottom icons */
.elementor-4657 .elementor-element.elementor-element-2bfcde0 .elementor-widget-nav-menu{
  margin-bottom:18px;
}

/* 7) Bottom icons row (3 columns) — Icon Box widgets */
.elementor-4657 .elementor-element.elementor-element-2bfcde0 .elementor-widget-icon-box{
  text-align:center;
}

/* align Icon Box content vertically */
.elementor-4657 .elementor-element.elementor-element-2bfcde0 .elementor-icon-box-wrapper{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:6px;
}

/* icon appearance */
.elementor-4657 .elementor-element.elementor-element-2bfcde0 .elementor-icon-box-icon .elementor-icon{
  font-size:22px;
  color:#FFFFFF;
  transition:opacity .18s ease;
}

/* icon SVG fallback */
.elementor-4657 .elementor-element.elementor-element-2bfcde0 .elementor-icon-box-icon svg{
  fill:#FFFFFF !important;
}

/* label text */
.elementor-4657 .elementor-element.elementor-element-2bfcde0 .elementor-icon-box-title{
  margin:0 !important;
  padding:0 !important;
  font-size:13px;
  font-weight:500;
  color:#111827;
}

/* make icon-box clickable cleanly */
.elementor-4657 .elementor-element.elementor-element-2bfcde0 .elementor-widget-icon-box a{
  text-decoration:none !important;
}
.elementor-4657 .elementor-element.elementor-element-2bfcde0 .elementor-widget-icon-box:hover .elementor-icon,
.elementor-4657 .elementor-element.elementor-element-2bfcde0 .elementor-widget-icon-box:hover .elementor-icon-box-title{
  opacity:.85;
}

/* 8) Mobile fit */
@media (max-width:767px)/* End custom CSS */