/* Google PageSpeed safe fix v26: CLS, contrast, touch targets */
html{scroll-behavior:auto!important;}
.vx-main-header{min-height:74px!important;}
.vx-main-logo{display:flex!important;align-items:center!important;justify-content:flex-start!important;width:160px!important;min-width:160px!important;height:39px!important;line-height:0!important;flex:0 0 160px!important;}
.vx-main-logo img{display:block!important;width:160px!important;height:39px!important;max-width:160px!important;object-fit:contain!important;}
.vx-header-cta,.vx-btn-green,.vx26-btn-green,.vxa28-btn-primary,.vxs-btn-green,button.vx-btn-green,.vx-review-all-btn{background:#0f7a35!important;color:#fff!important;-webkit-text-fill-color:#fff!important;text-shadow:none!important;border-color:#0f7a35!important;}
.vx-header-cta:hover,.vx-btn-green:hover,.vx26-btn-green:hover,.vxa28-btn-primary:hover,.vxs-btn-green:hover,button.vx-btn-green:hover,.vx-review-all-btn:hover{background:#0b6f32!important;color:#fff!important;-webkit-text-fill-color:#fff!important;}
.vx-btn-blue,.vx-btn-primary,.vx26-btn-primary,.vxa28-btn-blue{color:#fff!important;-webkit-text-fill-color:#fff!important;}
#izrada-web-stranica,.vx-unified-hero{contain:layout paint!important;min-height:620px!important;}
#izrada-web-stranica::before,.vx-unified-hero::before{content:""!important;position:absolute!important;inset:0!important;display:block!important;pointer-events:none!important;z-index:0!important;transform:translateZ(0)!important;}
#izrada-web-stranica .vx-unified-hero-inner,.vx-unified-hero .vx-unified-hero-inner{min-height:620px!important;box-sizing:border-box!important;display:flex!important;align-items:center!important;}
#izrada-web-stranica .vx-hero-content,.vx-unified-hero .vx-hero-content{transform:translateZ(0)!important;}
.vx-review-dots{display:flex!important;align-items:center!important;gap:0!important;min-height:44px!important;margin-top:8px!important;}
.vx-review-dot{position:relative!important;width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;padding:0!important;margin:0!important;border:0!important;background:transparent!important;box-shadow:none!important;cursor:pointer!important;}
.vx-review-dot::after{content:"";position:absolute;left:50%;top:50%;width:12px;height:12px;border-radius:999px;background:rgba(255,255,255,.38);transform:translate(-50%,-50%);transition:background .2s ease,transform .2s ease;}
.vx-review-dot.is-active::after{background:#22c55e;transform:translate(-50%,-50%) scale(1.16);}
.vx-review-dot:focus-visible{outline:2px solid #22c55e!important;outline-offset:2px!important;border-radius:999px!important;}
@media(max-width:767px){
  .vx-main-header{min-height:66px!important;}
  .vx-main-logo{width:160px!important;min-width:160px!important;height:39px!important;flex-basis:160px!important;}
  .vx-main-logo img{width:160px!important;height:39px!important;}
  #izrada-web-stranica,.vx-unified-hero{min-height:680px!important;}
  #izrada-web-stranica .vx-unified-hero-inner,.vx-unified-hero .vx-unified-hero-inner{min-height:680px!important;padding-top:42px!important;padding-bottom:72px!important;}
}

/* Voxern v27: no FOUC + stable desktop mega menu */
@media (min-width:1025px){
  body.vx-no-dropdown .vx-dropdown{opacity:0!important;visibility:hidden!important;transform:translateY(8px)!important;pointer-events:none!important;}
  .vx-menu-item:focus-within > .vx-dropdown{opacity:0!important;visibility:hidden!important;transform:translateY(8px)!important;pointer-events:none!important;}
  .vx-menu-item:hover > .vx-dropdown{opacity:1!important;visibility:visible!important;transform:translateY(0)!important;pointer-events:auto!important;}
}
.vx-dropdown{pointer-events:none;}
.vx-menu-item:hover > .vx-dropdown{pointer-events:auto;}

/* Voxern v28: center desktop submenu below parent item */
@media (min-width:1025px){
  .vx-main-menu > .vx-menu-item{position:relative!important;}
  .vx-main-menu > .vx-menu-item > .vx-dropdown{
    left:50%!important;
    right:auto!important;
    top:calc(100% + 8px)!important;
    transform:translate(-50%,8px)!important;
    transform-origin:top center!important;
    max-width:calc(100vw - 40px)!important;
  }
  .vx-main-menu > .vx-menu-item:focus-within > .vx-dropdown,
  body.vx-no-dropdown .vx-main-menu > .vx-menu-item > .vx-dropdown{
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    transform:translate(-50%,8px)!important;
  }
  .vx-main-menu > .vx-menu-item:hover > .vx-dropdown{
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    transform:translate(-50%,0)!important;
  }
  .vx-main-menu > .vx-menu-item:nth-last-child(-n+2) > .vx-dropdown{
    left:auto!important;
    right:0!important;
    transform:translateY(8px)!important;
  }
  .vx-main-menu > .vx-menu-item:nth-last-child(-n+2):hover > .vx-dropdown{
    transform:translateY(0)!important;
  }
}

/* Voxern v29 submenu hover bridge fix
   Keeps dropdown open while the cursor moves from the top menu item to the submenu. */
@media (min-width: 1025px){
  .vx-menu-item:has(> .vx-dropdown){
    position:relative!important;
  }
  .vx-menu-item:has(> .vx-dropdown)::after{
    content:""!important;
    position:absolute!important;
    left:50%!important;
    top:100%!important;
    width:min(860px, calc(100vw - 48px))!important;
    height:22px!important;
    transform:translateX(-50%)!important;
    display:none!important;
    background:transparent!important;
    z-index:10018!important;
    pointer-events:auto!important;
  }
  .vx-menu-item:has(> .vx-dropdown):hover::after,
  .vx-menu-item:has(> .vx-dropdown):focus-within::after{
    display:block!important;
  }
  .vx-dropdown{
    top:calc(100% + 8px)!important;
    z-index:10020!important;
    pointer-events:auto!important;
  }
  .vx-menu-item:hover > .vx-dropdown,
  .vx-menu-item:focus-within > .vx-dropdown,
  .vx-menu-item > .vx-dropdown:hover{
    opacity:1!important;
    visibility:visible!important;
  }
}


/* Lightweight HR/DE language switcher - no JavaScript */
.vx-lang-switcher{display:inline-flex;align-items:center;gap:4px;margin-left:10px;padding:2px;border:1px solid rgba(11,23,40,.10);border-radius:999px;background:rgba(255,255,255,.9);white-space:nowrap}
.vx-lang-switcher a{display:inline-flex;align-items:center;justify-content:center;min-width:30px;height:24px;padding:0 8px;border-radius:999px;font-size:12px;font-weight:800;line-height:1;text-decoration:none!important;color:#0b1728!important;background:transparent;letter-spacing:.02em}
.vx-lang-switcher a.is-active,.vx-lang-switcher a[aria-current="true"]{background:#0f7a35!important;color:#fff!important}
.vx-mobile-lang-switcher{display:flex;align-items:center;gap:8px;margin:10px 0 2px;padding:10px 0;border-top:1px solid rgba(11,23,40,.08)}
.vx-mobile-lang-switcher span{font-size:13px;font-weight:800;color:#334155}
.vx-mobile-lang-switcher a{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:32px;border-radius:999px;border:1px solid rgba(11,23,40,.12);font-size:13px;font-weight:800;text-decoration:none!important;color:#0b1728!important;background:#fff}
.vx-mobile-lang-switcher a.is-active,.vx-mobile-lang-switcher a[aria-current="true"]{background:#0f7a35!important;color:#fff!important;border-color:#0f7a35!important}
@media(max-width:760px){.vx-top-actions .vx-lang-switcher{margin-left:6px}.vx-lang-switcher a{min-width:27px;height:22px;padding:0 6px;font-size:11px}}


/* Voxern v40: submenu links clickable safeguard */
@media (min-width:1025px){
  .vx-main-menu > .vx-menu-item > .vx-dropdown{pointer-events:auto!important;}
  .vx-main-menu > .vx-menu-item > .vx-dropdown .vx-dropdown-card{position:relative!important;z-index:10030!important;pointer-events:auto!important;}
  .vx-main-menu > .vx-menu-item:has(> .vx-dropdown)::after{z-index:10010!important;}
}