/* ============================================================
   vc-legibility.css — podłoga czytelności mikrotekstu (mobile)
   Cel: żaden tekst użytkowy < ~11px na małych ekranach.
   Metoda: selektory atrybutu nadpisują wartości inline (stąd !important),
   bez edycji setek deklaracji inline w plikach .html. W pełni odwracalne
   (usuń <link> lub ten plik). NIE rusza desktopu (scope: max-width 768px),
   NIE dotyka sr-only ani tekstu w dekoracyjnych <svg>.
   Patrz: [[design-token-system-unused]].
   ============================================================ */

@media (max-width: 768px) {

  /* — inline px: 8/9/10px → 11px — */
  [style*="font-size:8px"],  [style*="font-size: 8px"],
  [style*="font-size:9px"],  [style*="font-size: 9px"],
  [style*="font-size:10px"], [style*="font-size: 10px"] {
    font-size: 11px !important;
  }

  /* — inline rem < 0.72rem → 0.72rem (~11.5px) — oba zapisy: .6rem i 0.6rem — */
  [style*="font-size:.6rem"],   [style*="font-size: .6rem"],
  [style*="font-size:0.6rem"],  [style*="font-size: 0.6rem"],
  [style*="font-size:.64rem"],  [style*="font-size: .64rem"],
  [style*="font-size:0.64rem"], [style*="font-size: 0.64rem"],
  [style*="font-size:.65rem"],  [style*="font-size: .65rem"],
  [style*="font-size:0.65rem"], [style*="font-size: 0.65rem"],
  [style*="font-size:.68rem"],  [style*="font-size: .68rem"],
  [style*="font-size:0.68rem"], [style*="font-size: 0.68rem"] {
    font-size: 0.72rem !important;
  }

  /* — klasy z <style> stron (oferty) poniżej 11px — */
  .listing-card__badge,
  .listing-card__spec-label,
  .catalog-card__hover-cta,
  .wrk__step-num,
  .wrk__included-badge,
  .adpt__card-type,
  .adpt__card-tag {
    font-size: 0.72rem !important;
  }

  /* sc-interp (wrapper {{ }} runtime x-dc) dziedziczy rozmiar po rodzicu —
     rodzice z inline font-size są już podniesieni regułami wyżej. */
}