/*
 * Liikye - blog po arabsku: tylko to, czego nie da sie zapisac wlasciwosciami logicznymi (plan strony bloga 29.10.2026, zadanie 3a).
 * Dopisywany do liikye-blog.css, gdy is_rtl() (liikye_rtl_dla(), inc/assets.php).
 *
 * Outfit i Jakarta nie maja liter arabskich, a ich kroje zastepcze sa skalibrowane pod lacine. Lacinski kroj marki zostaje pierwszy
 * (nazwy platform i marek), a litery arabskie rysuje Arial w rzeczywistym rozmiarze, jak w pozostalych miejscach arabskiej wersji
 * (liikye-wpis-rtl.css). Odstep liter w napisach arabskich to 0: litery arabskie sie lacza, a rozstrzelone (H1 -0,03 em) rozpadaja
 * sie na osobne znaki. Uklad (pigulki od prawej, siatka, kolejnosc w wierszach filtra) odwraca sie sam.
 */

html[dir="rtl"] .lk-blog__h1,
html[dir="rtl"] .lk-blog-pusty__tytul {
  font-family: "Liikye Display", Arial, sans-serif;
  letter-spacing: 0;
}

html[dir="rtl"] .lk-blog__wstep,
html[dir="rtl"] .lk-blog__strona,
html[dir="rtl"] .lk-blog__pigulka,
html[dir="rtl"] .lk-blog__filtr-glowa,
html[dir="rtl"] .lk-blog__filtr-wiersz,
html[dir="rtl"] .lk-blog__przycisk,
html[dir="rtl"] .lk-blog-pusty__tekst {
  font-family: "Liikye Text", Arial, sans-serif;
}

/* --------------------------------------------------------------------------
   3b: okladka, karta, polecany, kafel po arabsku (zadanie 3b). Okladka w lustrze (generuj_k1.py: .o[dir="rtl"]): pole tekstu, kropki,
   logo i znak przeszly na strone logiczna wlasciwosciami inset-inline-*, tu tylko skos (clip-path nie jest logiczny), ilustracja 8 cqw
   od lewej, wstega obrocona w druga strone i kroje arabskie.
   -------------------------------------------------------------------------- */

html[dir="rtl"] .lk-blog-okladka::after {
  clip-path: polygon(0 0, 24% 0, 40% 100%, 0 100%);
}

/* Bez platformy skos jest waski (LTR 88/80), wiec lustro to 12/20, nie 24/40. */
html[dir="rtl"] .lk-blog-okladka--bez::after {
  clip-path: polygon(0 0, 12% 0, 20% 100%, 0 100%);
}

html[dir="rtl"] .lk-blog-okladka__il {
  inset-inline-end: 8cqw;
}

html[dir="rtl"] .lk-blog-polecany__wstega {
  transform: rotate(-45deg);
}

@media (min-width: 901px) {
  /* Tylko komputer: tam --prawo przenosi wstege na druga strone; na telefonie wstega zawsze przy koncu wiersza. */
  html[dir="rtl"] .lk-blog-polecany--prawo .lk-blog-polecany__wstega {
    transform: rotate(45deg);
  }
}

html[dir="rtl"] .lk-blog-okladka__tekst,
html[dir="rtl"] .lk-blog-karta__tytul,
html[dir="rtl"] .lk-blog-kafel__tytul {
  font-family: "Liikye Display", Arial, sans-serif;
  letter-spacing: 0;
}

html[dir="rtl"] .lk-blog-karta__meta,
html[dir="rtl"] .lk-blog-karta__zajawka,
html[dir="rtl"] .lk-blog-karta__autor,
html[dir="rtl"] .lk-blog-kafel__opis,
html[dir="rtl"] .lk-blog-kafel__wiersz,
html[dir="rtl"] .lk-blog-polecany__wstega {
  font-family: "Liikye Text", Arial, sans-serif;
}

html[dir="rtl"] .lk-blog-karta__meta,
html[dir="rtl"] .lk-blog-polecany__wstega {
  letter-spacing: 0;
}

/* --------------------------------------------------------------------------
   Zadanie 5: pas newslettera po arabsku. Uklad (tytul po prawej, formularz po lewej, zgoda do konca wiersza) odwraca sie sam, tu
   tylko kroje arabskie i odstep liter 0 (litery arabskie sie lacza).
   -------------------------------------------------------------------------- */

html[dir="rtl"] .lk-blog-nl__tytul,
html[dir="rtl"] .lk-blog-nl__ok b {
  font-family: "Liikye Display", Arial, sans-serif;
  letter-spacing: 0;
}

html[dir="rtl"] .lk-blog-nl__opis,
html[dir="rtl"] .lk-blog-nl__pole,
html[dir="rtl"] .lk-blog-nl__btn,
html[dir="rtl"] .lk-blog-nl[data-stan] .lk-blog-nl__kom,
html[dir="rtl"] .lk-blog-nl__ok span,
html[dir="rtl"] .lk-blog-nl__zgoda,
html[dir="rtl"] .lk-blog__wiecej-blad {
  font-family: "Liikye Text", Arial, sans-serif;
}