/* ============================================================
   LILIOR – rozbalovací panely pod stávající menu
   Připojit v záhlaví:
   <link rel="stylesheet" href="/user/documents/upload/lilior-menu-v5.css">

   Nemění vaši lištu. Přidává jen panel, který se otevře najetím myší.
   Barvy a rozměry: blok .llm-panel níže.
   ============================================================ */

.llm-panel{
  --ll-ink:#231e20;
  --ll-ink-soft:#5f585b;
  --ll-paper:#fff;
  --ll-mist:#faf8f7;
  --ll-line:#ece6e2;
  --ll-accent:#c08a5e;      /* zvýraznění, podtržení odkazů */
  --ll-sale:#8e3b52;
  --ll-max:1240px;          /* šířka obsahu uvnitř panelu */

  position:absolute;
  top:0;                   /* bez toho lezi skryte panely az pod patickou a prodluzuji stranku */
  left:0;
  width:100%;
  z-index:940;
  background:var(--ll-paper);
  border-top:1px solid var(--ll-line);
  box-shadow:0 22px 44px -28px rgba(35,30,32,.4);
  color:var(--ll-ink);
  font-family:inherit;
  opacity:0;
  visibility:hidden;
  transform:translateY(-8px);
  transition:opacity .18s cubic-bezier(.22,.61,.36,1),
             transform .18s cubic-bezier(.22,.61,.36,1),
             visibility .18s;
}
.llm-panel.is-open{opacity:1;visibility:visible;transform:none}
.llm-panel *,.llm-panel *::before,.llm-panel *::after{box-sizing:border-box}
.llm-panel ul{list-style:none;margin:0;padding:0}
.llm-panel a{color:inherit;text-decoration:none}
.llm-panel :focus-visible{outline:2px solid var(--ll-accent);outline-offset:3px;border-radius:2px}

.llm-in{
  max-width:var(--ll-max);
  margin:0 auto;
  padding:32px 24px 36px;
  display:grid;
  gap:40px;
  align-items:start;
}

/* sloupec */
.llm-col{min-width:0}
.llm-col h3{
  margin:0 0 14px;
  padding-bottom:10px;
  border-bottom:1px solid var(--ll-line);
  font-size:12px;
  font-weight:600;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:var(--ll-ink);
}
.llm-col li+li{margin-top:1px}

.llm-link{
  display:flex;
  align-items:center;
  gap:9px;
  padding:6px 0;
  font-size:15px;
  line-height:1.35;
  color:var(--ll-ink-soft);
  transition:color .15s ease;
}
.llm-link:hover,.llm-link:focus-visible{color:var(--ll-ink)}
.llm-link:hover .llm-label{box-shadow:inset 0 -1px 0 var(--ll-accent)}
.llm-link.is-current{color:var(--ll-ink);font-weight:600}
.llm-count{font-size:12px;color:#a09799;font-variant-numeric:tabular-nums}
.llm-swatch{width:14px;height:14px;border-radius:50%;flex:none;box-shadow:inset 0 0 0 1px rgba(35,30,32,.15)}
.llm-tag{font-size:11px;font-weight:600;letter-spacing:.02em;color:var(--ll-sale)}
.llm-all{
  display:inline-block;margin-top:18px;
  font-size:13px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;
  color:var(--ll-accent);box-shadow:inset 0 -1px 0 currentColor;padding-bottom:2px;
}

/* dlaždice (kolekce, květiny) */
.llm-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:16px}
.llm-tile-img{display:block;aspect-ratio:4/5;background:var(--ll-mist) center/cover no-repeat;border-radius:4px}
.llm-tile-name{display:block;margin-top:9px;font-size:14.5px;font-weight:500}
.llm-tile:hover .llm-tile-name{box-shadow:inset 0 -1px 0 var(--ll-accent)}

/* promo blok vpravo */
.llm-promo{display:block;background:var(--ll-mist);border-radius:4px;overflow:hidden}
.llm-promo-img{display:block;aspect-ratio:4/3;background:#efe9e5 center/cover no-repeat}
.llm-promo-txt{display:block;padding:15px 17px 18px}
.llm-promo-txt strong{display:block;font-size:15px;font-weight:600;margin-bottom:5px}
.llm-promo-txt em{display:block;font-style:normal;font-size:13.5px;line-height:1.5;color:var(--ll-ink-soft)}
.llm-promo-cta{display:inline-block;margin-top:12px;font-size:13px;font-weight:600;color:var(--ll-accent);box-shadow:inset 0 -1px 0 currentColor;padding-bottom:1px}

/* zastínění zbytku stránky */
.llm-scrim{
  position:fixed;inset:0;z-index:930;
  background:rgba(35,30,32,.22);
  opacity:0;visibility:hidden;
  transition:opacity .18s ease,visibility .18s;
  pointer-events:none;
}
.llm-scrim.is-on{opacity:1;visibility:visible}

/* skrytí původního rozbalovacího seznamu u převzatých položek */
.llm-owner > ul,
.llm-owner > .submenu,
.llm-owner > div.menu-level-2,
.llm-owner ul.menu-level-2{display:none !important}

/* panely jen tam, kde je myš */
@media (hover:none),(max-width:1024px){
  .llm-panel,.llm-scrim{display:none !important}
  .llm-owner > ul,.llm-owner > .submenu,
  .llm-owner > div.menu-level-2,.llm-owner ul.menu-level-2{display:revert !important}
}
@media (prefers-reduced-motion:reduce){
  .llm-panel,.llm-scrim{transition-duration:.01ms !important}
}


/* ============================================================
   MOBIL – úprava stávajícího Shoptet menu
   Skript podkategorie sbalí, doplní nadpisy skupin a zprovozní
   rozbalovací šipku. Vaše menu se nenahrazuje.
   ============================================================ */
@media (max-width:1024px){

  li.llm-m > ul.llm-m-sub{display:none !important}
  li.llm-m.is-open > ul.llm-m-sub{display:block !important}

  /* nadpis skupiny vložený mezi odkazy
     padding-left srovnává nadpis s odsazením odkazů – doladit podle potřeby */
  .llm-mgroup{
    display:block;
    list-style:none;
    margin:16px 16px 4px;
    padding:0 0 7px 0;
    font-size:11.5px;
    font-weight:600;
    letter-spacing:.1em;
    text-transform:uppercase;
    color:#c08a5e;
    border-bottom:1px solid #ece6e2;
    pointer-events:none;
  }
  .llm-mgroup:first-child{margin-top:6px}

  /* šipka, kterou skript doplní, pokud v menu žádná není */
  .llm-mtoggle{
    display:inline-flex;align-items:center;justify-content:center;
    width:44px;height:44px;margin-left:auto;flex:none;
    background:none;border:0;padding:0;cursor:pointer;color:inherit;
  }
  .llm-mtoggle svg{width:12px;height:12px;transition:transform .2s ease}

  /* otočení šipky při rozbalení */
  li.llm-m.is-open > * .llm-mtoggle svg,
  li.llm-m.is-open > .llm-mtoggle svg{transform:rotate(180deg)}
  li.llm-m.is-open > .llm-mturn,
  li.llm-m.is-open > * > .llm-mturn{transform:rotate(180deg);transition:transform .2s ease}
}