/* 20261015herodyn12 — Liūto klubo HERO dinaminė rotacija (kaip aurius.uk).
   Apima: didžiojo HERO šriftą (Zilla Slab, pilna LT diakritika), skaidrių fade,
   unikalų tamsaus miesto naktinį foną kiekvienai skaidrei, kainos žetoną, taškus.
   Kraunama po klubas.css — perrašo tik HERO sritį.
   Nėra ovalių chip burbulų (pašalinti) — HERO trumpas, neužgriozdintas. */

.sec--hero .display{
  font-family:"Zilla Slab",Georgia,"Times New Roman",Times,serif;
  font-weight:400;
  letter-spacing:.03em;
  line-height:.9;
}
.sec--hero .display em{margin-top:0}

/* ---------- Braukimas pirštu (swipe) HERO sekcijoje ---------- */
#hero{touch-action:pan-y}
#hero .hero-slide{transition:opacity .3s ease;min-height:var(--hero-slide-h,0)}
#hero.is-swap .hero-slide{opacity:0}

/* ---------- Unikalus miesto naktinis fonas kiekvienai skaidrei ---------- */
#hero .sec__bg{transition:opacity .3s ease}
#hero.is-swap .sec__bg{opacity:0}
#hero[data-hero-city="vilnius"] .sec__bg{background-image:url("https://vaizdai.greitasliutas.lt/img/klubas/cities/hero-vilnius-night.jpg")}
#hero[data-hero-city="riga"] .sec__bg{background-image:url("https://vaizdai.greitasliutas.lt/img/klubas/cities/hero-riga-night.jpg")}
#hero[data-hero-city="porto"] .sec__bg{background-image:url("https://vaizdai.greitasliutas.lt/img/klubas/cities/hero-porto-night.jpg")}
#hero[data-hero-city="oslo"] .sec__bg{background-image:url("https://vaizdai.greitasliutas.lt/img/klubas/cities/hero-oslo-night.jpg")}
#hero[data-hero-city="ljubljana"] .sec__bg{background-image:url("https://vaizdai.greitasliutas.lt/img/klubas/cities/hero-ljubljana-night.jpg")}

/* ---------- Oro tarpai: tekstas → kaina → mygtukai → taškai ---------- */
.sec--hero .lead{margin-top:14px}
.sec--hero .price-tag{margin:26px 0 0}
.sec--hero .price-tag[hidden]{display:none}
.sec--hero .cta-row{margin-top:30px}
#hero .hero-dots{
  display:flex;
  justify-content:center;
  gap:10px;
  margin-top:30px;
}

/* ---------- Taškai (dots) ---------- */
/* 20261019unified2: CTA ir adreso forma – kritiniai veiksmai, be reveal transform,
   kad nepersidengtų trumpuose ekranuose. */
#hero .cta-row{transform:none!important;opacity:1!important}

#hero .hero-dot{
  position:relative;
  width:9px;
  height:9px;
  padding:0;
  border:0;
  border-radius:999px;
  background:rgba(244,241,234,.28);
  cursor:pointer;
  transition:background .2s ease,transform .2s ease,box-shadow .2s ease;
}
#hero .hero-dot::before{content:"";position:absolute;inset:-8px;border-radius:50%}
#hero .hero-dot:hover,
#hero .hero-dot:focus-visible{
  background:rgba(244,241,234,.6);
  outline:none;
  transform:scale(1.15);
}
#hero .hero-dot:focus-visible{outline:2px solid var(--gold);outline-offset:8px}
#hero .hero-dot[aria-current="true"]{
  background:var(--gold);
  box-shadow:0 0 0 2px rgba(201,161,90,.35);
  transform:scale(1.25);
}

@media (max-width:560px){
  .sec--hero .lead{margin-top:12px}
  .sec--hero .price-tag{margin:20px 0 0}
  .sec--hero .cta-row{margin-top:24px}
  #hero .hero-dots{margin-top:24px}
}

@media (prefers-reduced-motion:reduce){
  #hero .hero-slide{transition:none}
  #hero .sec__bg{transition:none}
}

/* ---------- HERO 2: adreso patikros juostelė (20261017covstrip1) ---------- */
.sec--hero .hero-price-note{
  margin:9px auto 0;max-width:640px;
  font-size:12px;line-height:1.5;letter-spacing:.03em;color:var(--muted);
}
.sec--hero .hero-price-note[hidden]{display:none}
.sec--hero .hero-human-line{
  margin:11px auto 0;max-width:640px;
  font-size:11.5px;line-height:1.55;letter-spacing:.03em;color:var(--muted);
}
.sec--hero .hero-human-line a{color:var(--gold-bright);text-decoration:none;border-bottom:1px solid rgba(201,161,90,.35);white-space:nowrap}
.sec--hero .hero-human-line a:hover{border-bottom-color:var(--gold)}
#hero[data-hero-group="cov"] .hero-human-line{display:none}
#hero[data-hero-group="cov"] .hero-cov__actions{display:none}

.hero-cov{
  display:none;
  width:min(720px,100%);
  margin:24px auto 0;
  text-align:left;
}
#hero[data-hero-group="cov"] .hero-cov{
  display:block;
  animation:covStripIn .45s var(--ease) both;
}
@keyframes covStripIn{
  from{opacity:0;transform:translateY(10px)}
  to{opacity:1;transform:none}
}
.hero-cov__form{
  display:flex;gap:8px;align-items:stretch;
  padding:8px;
  border:1px solid rgba(201,161,90,.34);
  background:rgba(8,9,11,.74);
  backdrop-filter:blur(12px);
  box-shadow:0 18px 44px rgba(0,0,0,.38);
}
.hero-cov__form .cov-field{flex:1;min-width:0}
.hero-cov .cov-field .locker-suggest{top:auto;bottom:calc(100% + 8px)}
.hero-cov__form input{
  width:100%;background:transparent;border:0;border-radius:0;
  padding:13px 14px;font:inherit;font-size:15px;color:var(--ink);outline:none;
}
.hero-cov__form input::placeholder{color:rgba(244,241,234,.52)}
.hero-cov__form input:focus{box-shadow:inset 0 -1px 0 var(--gold)}
.hero-cov__form .btn{flex:0 0 auto;white-space:nowrap}
.hero-cov__result{margin-top:12px;font-size:13px;text-align:left}
.hero-cov__result[hidden]{display:none}
.hero-cov__result .cov-row{grid-template-columns:58px 1fr auto;gap:9px}
.hero-cov__result .cov-op{font-size:12px}
.hero-cov__result .cov-lvl{font-size:11px;min-width:46px}
.hero-cov__result .cov-sub{margin:8px 0 6px}
.hero-cov__result .cov-best{font-size:13px;margin-top:4px}
.hero-cov__result .cov-source{font-size:10.5px;margin-top:5px}
.hero-cov__result .cov-bar i{animation:none}
.hero-cov__result .cov-bar i::after{animation:none}
.hero-cov__result .cov-signal{gap:11px;padding:10px;border-radius:12px;margin:2px 0 8px}
.hero-cov__result .cov-signal__radar{flex-basis:46px;width:46px;height:46px}
.hero-cov__result .cov-signal__v{font-size:17px}
.hero-cov__result .cov-signal__note{font-size:10.5px}
.hero-cov__result .cov-alts{margin-top:8px}
.hero-cov__result .cov-alt{font-size:12px;padding:7px 9px}
.hero-cov .locker-suggest__item.is-active{background:rgba(201,161,90,.12);color:var(--gold-bright);outline:none}
.hero-cov__actions{margin-top:14px;display:flex;justify-content:center}
.hero-cov__actions .btn{min-width:180px}
@media (max-width:560px){
  .hero-cov{margin-top:18px}
  .hero-cov__form{padding:6px;gap:6px}
  .hero-cov__form input{padding:12px 10px;font-size:14px}
  .hero-cov__form .btn{padding-left:13px;padding-right:13px;font-size:12px}
  .sec--hero .hero-price-note{font-size:11px}
}