/* Catalogue typography: Rubik Light body, visually matched Bold uppercase headings.
 * One self-hosted variable font, with Swedish characters; no font-service requests.
 * Uppercase is presentation only: stored content and URLs are unchanged.
 */
@font-face {
    font-family: Rubik;
    font-style: normal;
    font-weight: 300 700;
    font-display: swap;
    src: url('fonts/rubik-variable-latin.woff2') format('woff2');
}

body,
.editor-styles-wrapper {
    font-family: Rubik, Arial, sans-serif;
    font-weight: 300;
}

h1, h2, h3, h4, h5, h6,
.elstar-section .wp-block-heading:not(h1),
.elstar-hero h1 {
    font-family: Rubik, Arial, sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0;
    line-height: 1.2;
    overflow-wrap: break-word;
}

/* Interface labels stay easy to scan; body copy keeps catalogue Light weight. */
.nav, .button, .mobile-menu summary,
.category-nav, .catalog-search button {
    font-family: Rubik, Arial, sans-serif;
    font-weight: 500;
}

.frm_forms, .frm_forms label,
.frm_forms input, .frm_forms select, .frm_forms textarea, .frm_forms button {
    font-family: Rubik, Arial, sans-serif !important;
}
.frm_forms input, .frm_forms select, .frm_forms textarea {
    font-weight: 400;
}

/* Long Swedish headings should wrap at words wherever space permits. */
.elstar-section .wp-block-heading {
    overflow-wrap: break-word;
}
.product-card h2, .document-card h2, .dealer-card h2 {
    line-height: 1.3;
}