/* LILIOR - paticka | v1
   Svetly pas (vyhody, newsletter, socialni site) + tmava svestkova cast se sloupci.
   Barvy navazuji na lilior12.css: fialova = hlavni, ruzova = dekor.
   Tvar se seriznutymi rohy prebira z newsletteru (lilior-newsletter2.css). */

/* Instagram feed pryc - funguje i bez skriptu */
#footer .custom-footer__instagram,
#footer .instagram-widget,
#footer [class*="instagram-widget"]{display:none!important}

/* puvodni obsah paticky schovame, az kdyz skript postavi novou */
.lxf-on > :not(.lxf):not(script):not(style){display:none!important}
.lxf-on{background:none!important;padding:0!important;margin:0!important;border:0!important}

.lxf{
  --lxf-br:#6F4D86;
  --lxf-br2:#E494AD;
  --lxf-plum:#2b1e33;
  --lxf-plum-2:#231829;
  --lxf-light:#faf5f8;
  --lxf-ink:#2b2226;
  --lxf-mu:#7a6e74;
  --lxf-on:#fff;
  --lxf-on-mu:#cbbdd4;
  --lxf-line:rgba(255,255,255,.12);
  --lxf-cut:46px;
  font-size:14.5px;
  line-height:1.55;
  text-align:left;
}
.lxf *{box-sizing:border-box}
.lxf ul{list-style:none;margin:0;padding:0}
.lxf li{margin:0;padding:0}
.lxf li::before{content:none}
.lxf svg{fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.lxf a:focus-visible,.lxf button:focus-visible{outline:2px solid var(--lxf-br2);outline-offset:3px;border-radius:4px}

.lxf-in{max-width:1240px;margin:0 auto;padding:0 24px}

/* ================================ svetly pas ============================== */

.lxf-light{background:var(--lxf-light);color:var(--lxf-ink);padding:34px 0 56px}

/* vyhody - jedna rada s tenkymi predely, zadne karty */
.lxf-perks{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:40px!important;border-bottom:1px solid #eadde5;padding-bottom:30px!important}
.lxf-perks li{padding:0 22px;border-left:1px solid #eadde5}
.lxf-perks li:first-child{padding-left:0;border-left:0}
.lxf-perks a,.lxf-perks div{display:flex;gap:13px;align-items:flex-start;color:inherit;text-decoration:none}
.lxf-pi{flex:none;width:40px;height:40px;border-radius:50%;background:#fff;border:1px solid #eadde5;color:var(--lxf-br);display:flex;align-items:center;justify-content:center}
.lxf-pi svg{width:19px;height:19px}
.lxf-pt{display:flex;flex-direction:column;gap:2px;padding-top:1px}
.lxf-pt strong{font-size:14px;font-weight:700;color:var(--lxf-ink);line-height:1.3}
.lxf-pt span{font-size:12.5px;color:var(--lxf-mu);line-height:1.4}
.lxf-perks a:hover strong{color:var(--lxf-br);text-decoration:underline;text-decoration-color:var(--lxf-br2);text-underline-offset:3px}

/* newsletter + socialni site vedle sebe */
.lxf-top{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:22px;align-items:stretch}
.lxf-top--solo{grid-template-columns:minmax(0,1fr);max-width:760px}
.lxf-nl{display:flex}
.lxf-nl .footer-newsletter{margin:0!important;width:100%;max-width:none!important;flex:1}

.lxf-social{
  position:relative;
  padding:34px 36px 30px;
  background:var(--lxf-br);
  color:var(--lxf-on);
  clip-path:polygon(0 0,calc(100% - var(--lxf-cut)) 0,100% var(--lxf-cut),100% 100%,var(--lxf-cut) 100%,0 calc(100% - var(--lxf-cut)));
}
.lxf .lxf-social-t{margin:0 0 6px;font-size:25px;font-weight:700;line-height:1.2;letter-spacing:-.01em;color:#fff;text-align:left}
.lxf .lxf-social-t::before,.lxf .lxf-social-t::after{content:none}
.lxf-social-s{margin:0 0 18px;font-size:14px;color:#e6dbec}
.lxf-social li + li{border-top:1px solid rgba(255,255,255,.16)}
.lxf-social a{display:flex;align-items:center;gap:14px;padding:14px 10px;margin:0 -10px;border-radius:6px;color:#fff;text-decoration:none;transition:background .15s ease}
.lxf-social a:hover{background:rgba(255,255,255,.08)}
.lxf-si{flex:none;width:44px;height:44px;border-radius:50%;background:rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center}
.lxf-si svg{width:21px;height:21px}
.lxf-st{display:flex;flex-direction:column;gap:1px;min-width:0}
.lxf-st strong{font-size:15.5px;font-weight:700}
.lxf-st em{font-style:normal;font-weight:400;color:var(--lxf-br2);margin-left:4px}
.lxf-st span{font-size:13px;color:#e0d3e8}

/* =============================== tmava cast =============================== */

.lxf-dark{position:relative;overflow:hidden;background:var(--lxf-plum);color:var(--lxf-on-mu);padding:60px 0 0}

.lxf-grid{display:grid;grid-template-columns:minmax(0,1.35fr) repeat(3,minmax(0,1fr)) minmax(0,1.3fr);gap:40px}

.lxf-logo{display:inline-block;margin-bottom:16px;color:#fff!important;text-decoration:none!important;font-size:26px;font-weight:800;letter-spacing:.24em;line-height:1}
.lxf-logo img{display:block;max-width:170px;height:auto}
.lxf-brand p{margin:0 0 22px;max-width:34ch;color:var(--lxf-on-mu)}
.lxf-icons{display:flex;gap:10px}
.lxf-icons a{width:42px;height:42px;border-radius:50%;border:1px solid rgba(255,255,255,.22);color:#fff;display:flex;align-items:center;justify-content:center;transition:background .15s ease,border-color .15s ease}
.lxf-icons a:hover{background:var(--lxf-br);border-color:var(--lxf-br)}
.lxf-icons svg{width:19px;height:19px}

/* nadpisy sloupcu (na mobilu tlacitka rozbalovani) */
.lxf .lxf-h{margin:0 0 16px;padding:0;font-size:15px;font-weight:700;line-height:1.3;letter-spacing:0;text-transform:none;color:#fff;text-align:left}
.lxf .lxf-h::before,.lxf .lxf-h::after{content:none}
.lxf-tg{display:flex;width:100%;align-items:center;justify-content:space-between;gap:10px;margin:0;padding:0;border:0;background:none;font:inherit;color:inherit;text-align:left;cursor:default}
.lxf-tg svg{display:none;width:18px;height:18px;transition:transform .2s ease}

/* odkazy - vlastni i prevzate ze Shoptetu */
.lxf-body ul{margin:0!important;padding:0!important}
.lxf-body li{margin:0 0 10px!important;padding:0!important;list-style:none!important;background:none!important}
.lxf-body a{color:var(--lxf-on-mu)!important;text-decoration:none!important;transition:color .15s ease}
.lxf-body a:hover{color:#fff!important;text-decoration:underline!important;text-decoration-color:var(--lxf-br2)!important;text-underline-offset:3px}

/* shoptet nadpisy uvnitr presunutych bloku - mame vlastni */
.lxf-body .topic,
.lxf-body > [class*="custom-footer__"] > h2,
.lxf-body > [class*="custom-footer__"] > h3,
.lxf-body > [class*="custom-footer__"] > h4,
.lxf-body .newsletter-header{display:none!important}
.lxf-body > [class*="custom-footer__"]{margin:0!important;padding:0!important;width:auto!important;float:none!important;border:0!important}
.lxf-body nav{margin:0;padding:0}

/* kontakt */
.lxf-contact a,.lxf-ci{display:inline-flex;align-items:center;gap:10px}
.lxf-contact svg{flex:none;width:17px;height:17px;color:var(--lxf-br2)}
.lxf-contact span{word-break:break-word}

/* prihlaseni na tmavem pozadi */
.lxf-col--account form,.lxf-col--account fieldset{margin:0;padding:0;border:0;min-width:0}
.lxf-col--account .form-group{margin:0 0 10px!important;padding:0!important}
.lxf-col--account label{display:block;margin:0 0 5px;font-size:12.5px;font-weight:600;color:var(--lxf-on-mu)}
.lxf-col--account input[type="text"],
.lxf-col--account input[type="email"],
.lxf-col--account input[type="password"]{
  display:block;width:100%!important;height:46px!important;margin:0!important;padding:0 18px!important;
  border:1px solid rgba(255,255,255,.2)!important;border-radius:999px!important;
  background:rgba(255,255,255,.06)!important;color:#fff!important;box-shadow:none!important;
  font:inherit;font-size:16px!important;transition:border-color .15s ease,box-shadow .15s ease
}
.lxf-col--account input::placeholder{color:rgba(255,255,255,.5)}
.lxf-col--account input:focus{outline:none;border-color:var(--lxf-br2)!important;box-shadow:0 0 0 3px rgba(228,148,173,.28)!important}
.lxf-col--account .lxf-body button,
.lxf-col--account .lxf-body .btn,
.lxf-col--account .lxf-body input[type="submit"]{
  display:block;width:100%!important;height:46px!important;margin:4px 0 0!important;padding:0 22px!important;
  border:0!important;border-radius:999px!important;background:#fff!important;color:var(--lxf-plum)!important;
  font:inherit;font-size:14.5px!important;font-weight:700!important;line-height:46px!important;text-align:center;
  box-shadow:none!important;cursor:pointer;transition:background .15s ease
}
.lxf-col--account .lxf-body button:hover,
.lxf-col--account .lxf-body .btn:hover,
.lxf-col--account .lxf-body input[type="submit"]:hover{background:#fcf0f4!important}
/* zapomenute heslo, registrace */
.lxf-col--account a:not(.btn){font-size:13px}
.lxf-col--account .login-links,
.lxf-col--account .lxf-body > p{display:flex;flex-wrap:wrap;gap:4px 16px;margin:12px 0 0!important;font-size:13px}

/* spodni radek */
.lxf-keep{margin-top:40px}
.lxf-bottom{display:flex;flex-wrap:wrap;align-items:center;gap:10px 26px;margin-top:52px;padding:22px 0;border-top:1px solid var(--lxf-line);font-size:12.5px;color:#a896b3}
.lxf-bottom > *{margin:0!important;padding:0!important;float:none!important;display:block!important}
.lxf-bottom a{color:#a896b3!important;text-decoration:underline!important;text-decoration-color:rgba(255,255,255,.25)!important;text-underline-offset:3px}
.lxf-bottom a:hover{color:#fff!important}
.lxf-bottom #signature,.lxf-bottom .signature{margin-left:auto!important}
.lxf-bottom img{max-height:16px;width:auto;opacity:.7}
.lxf-cookies a + a{margin-left:18px}

/* velky napis LILIOR na konci - obrys, orizly spodkem */
.lxf-mark{
  margin:6px 0 0;
  font-size:clamp(84px,19vw,280px);
  font-weight:800;
  line-height:.74;
  letter-spacing:.14em;
  text-align:center;
  white-space:nowrap;
  color:rgba(255,255,255,.05);
  transform:translateY(12%);
  user-select:none;
  pointer-events:none;
}
@supports (-webkit-text-stroke:1px #000){
  .lxf-mark{color:transparent;-webkit-text-stroke:1px rgba(228,148,173,.34)}
}

/* ================================ tablet ================================== */

@media(max-width:1180px){
  .lxf-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:40px 32px}
  .lxf-brand{grid-column:1 / -1;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px 40px;align-items:center;padding-bottom:34px;border-bottom:1px solid var(--lxf-line)}
  .lxf-logo{margin:0}
  .lxf-brand p{margin:0}
}
@media(max-width:991px){
  .lxf-perks{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 0}
  .lxf-perks li:nth-child(odd){padding-left:0;border-left:0}
  .lxf-top{grid-template-columns:minmax(0,1fr)}
  .lxf-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* ================================= mobil ================================== */

@media(max-width:767px){
  .lxf{--lxf-cut:30px}
  .lxf-in{padding:0 18px}
  .lxf-light{padding:26px 0 36px}
  .lxf-perks{grid-template-columns:minmax(0,1fr);gap:16px;margin-bottom:28px!important;padding-bottom:24px!important}
  .lxf-perks li{padding:0;border-left:0}
  .lxf-pi{width:36px;height:36px}
  .lxf-social{padding:28px 22px 22px}
  .lxf .lxf-social-t{font-size:22px}

  .lxf-dark{padding-top:40px}
  .lxf-grid{grid-template-columns:minmax(0,1fr);gap:0}
  .lxf-brand{display:block;padding-bottom:28px;margin-bottom:6px}
  .lxf-brand p{margin:0 0 18px}
  .lxf-logo{margin-bottom:14px}

  /* sloupce jako rozbalovaci seznam */
  .lxf-col{border-bottom:1px solid var(--lxf-line)}
  .lxf .lxf-h{margin:0}
  .lxf-tg{padding:18px 0;cursor:pointer;font-size:15.5px}
  .lxf-tg svg{display:block}
  .lxf-tg[aria-expanded="true"] svg{transform:rotate(180deg)}
  .lxf-col:not(.is-open) .lxf-body{display:none}
  .lxf-body{padding:0 0 18px}

  .lxf-bottom{margin-top:26px;padding-top:0;border-top:0;flex-direction:column;align-items:flex-start;gap:10px}
  .lxf-bottom #signature,.lxf-bottom .signature{margin-left:0!important}
  .lxf-mark{font-size:21vw;letter-spacing:.08em}
}

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