.elementor-59 .elementor-element.elementor-element-hdr_main{--display:flex;--position:sticky;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;border-style:solid;--border-style:solid;border-width:0px 0px 1px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:0px;border-color:rgba(23,58,49,0.10);--border-color:rgba(23,58,49,0.10);--padding-top:10px;--padding-bottom:10px;--padding-left:0px;--padding-right:0px;top:0px;--z-index:100;}.elementor-59 .elementor-element.elementor-element-hdr_main:not(.elementor-motion-effects-element-type-background), .elementor-59 .elementor-element.elementor-element-hdr_main > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:rgba(250,250,247,0.96);}body:not(.rtl) .elementor-59 .elementor-element.elementor-element-hdr_main{left:0px;}body.rtl .elementor-59 .elementor-element.elementor-element-hdr_main{right:0px;}.elementor-59 .elementor-element.elementor-element-hdr_inner{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:8px 12px;--row-gap:8px;--column-gap:12px;--padding-top:0px;--padding-bottom:0px;--padding-left:32px;--padding-right:32px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-59 .elementor-element.elementor-element-hdr_logo img{width:76px;}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-accent );}.elementor-widget-nav-menu .e--pointer-framed .elementor-item:before,
					.elementor-widget-nav-menu .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-accent );}.elementor-widget-nav-menu{--e-nav-menu-divider-color:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-59 .elementor-element.elementor-element-hdr_nav .elementor-menu-toggle{margin:0 auto;}.elementor-59 .elementor-element.elementor-element-hdr_nav .elementor-nav-menu--main .elementor-item{color:#173A31;fill:#173A31;}.elementor-59 .elementor-element.elementor-element-hdr_nav .elementor-nav-menu--main .elementor-item:hover,
					.elementor-59 .elementor-element.elementor-element-hdr_nav .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-59 .elementor-element.elementor-element-hdr_nav .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-59 .elementor-element.elementor-element-hdr_nav .elementor-nav-menu--main .elementor-item:focus{color:#2E5A4C;fill:#2E5A4C;}.elementor-59 .elementor-element.elementor-element-hdr_nav .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-59 .elementor-element.elementor-element-hdr_nav .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:#2E5A4C;}.elementor-59 .elementor-element.elementor-element-hdr_nav .e--pointer-framed .elementor-item:before,
					.elementor-59 .elementor-element.elementor-element-hdr_nav .e--pointer-framed .elementor-item:after{border-color:#2E5A4C;}.elementor-59 .elementor-element.elementor-element-hdr_nav .elementor-nav-menu--main .elementor-item.elementor-item-active{color:#173A31;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-59 .elementor-element.elementor-element-hdr_cta .elementor-button{background-color:#173A31;font-family:"Manrope", Sans-serif;font-size:13px;font-weight:600;fill:#FAFAF7;color:#FAFAF7;border-radius:999px 999px 999px 999px;padding:10px 22px 10px 22px;}.elementor-59 .elementor-element.elementor-element-hdr_cta .elementor-button:hover, .elementor-59 .elementor-element.elementor-element-hdr_cta .elementor-button:focus{background-color:#2E5A4C;color:#FAFAF7;}.elementor-59 .elementor-element.elementor-element-hdr_cta .elementor-button:hover svg, .elementor-59 .elementor-element.elementor-element-hdr_cta .elementor-button:focus svg{fill:#FAFAF7;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:767px){.elementor-59 .elementor-element.elementor-element-hdr_inner{--padding-top:0px;--padding-bottom:0px;--padding-left:16px;--padding-right:16px;}}@media(min-width:768px){.elementor-59 .elementor-element.elementor-element-hdr_inner{--content-width:1280px;}}/* Start custom CSS *//* ─── HEADER MOBILE DRAWER — full-screen overlay ───────── */
@media (max-width: 1024px) {

  /* Toggle button — čista, suptilna ikona */
  .elementor-element-hdr_nav .elementor-menu-toggle {
    background: transparent !important;
    color: #173A31 !important;
    padding: 8px !important;
    margin: 0 !important;
    border: none !important;
  }
  .elementor-element-hdr_nav .elementor-menu-toggle svg {
    width: 24px;
    height: 24px;
  }

  /* Kad je drawer otvoren — full screen overlay */
  .elementor-element-hdr_nav .elementor-nav-menu--dropdown {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100vw !important;
    max-width: 100vw !important;
    height: 100vh !important;
    background: #FAFAF7 !important;
    z-index: 9999 !important;
    overflow-y: auto !important;
    padding: 96px 32px 48px !important;
    margin: 0 !important;
    border: none !important;
    box-shadow: none !important;
  }

  /* Menu items — editorial stil */
  .elementor-element-hdr_nav .elementor-nav-menu--dropdown ul {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
    max-width: 600px;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .elementor-element-hdr_nav .elementor-nav-menu--dropdown li {
    border-bottom: 1px solid rgba(23,58,49,0.08) !important;
  }
  .elementor-element-hdr_nav .elementor-nav-menu--dropdown li:last-child {
    border-bottom: none !important;
  }

  .elementor-element-hdr_nav .elementor-nav-menu--dropdown a {
    font-family: "DM Serif Display", Georgia, serif !important;
    font-size: 28px !important;
    line-height: 1.15 !important;
    color: #173A31 !important;
    padding: 18px 0 !important;
    background: transparent !important;
    border: none !important;
    text-decoration: none !important;
    letter-spacing: -0.01em;
  }
  .elementor-element-hdr_nav .elementor-nav-menu--dropdown a:hover {
    color: #2E5A4C !important;
    background: transparent !important;
  }

  /* Sub-menu items (Programi → 6 produkata, Za firme → 3 stavke) */
  .elementor-element-hdr_nav .elementor-nav-menu--dropdown .sub-menu,
  .elementor-element-hdr_nav .elementor-nav-menu--dropdown .sub-menu li {
    background: transparent !important;
    box-shadow: none !important;
    border: none !important;
  }
  .elementor-element-hdr_nav .elementor-nav-menu--dropdown .sub-menu li {
    border-bottom: none !important;
  }
  .elementor-element-hdr_nav .elementor-nav-menu--dropdown .sub-menu a {
    font-family: "Manrope", sans-serif !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    padding: 10px 0 10px 16px !important;
    color: #2E5A4C !important;
  }

  /* Submenu indicator strelica */
  .elementor-element-hdr_nav .elementor-nav-menu--dropdown .sub-arrow {
    color: #173A31 !important;
    font-size: 16px !important;
  }

  /* Kad je drawer aktivan — sakrij logo i CTA */
  .elementor-element-hdr_inner:has(.elementor-menu-toggle.elementor-active) .elementor-element-hdr_logo,
  .elementor-element-hdr_inner:has(.elementor-menu-toggle.elementor-active) .elementor-element-hdr_cta {
    visibility: hidden !important;
  }
  /* Toggle button (sa close X) stoji uvek iznad drawer-a */
  .elementor-element-hdr_inner:has(.elementor-menu-toggle.elementor-active) .elementor-element-hdr_nav {
    position: fixed !important;
    top: 16px !important;
    right: 16px !important;
    z-index: 10000 !important;
    width: auto !important;
    flex: 0 0 auto !important;
  }

  /* Toggle ostaje sa desne strane */
  .elementor-element-hdr_nav {
    display: flex !important;
    justify-content: flex-end !important;
  }
}

/* ─── DESKTOP polish ────────────────────── */
@media (min-width: 1025px) {
  /* Submenu kao card sa shadow */
  .elementor-element-hdr_nav .sub-menu {
    background: #FAFAF7 !important;
    border-radius: 8px !important;
    border: 1px solid rgba(23,58,49,0.10) !important;
    box-shadow: 0 12px 32px rgba(23,58,49,0.08) !important;
    padding: 12px !important;
    margin-top: 8px !important;
    min-width: 220px;
  }
  .elementor-element-hdr_nav .sub-menu a {
    font-family: "Manrope", sans-serif !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    color: #173A31 !important;
    padding: 10px 14px !important;
    border-radius: 4px !important;
  }
  .elementor-element-hdr_nav .sub-menu a:hover {
    background: rgba(244,238,220,0.6) !important;
    color: #173A31 !important;
  }

  /* Main nav items spacing */
  .elementor-element-hdr_nav .elementor-nav-menu > li > a {
    padding: 8px 14px !important;
  }
}/* End custom CSS */