/* 2026-09-26 (prośba właściciela): poprawki wspólne dla całej strony publicznej, dołączane w
   layouts/site.blade.php (statyczny plik — brak Node na serwerze do przebudowy Vite). */

/* Na telefonach stuknięcie w przycisk / plusik FAQ podświetlało cały element szarym/niebieskim
   prostokątem przeglądarki. Wyłączone; obramowanie fokusu zostaje tylko dla klawiatury. */
html{-webkit-tap-highlight-color:transparent}
a,button,summary,label,input,select,textarea,[role="button"],[tabindex]{-webkit-tap-highlight-color:transparent}
:focus:not(:focus-visible){outline:none}

/* „Jak to działa”: linia rysowana razem z przewijaniem (home/timeline.js) wyłączona na telefonach. */
@media (max-width:760px){
  .steps-line{display:none}
}

/* Stopka: większy znak STARCORE. i notka o prawach do strony pod dolnym paskiem. */
footer .footer-brand{font-size:30px;line-height:1.1}
footer .rights{margin:14px 0 0;max-width:820px;font-size:12px;line-height:1.6;color:var(--muted);opacity:.8}

/* Nazwa marki w tekście: STARCORE tą samą czcionką co logo (Audiowide). Owijanie robi skrypt
   w layouts/site.blade.php. Audiowide jest szersza i wyższa od kroju tekstu, stąd .9em. */
.sc-brand{font-family:'Audiowide',sans-serif;font-weight:400;font-style:normal;letter-spacing:.02em;
  text-transform:uppercase;font-size:.9em;white-space:nowrap}

/* 2026-09-28 (prośba właściciela): na dużych monitorach strona wyglądała na małą (projekt ma czcionki
   w px i treść do 1200 px). Od 1680 px szerokości całą stronę proporcjonalnie powiększamy (CSS zoom),
   tak żeby na 1920/2560/4K zajmowała ekran jak na laptopie. --sc-zoom służy do korekty elementów,
   które mają mieć dokładnie wysokość ekranu (zoom powiększa też jednostki vh/svh). Telefony i laptopy
   (do 1679 px) bez zmian. */
@media (min-width:1680px){html{zoom:1.12;--sc-zoom:1.12}}
@media (min-width:1900px){html{zoom:1.25;--sc-zoom:1.25}}
@media (min-width:2200px){html{zoom:1.45;--sc-zoom:1.45}}
@media (min-width:2500px){html{zoom:1.6;--sc-zoom:1.6}}
@media (min-width:3000px){html{zoom:1.85;--sc-zoom:1.85}}
@media (min-width:3600px){html{zoom:2.2;--sc-zoom:2.2}}
@media (min-width:1680px){
  .hero{min-height:calc(100svh / var(--sc-zoom,1))}
  .showcase-modal-win{height:min(calc(92vh / var(--sc-zoom,1)),940px)}
}
/* Korekty efektów liczonych w JS w pikselach ekranu, a rysowanych w pikselach CSS (zoom wyżej). */
@media (min-width:1680px){
  .steps-line{zoom:calc(1 / var(--sc-zoom,1))}
  .pillar-card::before,.price-card::before,.bento-tile::before{
    background:radial-gradient(220px circle at calc(var(--mx,50%) / var(--sc-zoom,1)) calc(var(--my,50%) / var(--sc-zoom,1)),rgba(110,168,255,.12),transparent 70%)}
}
/* Linia łącząca kroki „Od zgłoszenia do gotowej strony” jest rysowana w chwili, gdy kroki wjeżdżają
   (translateY z .rv), więc wypadała poniżej numerków i przecinała tekst. Kroki tylko się pojawiają. */
[data-module="home-timeline"] > .step.rv{transform:none}
/* 2026-09-28: na telefonie (karuzela bez pierścienia) pole podglądu karty to <span> w trybie inline, więc
   miało 0×0 px, a przykładowa strona w iframe wylewała się i była ucinana do rogu karty. Blok z proporcją
   16:10; iframe skaluje do tej szerokości public/js/showcase-fit.js. */
.showcase-ring-card .shot{display:block}

/* 2026-10-01: arabski (dir="rtl", App\Support\Locales::RTL). Flex i grid odwracają się same; tu tylko
   miejsca z kierunkiem wpisanym na sztywno w resources/css/site/* (bez przebudowy Vite). */
[dir="rtl"] body{font-family:'Segoe UI',Tahoma,'Noto Sans Arabic','Geeza Pro',system-ui,sans-serif}
[dir="rtl"] h1,[dir="rtl"] h2,[dir="rtl"] h3,[dir="rtl"] .eyebrow{letter-spacing:0}
[dir="rtl"] .sc-arr{display:inline-block;transform:scaleX(-1)}
[dir="rtl"] .hero-rotator-prefix{margin-right:0;margin-left:6px}
[dir="rtl"] .faq-q,[dir="rtl"] .showcase-ring-card{text-align:right}
[dir="rtl"] .marquee-track,[dir="rtl"] .showcase-ring{direction:ltr}
[dir="rtl"] .marquee-track>*,[dir="rtl"] .showcase-ring-card{direction:rtl}
[dir="rtl"] .simple-price-table th,[dir="rtl"] .simple-price-table td{text-align:right}
[dir="rtl"] .simple-price-table .vat-hint{margin-left:0;margin-right:4px}
[dir="rtl"] .legal-toc ol{padding-left:0;padding-right:20px}
/* 2026-10-02: logo „STARCORE.” zawsze od lewej do prawej (w RTL kropka przeskakiwała na początek)
   i strzałki „dalej” w przyciskach odwrócone w lewo. */
[dir="rtl"] .brand{direction:ltr;unicode-bidi:isolate}
[dir="rtl"] svg:has(> path[d^="M5 12h14"]){transform:scaleX(-1)}