/**
 * Porządek w treści zaciągniętej z importu.
 *
 * Stare wpisy i opisy produktów przyszły z dwóch źródeł naraz: inline stylami
 * w samej treści (Lato, Arial, Open Sans, biały tekst) oraz typografią
 * ustawioną na widgetach Elementora. Pierwsze bije każdą regułę arkusza,
 * drugie bije dziedziczenie — więc kontener z ustawionym krojem nie wystarczy
 * i trzeba sięgnąć do potomków.
 *
 * To warstwa doraźna: właściwe miejsce na poprawkę to sama treść i tam też
 * ją sprzątamy. Dopóki jednak śmieci siedzą w bazie, ta reguła trzyma wygląd
 * w ryzach — także dla wpisów, których skrypt jeszcze nie ruszył.
 */

/* Krój bierzemy ze strony głównej, czyli Poppins — tak są złożone moduły,
   które tam widać. `inherit` by nie wystarczył: `body` nie ma ustawionego
   kroju i zjechalibyśmy na czcionkę systemową, a nie na tę z projektu.
   Poppins jest wczytany także na wpisach, więc nic nie doładowujemy.

   Wykluczamy to, co krojem przekazuje znaczenie, a nie wygląd: ikony rysowane
   fontem (Font Awesome, dashicons) zamieniłyby się w przypadkowe litery,
   a w kodzie i preformatowanym tekście szerokość znaku jest częścią treści. */
:is( .page-content, .baba-prod__text, .entry-content ),
:is( .page-content, .baba-prod__text, .entry-content )
	*:not( i ):not( svg ):not( code ):not( pre ):not( kbd ):not( samp ):not( [class*="fa-" ] ):not( [class*="icon"] ):not( .dashicons ) {
	font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
}

/* Biały tekst na jasnym tle.
   Dopasowanie musi trafić we właściwość `color`, a nie w `border-color` czy
   `background-color` — inaczej odbieralibyśmy kolor elementom, które mają
   tylko białą ramkę. Stąd kotwica na początku atrybutu albo na średniku. */
:is( .page-content, .baba-prod__text, .entry-content ) :is(
	[style^="color:#fff" i], [style^="color: #fff" i],
	[style^="color:white" i], [style^="color: white" i],
	[style*=";color:#fff" i], [style*="; color:#fff" i],
	[style*=";color: #fff" i], [style*="; color: #fff" i],
	[style*=";color:white" i], [style*="; color:white" i],
	[style*=";color: white" i], [style*="; color: white" i]
) { color: inherit !important; }

/* Ta sama biel, inna droga: klasa koloru z bloków Gutenberga. */
:is( .page-content, .baba-prod__text, .entry-content ) .has-white-color { color: inherit !important; }

/* Linki w treści bez wersalików. Ustawienia witryny w Elementorze narzucają
   wielkie litery wszystkim linkom; w menu i przyciskach to element projektu,
   ale w zdaniu robi z odnośnika krzyk. */
:is( .page-content, .baba-prod__text, .entry-content ) a { text-transform: none !important; }
