/* ZH Zola test: scrollable category panels */
@media (min-width: 1025px) {
  .wd-sticky-nav, .wd-sticky-nav .wd-nav-sticky, .wd-sticky-nav .wd-dropdown { scrollbar-width: thin; scrollbar-color: #c4c4c4 transparent; }
  .wd-sticky-nav ::-webkit-scrollbar { width: 5px; height: 5px; }
  .wd-sticky-nav ::-webkit-scrollbar-thumb { background: #c4c4c4; border-radius: 8px; }
  .wd-sticky-nav .woodmart-nav-link { overflow-wrap: anywhere; white-space: normal; }
  .wd-sticky-nav li:focus-within > .wd-dropdown { visibility: visible !important; opacity: 1 !important; pointer-events: auto !important; }
  @supports (anchor-scope: --zola-item) {
    .wd-sticky-nav > .wd-nav-sticky { max-height: calc(100dvh - 100px); overflow-y: auto; overflow-x: hidden; overscroll-behavior-y: contain; }
    .wd-sticky-nav .menu-item-has-children { anchor-name: --zola-item; anchor-scope: --zola-item; }
    .wd-sticky-nav .wd-dropdown {
      position: fixed !important; position-anchor: --zola-item;
      inset: auto !important;
      left: anchor(right) !important;
      top: anchor(top) !important;
      bottom: 12px !important;
      height: max-content;
      max-height: stretch;
      width: 240px; min-width: 220px; max-width: calc(100vw - 80px);
      max-height: stretch;
      overflow-y: auto; overflow-x: hidden;
      margin: 0 !important; transform: none !important;
      overscroll-behavior-y: contain;
      position-try-fallbacks: flip-inline;
    }
    .wd-sticky-nav .wd-dropdown::after { display: none; }
    .wd-sticky-nav .wd-dropdown .container { width: auto; min-width: 0; }
  }
}

@media (min-width: 1025px) {
 .wd-sticky-nav:focus-within { width: 275px; }
 .wd-sticky-nav:focus-within::after { visibility: hidden; }
 .wd-sticky-nav:focus-within .wd-nav-sticky { pointer-events: auto; }
 .wd-sticky-nav:focus-within .wd-sticky-nav-title span,
 .wd-sticky-nav:focus-within .wd-nav-sticky > li > a::after,
 .wd-sticky-nav:focus-within .wd-nav-sticky > li > a .nav-link-text { max-width: none; width: auto; opacity: 1; }
 .wd-sticky-nav:focus-within .wd-nav-sticky > li > a .nav-link-text { margin-left: 10px; }
 .wd-sticky-nav .wd-nav-sticky { scrollbar-width: thin !important; }
}

/* ZH Zola: category menu visual design */
@media (min-width: 1025px) {
 .wd-sticky-nav { border-right-color: #e8e8ec; }
 .wd-sticky-nav:is(:hover, .wd-opened, :focus-within) { box-shadow: 8px 0 30px rgba(30, 35, 45, .09); }
 .wd-sticky-nav-title { border-radius: 10px; background: #dc292f; font-size: 14px; letter-spacing: .1px; }
 .wd-sticky-nav .woodmart-nav-link { font-size: 13px; font-weight: 500; line-height: 1.45; color: #30343b; text-transform: none; transition: color .15s ease, background-color .15s ease; }
 .wd-sticky-nav .wd-nav-sticky > li > a { height: 46px; min-height: 46px; box-sizing: border-box; padding: 8px 18px; }
 .wd-sticky-nav .wd-nav-img { width: 20px; height: 20px; object-fit: contain; flex-shrink: 0; }
 .wd-sticky-nav .menu-item > a::after { color: #969ca6; font-size: 10px; }
 .wd-sticky-nav li:is(:hover, :focus-within) > a { color: #c5222a; background-color: #fff2f3; }
 .wd-sticky-nav a:focus-visible { outline: 2px solid #dc292f; outline-offset: -3px; }
 .wd-sticky-nav .wd-dropdown { background: #fff !important; border: 1px solid #e8e8ec; border-radius: 12px; padding: 8px !important; box-shadow: 0 12px 34px rgba(30, 35, 45, .12); }
 .wd-sticky-nav .wd-dropdown > .container { padding: 0; }
 .wd-sticky-nav .wd-dropdown .wd-sub-menu { padding: 0; margin: 0; }
 .wd-sticky-nav .wd-dropdown li > a { min-height: 40px; padding: 10px 12px; border-radius: 7px; }
 .wd-sticky-nav .wd-dropdown li { margin: 0; }
 .wd-sticky-nav .wd-dropdown .woodmart-nav-link { color: #30343b; }
 .wd-sticky-nav .wd-dropdown li:is(:hover, :focus-within) > a { color: #c5222a; background-color: #fff2f3; }
 @supports (anchor-scope: --zola-item) {
  .wd-sticky-nav .wd-dropdown { width: 260px !important; }
 }
}
@media (max-width: 1024px) {
 #menu-meni-lijevo-1 .woodmart-nav-link { font-size: 13px; line-height: 1.5; text-transform: none; }
 #menu-meni-lijevo-1 .wd-nav-img { width: 20px; height: 20px; object-fit: contain; }
 #menu-meni-lijevo-1 .wd-nav-opener { color: #7b828e; }
 #menu-meni-lijevo-1 li:is(.wd-active, :focus-within) > a { background-color: #fff2f3; color: #c5222a; }
}
/* End ZH Zola category menu visual design */

/* Keep the active menu path open while using panel scrollbars. */
@media (min-width: 1025px) {
 .wd-sticky-nav.zola-scroll-open { width: 275px; }
 .wd-sticky-nav.zola-scroll-open::after { visibility: hidden; }
 .wd-sticky-nav.zola-scroll-open .wd-nav-sticky { pointer-events: auto; }
 .wd-sticky-nav.zola-scroll-open .wd-sticky-nav-title span,
 .wd-sticky-nav.zola-scroll-open .wd-nav-sticky > li > a::after,
 .wd-sticky-nav.zola-scroll-open .wd-nav-sticky > li > a .nav-link-text { max-width: none; width: auto; opacity: 1; }
 .wd-sticky-nav.zola-scroll-open .wd-nav-sticky > li > a .nav-link-text { margin-left: 10px; }
 .wd-sticky-nav .zola-item-open > .wd-dropdown { opacity: 1 !important; visibility: visible !important; pointer-events: auto !important; }
 .wd-sticky-nav .zola-item-open > a { color: #c5222a; background: #fff2f3; }
 @supports (anchor-scope: --zola-item) {
  .wd-sticky-nav > .wd-nav-sticky > li > .wd-dropdown { left: 275px !important; }
  .wd-sticky-nav .wd-dropdown .wd-dropdown { left: calc(anchor(right) + 9px) !important; }
 }
}

/* Stable flyouts at every depth; positions follow their own parent row. */
@media (min-width: 1025px) {
 .wd-sticky-nav[data-zola-scroll-ready="1"] .menu-item > .wd-dropdown { position: fixed !important; inset: auto !important; top: var(--zola-panel-top, 92px) !important; left: var(--zola-panel-left, 275px) !important; bottom: auto !important; height: auto; max-height: var(--zola-panel-max-height, calc(100dvh - 60px)); transform: none !important; position-try-fallbacks: none; opacity: 0 !important; visibility: hidden !important; pointer-events: none !important; transition: opacity .12s ease, visibility .12s ease; }
 .wd-sticky-nav[data-zola-scroll-ready="1"] li.zola-item-open > .wd-dropdown { opacity: 1 !important; visibility: visible !important; pointer-events: auto !important; }
 .wd-sticky-nav[data-zola-scroll-ready="1"] .wd-dropdown li { padding: 0; }
}

/* Scroll runtime applies only to the sidebar navigation. */
@media (min-width: 1025px) {
 .wd-sticky-nav.zola-menu-runtime[data-zola-scroll-ready="1"] .menu-item > .wd-dropdown { position: fixed !important; inset: auto !important; top: var(--zola-panel-top, 92px) !important; left: var(--zola-panel-left, 275px) !important; bottom: auto !important; width: 260px !important; min-width: 220px; max-width: calc(100vw - 24px); height: auto; max-height: var(--zola-panel-max-height, calc(100dvh - 60px)); margin: 0 !important; padding: 8px !important; transform: none !important; position-try-fallbacks: none; background: #fff !important; border: 1px solid #e8e8ec; border-radius: 12px; box-shadow: 0 12px 34px rgba(30,35,45,.12); overflow-x: hidden; overflow-y: auto; overscroll-behavior-y: contain; scrollbar-width: thin; opacity: 0 !important; visibility: hidden !important; pointer-events: none !important; transition: opacity .12s ease, visibility .12s ease; }
 .wd-sticky-nav.zola-menu-runtime[data-zola-scroll-ready="1"] li.zola-item-open > .wd-dropdown { opacity: 1 !important; visibility: visible !important; pointer-events: auto !important; }
 .wd-sticky-nav.zola-menu-runtime[data-zola-scroll-ready="1"] .wd-dropdown::after { display: none; }
 .wd-sticky-nav.zola-menu-runtime[data-zola-scroll-ready="1"] .wd-dropdown .container { width: auto; min-width: 0; padding: 0; }
 .wd-sticky-nav.zola-menu-runtime[data-zola-scroll-ready="1"] .wd-dropdown .wd-sub-menu { padding: 0; margin: 0; }
 .wd-sticky-nav.zola-menu-runtime[data-zola-scroll-ready="1"] .wd-dropdown li { padding: 0; margin: 0; }
 .wd-sticky-nav.zola-menu-runtime[data-zola-scroll-ready="1"] .wd-dropdown li > a { padding: 10px 12px; min-height: 40px; border-radius: 7px; white-space: normal; font-size: 13px; line-height: 1.45; }
 .wd-sticky-nav.zola-menu-runtime[data-zola-scroll-ready="1"] li.zola-item-open > a { color: #c5222a; background: #fff2f3; }

}

/* 1.0.1: the idle icon rail has no visible scrollbar.
 * Keep overflow untouched: wheel, keyboard and panel scrolling still work.
 * The runtime class also keeps the bar visible while dragging or using flyouts.
 */
@media (min-width: 1025px) {
 .wd-sticky-nav,
 .wd-sticky-nav .wd-nav-sticky { scrollbar-width: none !important; }
 .wd-sticky-nav::-webkit-scrollbar,
 .wd-sticky-nav .wd-nav-sticky::-webkit-scrollbar { width: 0 !important; height: 0 !important; }
 .wd-sticky-nav:is(:hover, :focus-within, .wd-opened, .zola-scroll-open),
 .wd-sticky-nav:is(:hover, :focus-within, .wd-opened, .zola-scroll-open) .wd-nav-sticky { scrollbar-width: thin !important; }
 .wd-sticky-nav:is(:hover, :focus-within, .wd-opened, .zola-scroll-open)::-webkit-scrollbar,
 .wd-sticky-nav:is(:hover, :focus-within, .wd-opened, .zola-scroll-open) .wd-nav-sticky::-webkit-scrollbar { width: 5px !important; height: 5px !important; }
}

/* Left-menu font size. */
@media (min-width: 1025px) {
 .wd-sticky-nav .woodmart-nav-link,
 .wd-sticky-nav.zola-menu-runtime[data-zola-scroll-ready="1"] .wd-dropdown li > a { font-size: 14px; }
}
@media (max-width: 1024px) {
 #menu-meni-lijevo-1 .woodmart-nav-link { font-size: 14px; }
}


/* 1.0.3: only first-level SIDE menu entries are bold; children stay regular. */
@media (min-width: 1025px) {
 .wd-sticky-nav .wd-nav-sticky > li > a,
 .wd-sticky-nav .wd-nav-sticky > li > a .nav-link-text { font-weight: 700 !important; }
 .wd-sticky-nav .wd-dropdown .woodmart-nav-link,
 .wd-sticky-nav .wd-dropdown .woodmart-nav-link .nav-link-text { font-weight: 400 !important; }
}
@media (max-width: 1024px) {
 #menu-meni-lijevo-1 > li > a,
 #menu-meni-lijevo-1 > li > a .nav-link-text { font-weight: 700 !important; }
 #menu-meni-lijevo-1 .sub-menu .woodmart-nav-link,
 #menu-meni-lijevo-1 .sub-menu .woodmart-nav-link .nav-link-text { font-weight: 400 !important; }
}