/* I-Materac: podstawa dla stron, ktore maja wygladac jak w Favou (karta produktu, pozniej koszyk, kasa, konto).
 * Pisane recznie. Reguly wyciete z Favou sa w css/favou-<strona>.css i licza na to, co jest tutaj:
 * klase .im-favou na opakowaniu tresci oraz trzy czcionki ikon (docelowo do zastapienia SVG). */

/* Podstawa tekstu z Favou na <body> stron rysowanych w jego ramie (klasa im-favou-cialo, inc/zakup.php). Na body, nie na
 * opakowaniu tresci, i z waga samego znacznika (klasa w :where), bo dwie strony sklepu (Zwroty, Reklamacje) maja w TRESCI wlasna
 * regule "body { font-family: Hanken Grotesk; line-height... }", ktora w Favou wygrywala kolejnoscia i ma wygrywac dalej.
 * Naglowek i stopka nowego motywu maja swoje wartosci wpisane wprost (motyw.css), wiec ich to nie rusza. */
body:where(.im-favou-cialo) { font-family: "Open Sans", sans-serif; font-size: 14px; font-weight: 400; line-height: 1.7; color: #000 !important; } /* kolor z !important jak w Dodatkowym CSS sklepu */

/* Zwroty i Reklamacje maja w tresci takze "body { padding: 48px 20px 80px }" (wklejony caly arkusz): w Favou odsuwalo to
 * od krawedzi okna cala strone razem z naglowkiem. W nowym motywie naglowek i stopka zostaja na cala szerokosc. */
body.im-favou-cialo { padding: 0 !important; }

/* Jedna definicja "FontAwesome" (wersja 4 z Favou). WPBakery, ktore podkladalo pod te nazwe wersje 6, tu sie nie laduje. */
@font-face { font-family: FontAwesome; src: url("../fonts/fontawesome-webfont.woff2") format("woff2"), url("../fonts/fontawesome-webfont.woff") format("woff"); font-weight: 400; font-style: normal; font-display: block; }
@font-face { font-family: Ionicons; src: url("../fonts/ionicons.woff") format("woff"); font-weight: 400; font-style: normal; font-display: block; }
@font-face { font-family: Material; src: url("../fonts/Material-Design-Iconic-Font.woff2") format("woff2"), url("../fonts/Material-Design-Iconic-Font.woff") format("woff"); font-weight: 400; font-style: normal; font-display: block; }

/* Okruszki i tytul strony pod nowym naglowkiem (w Favou byly w szarym pasku tytulu nad naglowkiem) */
.im-favou .im-okruszki { padding: 14px 0 0; font-size: 13px; line-height: 1.5; color: var(--im-szary); }
.im-favou .im-okruszki__lista a { color: var(--im-szary); }
.im-favou .im-okruszki__lista a:hover { color: var(--im-zloto-ciemne); }
.im-favou .im-okruszki__znak { margin: 0 7px; color: #b9b4ad; }
.im-favou .im-tytul-strony { margin: 14px 0 26px; font-size: 30px; line-height: 1.2; font-weight: 600; color: #121212; }

/* #primary ma w motyw.css odstepy dla szablonu ogolnego; tu odstepy daje rama Favou */
.im-favou #primary { max-width: none; margin: 0; padding: 0; }
.im-tekstowa { padding-bottom: 50px; }