.elementor-9542 .elementor-element.elementor-element-cf0adde{--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;--padding-top:0rem;--padding-bottom:0rem;--padding-left:0rem;--padding-right:0rem;}.elementor-9542 .elementor-element.elementor-element-17e7b97{--display:flex;}.elementor-9542 .elementor-element.elementor-element-14a1b83{margin:0rem 0rem calc(var(--kit-widget-spacing, 0px) + 0rem) 0rem;}.elementor-9542 .elementor-element.elementor-element-e820d19{--display:flex;}.elementor-9542 .elementor-element.elementor-element-4030da5{--display:flex;}.elementor-9542 .elementor-element.elementor-element-6d47b36{--display:flex;}.elementor-9542 .elementor-element.elementor-element-abd8305{--display:flex;}.elementor-9542 .elementor-element.elementor-element-5168442{--display:flex;}.elementor-9542 .elementor-element.elementor-element-2a2c783{--display:flex;}.elementor-9542 .elementor-element.elementor-element-5c4591a{--display:flex;}.elementor-9542 .elementor-element.elementor-element-6b65a62{--display:flex;}.elementor-9542 .elementor-element.elementor-element-2450a06{--n-tabs-direction:row;--n-tabs-heading-direction:column;--n-tabs-heading-width:27%;--n-tabs-title-flex-basis:content;--n-tabs-title-flex-shrink:initial;--n-tabs-heading-justify-content:flex-start;--n-tabs-title-width:initial;--n-tabs-title-height:initial;--n-tabs-title-align-items:flex-start;--n-tabs-heading-wrap:wrap;--n-tabs-title-justify-content:flex-start;--n-tabs-title-text-align:start;--n-tabs-title-border-radius:4px 4px 4px 4px;--n-tabs-title-padding-top:1rem;--n-tabs-title-padding-right:1rem;--n-tabs-title-padding-bottom:1rem;--n-tabs-title-padding-left:1rem;}.elementor-9542 .elementor-element.elementor-element-2450a06.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:not( :hover ){border-style:none;}:where( .elementor-9542 .elementor-element.elementor-element-2450a06.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-content ) > .e-con{--padding-top:1rem;--padding-right:2rem;--padding-bottom:2rem;--padding-left:2rem;}@media(max-width:767px){.elementor-9542 .elementor-element.elementor-element-2450a06{--n-tabs-direction:column;--n-tabs-heading-direction:row;--n-tabs-heading-width:initial;--n-tabs-title-flex-basis:content;--n-tabs-title-flex-shrink:0;--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;--n-tabs-title-gap:6px;--n-tabs-title-padding-top:1rem;--n-tabs-title-padding-right:1rem;--n-tabs-title-padding-bottom:1rem;--n-tabs-title-padding-left:1rem;}:where( .elementor-9542 .elementor-element.elementor-element-2450a06.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-content ) > .e-con{--padding-top:1rem;--padding-right:1rem;--padding-bottom:1rem;--padding-left:1rem;}}/* Start custom CSS for container, class: .elementor-element-cf0adde *//* =========================================Sticky naslov "Vodič za pacijenta/pratioca"Samo u popupu========================================= */

#elementor-popup-modal-5714 .elementor-element-5fe7810 {
  position: sticky !important;
  top: 0 !important;
  z-index: 300 !important;
  background: #fff;
}

#elementor-popup-modal-5714 .elementor-element-5fe7810.elementor-sticky--active,
#elementor-popup-modal-5714 .elementor-element-5fe7810.elementor-sticky--effects {
  position: sticky !important;
  top: 0 !important;
  transform: none !important;
}

/* =========================================Sticky e-n-tabs-headingDesktop / osnovno ponašanje========================================= */

.tabs-vodic-za-pacijente .e-n-tabs-heading {
  position: sticky !important;
  top: 64px !important;
  align-self: flex-start;
  z-index: 20;
  background: #fff;
}

/* =========================================Tablet / mobile e-n-tabs-heading5 tabova + hint dugme========================================= */

@media (max-width: 1024px) {
  .tabs-vodic-za-pacijente .e-n-tabs-heading {
    position: sticky !important;
    top: 0 !important;
    z-index: 100 !important;
    background: #fff;

    max-height: calc(var(--smh-tabs-visible-height, 360px) + 8px) !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;

    /* Bitno: JS već računa hint dugme u visinu */
    padding-bottom: 0 !important;
    box-sizing: border-box;

    scrollbar-width: thin;
    overscroll-behavior: contain;
    width: 100% !important;
    max-width: 100% !important;
  }

  .elementor-widget-n-tabs .e-n-tabs {
    gap: 1rem;
  }
}

/* =========================================Mobile popup overridee-n-tabs-heading ide ispod sticky naslova========================================= */

@media (max-width: 767px) {
  #elementor-popup-modal-5714 .tabs-vodic-za-pacijente .e-n-tabs-heading {
    position: sticky !important;

    /* Visina sticky naslova "Vodič za pacijenta/pratioca" */
    top: 48px !important;

    z-index: 99 !important;
    background: #fff;

    max-height: calc(var(--smh-tabs-visible-height, 360px) + 8px) !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;

    /* Bitno: ne dodavati 54px ovde */
    padding-bottom: 0 !important;
    box-sizing: border-box;
  }
}

/* =========================================Mobile  - maska ispod sticky tab heading-aSprečava da se content vidi ispod tabova========================================= */

@media (max-width: 767px) {
  .tabs-vodic-za-pacijente .e-n-tabs-heading {
    background: #fff;
    z-index: 200 !important;

    /* maska ispod sticky tabova */
    box-shadow: 0 24px 0 0 #fff;
  }
}

/* =========================================Prvi H3 u tab contentu bez gornje margine========================================= */

.tabs-vodic-za-pacijente .e-n-tabs-content [role="tabpanel"] h3:first-of-type {
  margin-top: 0 !important;
}

/* =========================================Mobile / tablet scroll hint za taboveStrelica dole / gore========================================= */

@media (max-width: 1024px) {
  .tabs-vodic-za-pacijente .smh-tab-scroll-hint {
    position: sticky;
    bottom: 8px;
    left: 0;

    width: 100%;
    height: 54px;

    display: flex;
    align-items: flex-end;
    justify-content: center;

    background: linear-gradient(
      to bottom,
      transparent,
      rgba(255, 255, 255, 0.98) 45%
    );

    z-index: 20;
    pointer-events: none;
  }

  .tabs-vodic-za-pacijente .smh-tab-scroll-hint-btn {
    pointer-events: all;

    width: 100%;
    min-height: 44px;

    border: 0;
    border-radius: .25rem;
    background: var(--e-global-color-accent);
    color: #fff;

    display: flex;
    align-items: center;
    justify-content: center;

    cursor: pointer;
  }

  .tabs-vodic-za-pacijente .smh-tab-scroll-hint-btn svg {
    transition: transform 0.25s ease;
  }

  .tabs-vodic-za-pacijente .smh-tab-scroll-hint-btn svg path {
    stroke: currentColor;
  }

  .tabs-vodic-za-pacijente .smh-tab-scroll-hint-btn:not(.at-end) svg {
    transform: rotate(0deg);
    animation: smh-bounce-y 1.2s ease-in-out infinite;
  }

  .tabs-vodic-za-pacijente .smh-tab-scroll-hint-btn.at-end svg {
    transform: rotate(180deg);
    animation: none;
  }

  @keyframes smh-bounce-y {
    0%, 100% {
      transform: translateY(0);
    }

    50% {
      transform: translateY(4px);
    }
  }
}

@media (min-width: 1025px) {
  .tabs-vodic-za-pacijente .smh-tab-scroll-hint {
    display: none !important;
  }
}

/* =========================================Vodič - navigacija Prev / Next u tab contentuKlase generiše JS:.smh-next-tab-wrapper.smh-tab-nav-row.smh-prev-tab-btn.smh-next-tab-btn.smh-next-tab-label========================================= */

.tabs-vodic-za-pacijente .smh-next-tab-wrapper {
  padding-top: 8px;
  padding-bottom: 4px;
  border-top: 1px solid #e8e0d5;
  margin-top: 40px;
  margin-bottom: 24px;
  overflow: visible;
}

.tabs-vodic-za-pacijente .smh-next-tab-label {
  display: block;
  font-size: 12px;
  color: #999;
  margin-bottom: 10px;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}

.tabs-vodic-za-pacijente .smh-tab-nav-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  overflow: visible;
  padding-bottom: 2px;
}

.tabs-vodic-za-pacijente .smh-next-tab-btn,
.tabs-vodic-za-pacijente .smh-prev-tab-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;

  padding: 1rem 2.5rem;
  font-size: 1.2em;
  border-radius: .25rem;

  font-weight: 600;
  cursor: pointer;
  text-decoration: none;
  line-height: 1.2;
  letter-spacing: 0.02em;
  transition: 1s;

  box-sizing: border-box;
  min-height: 48px;
  flex-shrink: 0;
}

/* Sledeća sekcija */
.tabs-vodic-za-pacijente .smh-next-tab-btn {
  background: var(--e-global-color-accent);
  border: 2px solid var(--e-global-color-accent);
  color: #fff;
}

.tabs-vodic-za-pacijente .smh-next-tab-btn:hover {
  background: var(--e-global-color-accent);
  border-color: var(--e-global-color-accent);
  color: #fff;
  filter: brightness(0.92);
  transform: translateX(3px);
  text-decoration: none;
}

/* Prethodna sekcija */
.tabs-vodic-za-pacijente .smh-prev-tab-btn {
  background: transparent;
  color: var(--e-global-color-accent);
  border: 2px solid var(--e-global-color-accent);
}

.tabs-vodic-za-pacijente .smh-prev-tab-btn:hover {
  background: rgba(0, 0, 0, 0.04);
  color: var(--e-global-color-accent);
  border-color: var(--e-global-color-accent);
  transform: translateX(-3px);
  text-decoration: none;
}

/* Ikonice */
.tabs-vodic-za-pacijente .smh-next-tab-btn svg,
.tabs-vodic-za-pacijente .smh-prev-tab-btn svg {
  flex-shrink: 0;
  transition: transform 0.2s ease;
}

.tabs-vodic-za-pacijente .smh-next-tab-btn:hover svg {
  transform: translateX(4px);
}

.tabs-vodic-za-pacijente .smh-prev-tab-btn:hover svg {
  transform: translateX(-4px);
}

/* =========================================Tablet / mobileDugmad jedno ispod drugog, puna širina========================================= */

@media (max-width: 1024px) {
  .tabs-vodic-za-pacijente .smh-tab-nav-row {
    flex-direction: column !important;
    align-items: stretch !important;
  }

  .tabs-vodic-za-pacijente .smh-next-tab-btn,
  .tabs-vodic-za-pacijente .smh-prev-tab-btn {
    width: 100% !important;
    justify-content: center !important;
    box-sizing: border-box !important;

    padding: 0.9rem 1.5rem;
    font-size: 1em;
  }
}

/* =========================================Popup fixDa se dugmad ne seku pri dnu popup contentaPopup ID: 5714========================================= */

#elementor-popup-modal-5714 .tabs-vodic-za-pacijente .e-n-tabs-content {
  box-sizing: border-box;
  padding-bottom: 32px !important;
}

#elementor-popup-modal-5714 .tabs-vodic-za-pacijente .e-n-tabs-content > [role="tabpanel"].e-active {
  box-sizing: border-box;
  padding-bottom: 40px !important;
}

#elementor-popup-modal-5714 .tabs-vodic-za-pacijente .smh-next-tab-wrapper {
  margin-bottom: 24px !important;
  overflow: visible !important;
}

#elementor-popup-modal-5714 .tabs-vodic-za-pacijente .smh-tab-nav-row {
  overflow: visible !important;
  padding-bottom: 2px !important;
}

#elementor-popup-modal-5714 .tabs-vodic-za-pacijente .smh-next-tab-btn,
#elementor-popup-modal-5714 .tabs-vodic-za-pacijente .smh-prev-tab-btn {
  min-height: 48px;
  box-sizing: border-box;
  flex-shrink: 0;
}

/* =========================================Desktop popup - maska iznad sticky naslovaSprečava da se content vidi između naslova i vrha popupaPopup ID: 5714Heading ID: 5fe7810========================================= */

@media (min-width: 768px) {
  #elementor-popup-modal-5714 .elementor-element-5fe7810 {
    position: sticky !important;
    top: 0 !important;
    z-index: 300 !important;
    background: #fff;
    overflow: visible !important;
  }

  #elementor-popup-modal-5714 .elementor-element-5fe7810::before {
    content: "";
    position: absolute;

    left: 10px;
    right: -10px;
    top: -40px;
    height: 40px;

    background: #fff;
    z-index: 1;
    pointer-events: none;
  }

  #elementor-popup-modal-5714 .elementor-element-5fe7810::after {
    content: "";
    position: absolute;

    left: -10px;
    right: -10px;
    bottom: -20px;
    height: 18px;

    background: #fff;
    z-index: 1;
    pointer-events: none;
  }

  #elementor-popup-modal-5714 .elementor-element-5fe7810 .elementor-heading-title {
    position: relative;
    z-index: 2;
  }
}

@media (min-width: 1025px) {
  .tabs-vodic-za-pacijente .e-n-tabs-heading {
    position: sticky !important;
    top: 120px !important;
    z-index: 50 !important;
    background: #fff;
    align-self: flex-start;

    /* bela maska od 64px ispod heading/tabs dela */
    box-shadow: 0 64px 0 0 #fff;
  }

  .tabs-vodic-za-pacijente .e-n-tabs-content {
    position: relative;
    z-index: 1;
  }
}

/* =========================================
   Page desktop - fixed maska ispod sticky headera
   Ne remeti Elementor layout / kolone
   ========================================= */

@media (min-width: 1025px) {
  body:not(.elementor-editor-active):has(.tabs-vodic-za-pacijente)::before {
    content: "";
    position: fixed;

    left: 0;
    right: 0;

    /* visina sticky headera */
    top: 100px;

    /* visina maske */
    height: 24px;

    background: #fff;
    z-index: 15;
    pointer-events: none;
  }}

  body:not(.elementor-editor-active) header.elementor-location-header,
  body:not(.elementor-editor-active) .elementor-location-header,
  body:not(.elementor-editor-active) .header-desktop,
  body:not(.elementor-editor-active) .header-desktop.elementor-sticky--active,
  body:not(.elementor-editor-active) .header-desktop.elementor-sticky--effects {
    z-index: 99999 !important;
  }

  body:not(.elementor-editor-active) .tabs-vodic-za-pacijente .e-n-tabs-heading {
    position: sticky !important;
    top: 120px !important;
    z-index: 30 !important;
    background: #fff;
  }

  body:not(.elementor-editor-active) .tabs-vodic-za-pacijente .e-n-tabs-content {
    position: relative;
    z-index: 1 !important;
  }
  
  /* =========================================
   Mobile PAGE - maska iznad sticky headings/tabs
   Sprečava da se content vidi iznad tabova
   ========================================= */

@media (max-width: 767px) {
  body:not(.elementor-editor-active) .tabs-vodic-za-pacijente .e-n-tabs-heading {
    background: #fff;
    z-index: 200 !important;

    /* bela maska iznad heading/tabs dela */
    box-shadow:
      0 -48px 0 0 #fff,
      0 24px 0 0 #fff;
  }

  /* Popup ne koristi ovu page masku */
  #elementor-popup-modal-5714 .tabs-vodic-za-pacijente .e-n-tabs-heading {
    box-shadow: 32px 0 0 #fff;
  }
}/* End custom CSS */