/*
 * ==================================================
 * SAUNYONLINE TYPOGRAPHY V1
 * Globalna, spójna rodzina fontu.
 * Nie zmienia rozmiarów ani wag.
 * ==================================================
 */

:root {
    --so-font-sans:
        ui-sans-serif,
        system-ui,
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        Roboto,
        Helvetica,
        Arial,
        sans-serif;
}

/*
 * Główna typografia strony
 */
html,
body,
main,
header,
footer,
nav,
section,
article,
aside,
div,
form,
fieldset,
table,
thead,
tbody,
tfoot,
tr,
th,
td,
h1,
h2,
h3,
h4,
h5,
h6,
p,
a,
ul,
ol,
li,
dl,
dt,
dd,
label,
legend,
button,
input,
select,
textarea,
blockquote,
figcaption,
small,
strong,
em {
    font-family: var(--so-font-sans) !important;
}

/*
 * Magento / Hyvä / sklep
 */
.page-wrapper,
.page-main,
.columns,
.cms-content,
.product-item,
.product-card,
.product-info-main,
.product-info-price,
.price-box,
.actions-toolbar,
.field,
.control,
.navigation,
.breadcrumbs,
.message {
    font-family: var(--so-font-sans) !important;
}

/*
 * Strony CMS - kasujemy stare Arial/Helvetica/Wingdings
 * pozostawiając hierarchię i rozmiary z poszczególnych landing pages.
 */
.cms-page-view .page-main,
.cms-page-view .page-main div,
.cms-page-view .page-main section,
.cms-page-view .page-main article,
.cms-page-view .page-main h1,
.cms-page-view .page-main h2,
.cms-page-view .page-main h3,
.cms-page-view .page-main h4,
.cms-page-view .page-main h5,
.cms-page-view .page-main h6,
.cms-page-view .page-main p,
.cms-page-view .page-main a,
.cms-page-view .page-main li,
.cms-page-view .page-main table,
.cms-page-view .page-main th,
.cms-page-view .page-main td,
.cms-page-view .page-main button {
    font-family: var(--so-font-sans) !important;
}

/*
 * Tekstowe SPAN-y na stronach CMS.
 * Wykluczamy klasy FontAwesome.
 */
.cms-page-view .page-main span:not(.fa):not(.fas):not(.far):not(.fal):not(.fab):not(.fad):not(.fa-solid):not(.fa-regular):not(.fa-brands) {
    font-family: var(--so-font-sans) !important;
}

/*
 * FONT AWESOME - NIE RUSZAMY.
 * Te reguły celowo mają pierwszeństwo nad globalną typografią.
 */
.fa,
.fas,
.far,
.fal,
.fab,
.fad,
.fa-solid,
.fa-regular,
.fa-brands,
[class^="fa-"],
[class*=" fa-"] {
    font-family: FontAwesome, "Font Awesome 5 Free", "Font Awesome 5 Brands",
                 "Font Awesome 6 Free", "Font Awesome 6 Brands" !important;
}