
/* 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;
  }
}
