/* ==========================================================================
   Liikye - poprawka RTL dla paneli naglowka (liikye-naglowek.css): panel menu na telefonie i wysuwany podglad
   koszyka.
   Towarzysz doklejany automatycznie: inc/naglowek.php wola liikye_rtl_dla('liikye-naglowek', ...), ktora
   sprawdza file_exists() tego pliku i wtedy woli wp_style_add_data('liikye-naglowek', 'rtl', true) - WordPress
   dokleja go PO liikye-naglowek.css, gdy is_rtl() (patrz inc/assets.php, liikye_rtl_dla).
   Oba panele stoja na wlasciwosci logicznej inset-inline-end, wiec sam uklad mirroruje sie poprawnie (RTL: left:0
   zamiast right:0). transform NIE jest logiczny - CSS Transforms dzialaja na fizycznej osi X bez wzgledu na
   kierunek pisma - wiec kazdy panel zakotwiczony po lewej (RTL) trzeba zsuwac w lewo (-100%), nie w prawo (100%,
   wartosc poprawna tylko dla panelu zakotwiczonego po prawej w LTR).
   Zadanie 9.7 (motyw 0.15.3, #1256): zamkniety panel menu w RTL wjezdzal w prawo i tylko czesciowo opuszczal ekran. Od zadania B4
   planu naglowka (menu 3A) panel menu nie wysuwa sie z boku, tylko zajmuje caly ekran pod paskiem (display none gdy zamkniety), wiec
   regula transform dla .lk-nawigacja zniknela; zostaja reguly menu telefonu (etykieta, strzalka linku) i panelu koszyka.
   Zadanie 9.8 (motyw 0.15.4): panel koszyka mial dokladnie ten sam brak - zero pliku RTL dla .lk-panel-koszyk,
   wiec translateX(100%) z liikye-naglowek.css szedl w RTL w zla strone identycznie jak menu przed 9.7. Panel
   koszyka nie jest ograniczony do @media(max-width:900px) (wysuwa sie na kazdej szerokosci), wiec druga regula
   nizej dziala bez warunku szerokosci.
   ========================================================================== */
/* Menu telefonu po arabsku: etykieta sekcji bez rozstrzelenia liter (rozstrzelone litery rozrywaja arabskie ligatury) i o punkt wieksza,
   a strzalka linku "wszystkie" na ekranie platformy odbita lustrzanie (wskazuje w lewo, w strone czytania), tak samo chevron wiersza platformy
   (w prawo). Ikony uslug nie sa kierunkowe. Rozmiar napisow arabskich jest wyrownany w assets/css/liikye-rtl.css. */
@media (max-width: 900px) {
  .lk-menu-tel__etykieta {
    font-size: 13px;
    letter-spacing: 0;
  }

  /* Strzalki kierunkowe odbite lustrzanie, bo kierunek czytania jest odwrocony: chevron wiersza platformy i wiersza dolu menu oraz uslugi na ekranie
     platformy (w prawo), link do strony platformy (w prawo), strzalka "< Menu" na drugich ekranach (w lewo). */
  .lk-menu-wiersz__strzalka svg,
  .lk-menu-platforma__wszystkie svg,
  .lk-menu-ekran__wstecz svg { transform: scaleX(-1); }
}

.lk-panel-koszyk { transform: translateX(calc(-100% - 24px)); }
.lk-panel-koszyk.jest-otwarty { transform: none; }

/* Panel koszyka jest plywajaca karta z odstepem 12 px (telefon 8 px): zamkniety zjezdza o cala szerokosc i oba odstepy, zeby nie
   zostawal pasek cienia (liikye-naglowek.css, sekcja 3). Strzalka w kolku przyciskow wskazuje w lewo, w strone czytania. */
@media (max-width: 480px) {
  .lk-panel-koszyk { transform: translateX(calc(-100% - 16px)); }
  .lk-panel-koszyk.jest-otwarty { transform: none; }
}

.lk-pig__kolo svg { transform: scaleX(-1); }

/* Zawartosc panelu (liikye-naglowek.css, sekcja 4): strzalka "Pokaz" wskazuje w lewo, w strone czytania; plakietka pakietu stoi na srodku
   miniatury (left: 50% + translateX(-50%) jest fizyczne, wiec dziala w obu kierunkach). */
.lk-pk-pokaz svg { transform: scaleX(-1); }