/* LILIOR - napisy u ikon v hlavicce + obsah prazdneho kosiku (v14) */

/* barvy znacky (brand manual): violet = plochy, rose = akcent, obrysy, vyzvy k akci */
:root{
  --lx-violet:#6F4D86;
  --lx-rose:#E494AD;
  --lx-ink:#231A2B;       /* tmava fialova z podkladu brand manualu - pri odchylce upravte */
  --lx-muted:#6b6272;
  --lx-line:#ece6ef;
  --lx-tint:#f6f1f8;
}

/* ---------- napisy vedle ikon v hlavicce (jen desktop) ---------- */
@media(min-width:992px){
  .lx-has-label{display:inline-flex!important;align-items:center;gap:7px;white-space:nowrap;position:relative;width:auto!important;min-width:0!important;max-width:none!important;overflow:visible!important}
  button.lx-has-label{background:none!important;border:0!important;padding:0!important;cursor:pointer;height:auto!important}
  .lx-nav{display:flex!important;align-items:center;gap:22px}
  .lx-nav>li{margin:0!important}
}
.lx-icon{position:relative!important;display:inline-flex;align-items:center;justify-content:center}   /* bublina s poctem se pozicuje k ikone */
.lx-cart-label{font-size:13px;font-weight:600;color:inherit;line-height:1;text-indent:0;position:static}
.lx-has-label:hover .lx-cart-label{color:var(--lx-violet)}
/* mobil: puvodni hlavicka sablony - jen ikony, prihlaseni je v menu */
@media(max-width:991px){
  .lx-cart-label{display:none!important}
  .lx-has-label .lx-icon{display:contents}
}

/* ---------- sirsi okno prazdneho kosiku (vejde se lista s darky) ---------- */
@media(min-width:768px){
  .lxcw-wide{width:400px!important;max-width:calc(100vw - 24px)!important}
}

/* ---------- obsah prazdneho kosiku ---------- */
.lxcw{padding:6px 0 0;font-size:13px;line-height:1.5;color:var(--lx-ink);text-align:left}
.lxcw a{text-decoration:none;color:inherit}
.lxcw a:focus-visible{outline:2px solid var(--lx-violet);outline-offset:2px}
.lxcw-intro{margin:0 0 14px;color:var(--lx-muted)}

/* lista s darky (vyplni lilior-kosik.js) */
.lxcw .llr-empty:empty{display:none}
/* kontakt */
.lxcw-contact{border-top:1px solid var(--lx-line);padding-top:14px;margin-bottom:12px}
.lxcw-contact strong{display:block;font-size:14px;font-weight:700;margin-bottom:3px}
.lxcw-contact p{margin:0 0 8px;color:var(--lx-muted)}
.lxcw-contact-row{display:flex;flex-wrap:wrap;gap:6px 16px}
.lxcw-contact-row a{display:inline-flex;align-items:center;gap:6px;font-weight:600}
.lxcw-contact-row a:hover{color:var(--lx-violet)}
.lxcw-contact-row svg{width:15px;height:15px;flex:none;fill:none;stroke:var(--lx-violet);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}

/* benefity */
.lxcw-perks{list-style:none;margin:0;padding:12px 0 0;border-top:1px solid var(--lx-line);display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--lx-muted)}
.lxcw-perks li{position:relative;padding-left:13px}
.lxcw-perks li::before{content:'';position:absolute;left:0;top:.55em;width:5px;height:5px;border-radius:50%;background:var(--lx-rose)}
.lxcw-perks a{text-decoration:underline;text-decoration-color:var(--lx-rose);text-underline-offset:2px}
.lxcw-perks a:hover{color:var(--lx-violet)}

@media(prefers-reduced-motion:reduce){
  .lxcw *{transition:none}
}
