/* app-badges-1 (2026-10-18): przyciski „Pobierz z Google Play” / „Pobierz w App Store” – stopka (granat) i hero (krem).
   Widoczne zawsze na stronie (desktop i telefon; na wąskich ekranach zawijają się), ukryte tylko w aplikacji natywnej. Logika: /assets/js/app-badges.js */
.lt-apps[hidden]{display:none!important}
html.is-native-app .lt-apps,html.is-native-app [data-lt-apps],html.is-app .lt-apps,html.is-app [data-lt-apps]{display:none!important}

.lt-apps{margin-top:18px}
.lt-apps__title{margin:0 0 10px;font-size:.78rem;font-weight:650;letter-spacing:.1em;text-transform:uppercase;color:#fff}
.lt-apps__row{display:flex;flex-wrap:wrap;gap:10px;align-items:center}

.lt-badge{position:relative;display:inline-flex;align-items:center;gap:9px;min-width:150px;height:46px;padding:0 16px 0 12px;box-sizing:border-box;
  border-radius:10px;background:#000;color:#fff!important;border:1px solid #A6A6A6;text-decoration:none!important;line-height:1;
  font-family:inherit;transition:transform .2s,box-shadow .2s,border-color .2s}
.lt-badge__ico{flex:none;width:24px;height:24px}
.lt-badge__txt{display:flex;flex-direction:column;gap:2px;text-align:left;white-space:nowrap}
.lt-badge__txt small{font-size:.62rem;font-weight:500;letter-spacing:.04em;text-transform:uppercase;opacity:.92}
.lt-badge--as .lt-badge__txt small{text-transform:none;font-size:.68rem;letter-spacing:0}
.lt-badge__txt b{font-size:1.06rem;font-weight:600;letter-spacing:-.01em}
a.lt-badge:hover{transform:translateY(-1px);border-color:#fff;box-shadow:0 8px 20px -10px rgba(0,0,0,.6)}
a.lt-badge:focus-visible{outline:3px solid var(--coral-300,#FF9A90);outline-offset:2px}

/* iOS – jeszcze niedostępne: nieklikalne, przygaszone, z etykietą „Wkrótce” w kolorze coral */
.lt-badge.is-soon{cursor:default}
.lt-badge.is-soon .lt-badge__ico,.lt-badge.is-soon .lt-badge__txt{opacity:.62}
.lt-badge__soon{position:absolute;top:-8px;right:-6px;padding:3px 7px;border-radius:99px;background:var(--coral,#FF6F61);color:#fff;
  font-style:normal;font-size:.62rem;font-weight:700;letter-spacing:.03em;line-height:1;box-shadow:0 2px 6px -2px rgba(0,0,0,.35)}

/* hero (kremowe tło) – mniejsze, pod listą zalet */
.lt-apps--hero{margin-top:22px}
.lt-apps--hero .lt-badge{height:42px;min-width:140px;border-color:#000}

/* wąskie ekrany: zawijanie / równe kolumny */
@media (max-width:420px){
  .lt-apps__row{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}
  .lt-badge{min-width:0;justify-content:center;padding:0 10px}
}

/* app-badges-2 (2026-10-18): telefon / wąski ekran (<860px – stopka w jednej kolumnie): przyciski w stopce POD listą „Platforma”
   (Strona główna / Dla szkół / Dziennik / Post) zamiast pod ikonami social. ≥860px (tablet poziomo, desktop) – bez zmian względem v1. */
.lt-apps--footer-m{display:none}
@media (max-width:859px){
  .lt-apps--footer-m{display:block;margin-top:-6px}
  .lt-apps--footer{display:none}
}

/* layout-wide-1 (2026-10-19): na desktopie (>=1024px) przyciski sklepów tylko w stopce – blok w hero ukryty (znacznik zostaje) */
@media (min-width:1024px){
  [data-lt-apps="hero"],.lt-apps--hero{display:none!important}
}

/* badges-footer-only (2026-10-19): przyciski sklepów TYLKO w stopce – blok w hero ukryty na każdej szerokości (znacznik zostaje).
   W aplikacji natywnej app-badges.js nadal czyści i ukrywa wszystkie [data-lt-apps] (html.is-native-app / is-app). */
[data-lt-apps="hero"],.lt-apps--hero{display:none!important}