/* Shared public-site typography. Keep the WordPress toolbar and icon fonts intact. */
:root {
    --font-body: system-ui, -apple-system, "Segoe UI", sans-serif;
    --font-heading: Georgia, "Times New Roman", serif;
}

body {
    font-family: var(--font-body);
    font-size: 16px;
    line-height: 1.7;
    font-weight: 400;
}

h1, h2, h3, h4, h5, h6,
.brand, .category-caption,
.woocommerce .wc-block-components-title {
    font-family: var(--font-heading);
    font-weight: 400;
    line-height: 1.2;
}

h3 { font-size: 24px; }
h4 { font-size: 21px; }
h5 { font-size: 18px; }
h6 { font-size: 16px; }

.brand small,
.category-caption > span,
.main-nav,
.site-footer,
.woocommerce,
.wc-block-cart,
.wc-block-checkout,
.woocommerce :is(button, input, select, textarea, .button),
#main :is(button, input, select, textarea) {
    font-family: var(--font-body);
}

.entry-content,
.term-description,
.woocommerce-product-details__short-description,
.woocommerce div.product .woocommerce-tabs .panel {
    font-family: var(--font-body);
    font-size: 16px;
    line-height: 1.75;
    letter-spacing: normal;
}

/* Pasted text inherits the surrounding paragraph or heading, including its size. */
:is(.entry-content, .term-description, .instrument-summary, .woocommerce-tabs .panel, .woocommerce-product-details__short-description)
    :is(span[style], font) {
    font-family: inherit !important;
    font-size: inherit !important;
    line-height: inherit !important;
    letter-spacing: inherit !important;
}

.entry-content :is(h2, h3, h4, h5, h6),
.woocommerce div.product .woocommerce-tabs .panel :is(h2, h3, h4, h5, h6) {
    font-family: var(--font-heading);
    line-height: 1.25;
    font-weight: 400;
}

.entry-content :is(h2, h3, h4, h5, h6) :is(strong, b),
.woocommerce-tabs .panel :is(h2, h3, h4, h5, h6) :is(strong, b) {
    font-weight: inherit;
}

.instrument-summary {
    font-family: var(--font-body);
    font-size: 14px;
    line-height: 1.7;
}

.woocommerce .price,
.instrument-copy .price,
.wc-block-components-product-price {
    font-family: var(--font-body);
    font-weight: 500;
    font-variant-numeric: tabular-nums;
    line-height: 1.4;
}

.woocommerce ul.products li.product .woocommerce-loop-product__title {
    font-family: var(--font-heading);
    font-size: 22px;
    font-weight: 400;
    line-height: 1.25;
}

.woocommerce ul.products li.product .price { font-size: 18px; }

.woocommerce :is(a.button, button.button, input.button),
.wc-block-components-button {
    font-family: var(--font-body);
    font-size: 16px;
    font-weight: 500;
    line-height: 1.35;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li a,
.woocommerce div.product .woocommerce-tabs .panel .comment-reply-title {
    font-family: var(--font-body);
    font-size: 16px;
    line-height: 1.5;
    font-weight: 500;
}

.video-embed-description {
    font-family: var(--font-body);
    font-size: 14px;
    line-height: 1.6;
    color: var(--muted);
}

/* These two archived products used H3 for descriptive paragraphs and dimensions. */
.svaritanum-legacy-description #tab-description h3 {
    font-family: var(--font-body);
    font-size: 16px;
    font-weight: 400;
    line-height: 1.75;
    letter-spacing: normal;
    margin: 0 0 1.2em;
}

.svaritanum-legacy-description #tab-description h3 :is(strong, b) { font-weight: 600; }