/* =======================================================================
   BUKOMA • styles-override.css  (musí se načíst jako POSLEDNÍ)
   Stabilizace mega-menu na Merkur: .bk-open řídí zobrazení panelů
   ======================================================================= */

@media (min-width:992px){

  /* 0) Vypni jakékoliv cizí otevírání panelů (hover/exp) */
  .navigation-in .menu-level-1 > li > ul.menu-level-2 { display:none !important; }
  .navigation-in .menu-level-1 > li.bk-open > ul.menu-level-2 { display:block !important; }

  /* 1) Centrovat panel pod top záložkou + základní panel UI */
  .navigation-in .menu-level-1 > li > ul.menu-level-2{
    position:absolute !important;
    top:100% !important;
    left:50% !important;
    transform:translateX(-50%) !important;
    width:min(1180px,95vw) !important;
    margin:0 !important;
    z-index:5000 !important;
    background:#fff !important;
    border-radius:10px !important;
    box-shadow:0 12px 26px rgba(0,0,0,.14) !important;
    padding:20px 22px !important;
    max-height:min(420px,72vh) !important;
    overflow-y:auto !important;
    overflow-x:hidden !important;
  }

  /* 2) Záložky v horním menu – dvouřádkové, šířka dle textu */
  .navigation-in .menu-level-1 { display:flex; gap:.5rem; align-items:center; }
  .navigation-in .menu-level-1 > li { width:auto !important; flex:0 1 auto !important; }
  .navigation-in .menu-level-1 > li > a{
    display:flex; align-items:center; justify-content:center;
    min-height:44px; padding:10px 12px;
    line-height:1.2; text-align:center;
    white-space:normal !important;       /* dovol 2 řádky */
    max-width:11rem;                     /* regulace zalomení */
  }

  /* 3) VINYLOVÉ PODLAHY (.menu-item-724) – dvousloupec */
  .navigation-in .menu-level-1 > li.menu-item-724.bk-open > ul.menu-level-2{
    display:flex !important; gap:24px !important; align-items:flex-start !important;
  }
  .navigation-in .menu-level-1 > li.menu-item-724 > ul.menu-level-2 > .bk-left{
    flex:0 0 260px !important;
    display:flex !important; flex-direction:column !important; gap:6px !important;
    max-height:calc(min(420px,72vh)) !important; overflow:auto !important;
  }
  .navigation-in .menu-level-1 > li.menu-item-724 > ul.menu-level-2 > .bk-left > *:not(li){ display:none !important; }
  .navigation-in .menu-level-1 > li.menu-item-724 > ul.menu-level-2 > .bk-left > li{
    display:flex !important; align-items:center !important; gap:10px !important;
    padding:10px 12px !important; border-radius:10px !important;
  }
  .navigation-in .menu-level-1 > li.menu-item-724 > ul.menu-level-2 > .bk-left a.menu-image img{
    width:40px !important; height:40px !important; object-fit:cover; border-radius:8px !important;
  }
  .navigation-in .menu-level-1 > li.menu-item-724 > ul.menu-level-2 .menu-level-3{ display:none !important; }
  /* skryj starý "Vyprodej/Akce" ve sloupci vlevo (zůstane jen syntetická položka Akce & výprodej) */
  .navigation-in .menu-level-1 > li.menu-item-724 > ul.menu-level-2 > .bk-left >
  li:is(:has(> div > a[href*="/vyprodej/"]), :has(> a.menu-image[href*="/vyprodej/"]),
        :has(> div > a[href*="/vinylove-podlahy-akce/"]), :has(> a.menu-image[href*="/vinylove-podlahy-akce/"])){
    display:none !important;
  }

  .navigation-in .menu-level-1 > li.menu-item-724 > ul.menu-level-2 > .bk-mega-right{
    flex:1 1 auto !important;
    display:grid !important;
    grid-template-columns:repeat(auto-fill,minmax(280px,1fr)) !important;
    gap:20px !important;
  }
  .navigation-in .menu-level-1 > li.menu-item-724 .bk-card{
    display:grid !important; grid-template-columns:72px 1fr !important; gap:14px !important;
    padding:16px 18px !important;
    border:1px solid rgba(0,0,0,.10) !important; border-radius:16px !important; background:#fff !important;
    text-decoration:none !important; color:#111 !important; font-weight:600;
  }
  .navigation-in .menu-level-1 > li.menu-item-724 .bk-card span{
    display:block; white-space:normal; word-break:break-word; line-height:1.3;
  }
  .navigation-in .menu-level-1 > li.menu-item-724 .bk-promo img{
    display:block; width:100%; height:clamp(220px,28vw,360px); object-fit:cover; border-radius:12px;
  }
  .navigation-in .menu-level-1 > li.menu-item-724 > ul.menu-level-2 > .bk-mega-right:has(> .bk-promo){
    grid-template-columns:1fr !important;
  }

  /* 4) UNIFY (ostatní top s podkategorií) – větší obrázky + text v rámečku */
  .bk-unify .navigation-in .menu-level-1 > li.ext:not(.menu-item-724).bk-open > ul.menu-level-2{
    display:grid !important; grid-template-columns:repeat(auto-fill,minmax(320px,1fr)) !important;
    gap:16px 18px !important;
  }
  .bk-unify .navigation-in .menu-level-1 > li.ext:not(.menu-item-724) > ul.menu-level-2 > li{
    display:grid !important; grid-template-columns:84px 1fr !important; align-items:center !important; gap:12px !important;
    border:1px solid rgba(0,0,0,.10) !important; border-radius:12px !important; background:#fff !important;
    padding:12px 14px !important;
  }
  .bk-unify .navigation-in .menu-level-1 > li.ext:not(.menu-item-724) > ul.menu-level-2 > li > a.menu-image img{
    width:84px !important; height:84px !important; object-fit:cover !important; border-radius:10px !important;
  }
  .bk-unify .navigation-in .menu-level-1 > li.ext:not(.menu-item-724) > ul.menu-level-2 > li > div > a{
    display:block !important; white-space:normal !important; line-height:1.3 !important; color:#1d1d1f !important; font-weight:600 !important;
    text-decoration:none !important;
  }

  /* 5) Bannery – centrované, plná šířka panelu */
  .navigation-in .menu-level-1 > li.bk-banner-open > ul.bk-banner-auto{
    display:block !important;
    left:50% !important; transform:translateX(-50%) !important;
    width:min(1180px,95vw) !important;
    padding:0 !important; overflow:hidden !important;
  }
  .navigation-in .menu-level-1 > li.bk-banner-open > ul.bk-banner-auto .bk-mega-right{ display:block !important; }
  .navigation-in .menu-level-1 > li.bk-banner-open > ul.bk-banner-auto .bk-promo img{
    display:block; width:100%; height:clamp(260px,30vw,420px); object-fit:cover; border-radius:12px;
  }

  /* 6) Safety – nikdy žádný horizontální scrollbar kvůli panelům */
  html, body { overflow-x: hidden; }
}