/* Lokamo :: poswiata i ruch pola "Sprawdz lokal" na stronie glownej (v4 i /b).
   Obwodka .glow-cta i link "Sprawdz lokal" w pasku sa w assets/site/chrome.css (caly serwis).
   Ten sam wzor w aplikacji: src/components/audyt/glow-cta.css.

   Warstwy w polu .sl__pole (kontekst stosu z-index:2, wiec ujemne warstwy zostaja w polu):
     -3  ::after      spokojna poswiata kobalt -> blekit (blur, statyczny filtr, bez oddechu)
     -2  .glow-cta    obwodka 1,5 px: powoli obracany conic-gradient przyciety maska do pierscienia
     -1  ::before     biale tlo pola (przykrywa poswiate, tekst ma pelny kontrast)
   Hover (H4, korekta wlasciciela "bez fajerwerkow"): cale pole scale(1.015) sprezyscie, poswiata
   i obwodka o kilka procent mocniej, strzalka 3 px, nacisniecie przycisku scale(.975).
   prefers-reduced-motion: bez skali i obrotu, zmienia sie tylko natezenie poswiaty. */

.sl{
  --gc-cobalt:#2E4BFF;--gc-violet:#6E6BFF;--gc-teal:#4CB4E6;
  --gc-halo:.34;--gc-halo-on:.42;--gc-ring:.72;--gc-ring-on:.9;
  --gc-spring:cubic-bezier(.3,1.25,.6,1);--gc-out:cubic-bezier(.22,1,.36,1)
}
.sl--ciemne{--gc-halo:.42;--gc-halo-on:.5}

.sl__pole{background:transparent;isolation:auto;transition:box-shadow .25s var(--gc-out),transform .24s var(--gc-spring)}
.sl__pole::before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;background:#fff}
/* Spokojna poswiata: statyczna, glownie kobalt z lekkim przejsciem w blekit (bez oddechu) */
.sl__pole::after{
  content:"";position:absolute;inset:-4px -8px;z-index:-3;border-radius:inherit;pointer-events:none;
  background:linear-gradient(100deg,var(--gc-cobalt) 0%,var(--gc-violet) 48%,var(--gc-teal) 82%,var(--gc-cobalt) 100%);
  filter:blur(20px);opacity:var(--gc-halo);transition:opacity .3s var(--gc-out)
}

/* Hover i fokus: cale pole rosnie o 1,5% (sprezyna 240 ms), poswiata i obwodka o kilka procent mocniej */
.sl__pole:focus-within::after{opacity:var(--gc-halo-on)}
.sl__pole:focus-within .glow-cta{opacity:var(--gc-ring-on)}
@media (hover:hover){
  .sl__pole:hover{transform:scale(1.015)}
  .sl__pole:hover::after{opacity:var(--gc-halo-on)}
  .sl__pole:hover .glow-cta{opacity:var(--gc-ring-on)}
}

/* "Skanuje...": obwodka obraca sie szybciej, poswiata jak przy hoverze */
.sl.is-start .sl__pole::after{opacity:var(--gc-halo-on)}
.sl.is-start .glow-cta{opacity:1}
.sl.is-start .glow-cta::before{animation-duration:1.8s}

/* Przycisk: bez unoszenia i polysku. Strzalka przesuwa sie o 3 px, nacisniecie = lekki docisk */
.sl__btn{transition:background-color .2s var(--gc-out),transform .16s var(--gc-out)}
.sl__str{display:inline-flex;width:19px;height:19px;flex:none;overflow:visible}
/* Jedna strzalka: druga ikona (stary wzor z maska) nigdy sie nie pokazuje */
.sl__str svg+svg{display:none}
.sl__str svg{width:19px;height:19px;transition:transform .24s var(--gc-spring)}
.sl__btn:active{transform:scale(.975)}
.sl__btn:focus-visible{outline:2px solid var(--gc-cobalt);outline-offset:3px;box-shadow:0 0 0 6px rgba(46,75,255,.18)}
@media (hover:hover){
  .sl__btn:hover .sl__str svg{transform:translateX(3px)}
}
.sl.is-start .sl__str{display:none}
.sl.is-start .sl__btn{transform:none}
.sl--ciemne .sl__btn:focus-visible{outline-color:#8FA0FF}

/* Telefon: mniejsza poswiata, zeby nie wychodzila poza margines 16 px */
@media (max-width:560px){
  .sl__pole::after{inset:-2px -4px;filter:blur(14px)}
}

@media (prefers-reduced-motion:reduce){
  .sl.is-start .glow-cta::before{animation:none!important}
  .sl__pole,.sl__pole:hover,.sl__btn,.sl__btn:active,.sl__str svg{transform:none!important}
  .sl__str svg{transition:none!important}
}