/*
 * JUJU Responsive Typography
 * Alle Font-Sizes als clamp(min, fluid-vw, max).
 * Entspricht 1:1 den LESS-Variablen in style.less.
 *
 * Hierarchie (groß → klein):
 * h1 > h2 > h3 > h4 > h5 > h6
 * lead > body > meta/small/nav/subnav
 */

/* ── Font-Size Tokens ───────────────────────────────────────────────────────── */
:root {
    /* Font Weights (Arboria) */
    --fw-thin: 100;
    --fw-light: 300;
    --fw-book: 400;
    --fw-medium: 500;
    --fw-bold: 700;
    /* Standardmäßig 700 für Bold, da 500 meist Medium ist */
}

/* ── Font Family ─────────────────────────────────────────────────────────────── */
/* Arboria wird von Adobe Typekit geladen.
   Fallback-Stack für den Fall, dass der Nutzer Cookies ablehnt. */
html *,
body * {
    font-family: "arboria", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
}

/* Base font-weight: theme.1.css hat noch den alten Wert (100/Thin).
   Hier setzen wir den korrekten Wert, bis YOOtheme neu kompiliert. */
html {
    font-weight: var(--fw-thin) !important;
    -webkit-font-smoothing: subpixel-antialiased !important;
}

h2 em,
.uk-h2 em {
    font-family: "anuparp-dot", sans-serif !important;
    font-style: normal;
    text-transform: lowercase;
    font-weight: 100;
}

h2:has(em),
.uk-h2:has(em) {
    line-height: 0.8 !important;
}

/* Woocommerce Einstellungen */
.woocommerce-Price-amount.amount {
    font-weight: var(--fw-book);
}

del .woocommerce-Price-amount.amount {
    opacity: .25;
    transform: scale(0.6);
}