/* ============ MUSICSHOP CUSTOM MENU FIX ============ */

/* --- 1. TOP RED: stisni da svih 9 stavki stane u jedan red --- */
.top-menu a[data-depth="0"] {
  padding: .625rem .45rem;
  font-size: .82rem;
}

/* --- 2. DUBOKE RAZINE (depth 2/3/4) = hover flyout, ne u toku --- */
/* Classic na desktopu duboke .collapse ostavlja u toku; forsiramo ih van */
@media (min-width: 768px) {

  /* svaki li s podmenijem = pozicijsko sidro */
  .top-menu[data-depth="1"] li.category,
  .top-menu[data-depth="2"] li.category,
  .top-menu[data-depth="3"] li.category {
    position: relative;
  }

  /* duboki collapse paneli: sakrij, izvadi iz toka, pozicioniraj desno */
  .top-menu[data-depth="1"] li > .collapse,
  .top-menu[data-depth="2"] li > .collapse,
  .top-menu[data-depth="3"] li > .collapse {
    display: block !important;
    position: absolute;
    top: 0;
    left: 100%;
    min-width: 220px;
    max-width: 280px;
    padding: .5rem 0;
    background: #fff;
    box-shadow: 2px 1px 11px 2px rgba(0,0,0,.12);
    z-index: 30;
    visibility: hidden;
    opacity: 0;
    transition: opacity .18s ease, visibility .18s ease;
  }

  /* otvori na hover roditelja */
  .top-menu[data-depth="1"] li.category:hover > .collapse,
  .top-menu[data-depth="2"] li.category:hover > .collapse,
  .top-menu[data-depth="3"] li.category:hover > .collapse {
    visibility: visible;
    opacity: 1;
  }

  /* flyout stavke: pune širine, ne floataju kao stupci */
  .top-menu[data-depth="2"] > li,
  .top-menu[data-depth="3"] > li,
  .top-menu[data-depth="4"] > li {
    float: none !important;
    margin: 0 !important;
    display: block;
    width: 100%;
  }
  .top-menu[data-depth="2"] > li > a,
  .top-menu[data-depth="3"] > li > a,
  .top-menu[data-depth="4"] > li > a {
    padding: .35rem 1rem !important;
    white-space: nowrap;
  }

  /* strelica ">" da se vidi da ima dublje grananje */
  .top-menu[data-depth="1"] a.dropdown-submenu,
  .top-menu[data-depth="2"] a.dropdown-submenu,
  .top-menu[data-depth="3"] a.dropdown-submenu {
    position: relative;
    padding-right: 1.4rem !important;
  }
  .top-menu[data-depth="1"] a.dropdown-submenu::after,
  .top-menu[data-depth="2"] a.dropdown-submenu::after,
  .top-menu[data-depth="3"] a.dropdown-submenu::after {
    content: "›";
    position: absolute;
    right: .7rem;
    top: 50%;
    transform: translateY(-50%);
    font-size: 1.1rem;
    line-height: 1;
  }
}

/* PRIVREMENO: sakrij polomljenu thumb traku dok se regeneriraju slike */
.product-images,
.js-qv-product-images,
#product-images-large .thumbnails,
.product-thumbnails {
  display: none !important;
}
/* glavna slika neka zauzme puni prostor */
.product-cover {
  margin: 0 auto;
}