/* =========================================================
   MOODZ TYPOGRAFIE — FREDOKA
   Dit bestand wordt als laatste geladen en bepaalt daardoor
   de typografie voor desktop en mobiel.
   ========================================================= */

body,
button,
input,
textarea,
select {
    font-family: var(--font-body);
}

body {
    font-weight: 400;
    letter-spacing: .005em;
}

h1,
h2,
h3,
h4,
h5,
h6,
strong,
b {
    font-family: var(--font-display);
}

strong,
b {
    font-weight: 700;
}

em,
i {
    font-style: italic;
    font-weight: 500;
}

small {
    font-weight: 350;
}

code {
    font-family: var(--font-body);
    font-style: italic;
    font-weight: 600;
}

.skip-link {
    font-weight: 650;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.announcement__group span {
    font-weight: 650;
    letter-spacing: .14em;
    text-transform: uppercase;
}

.desktop-nav {
    font-weight: 500;
    letter-spacing: .01em;
    text-transform: none;
}

.desktop-nav > a:not(.nav-cta) {
    font-weight: 500;
}

.nav-cta {
    font-weight: 650;
    letter-spacing: .065em;
    text-transform: uppercase;
}

.mobile-menu nav a {
    font-weight: 650;
    letter-spacing: -.035em;
    text-transform: none;
}

.mobile-menu__footer {
    font-weight: 400;
}

.mobile-menu__footer a {
    font-weight: 650;
}

.eyebrow {
    font-weight: 650;
    letter-spacing: .16em;
    text-transform: uppercase;
}

.hero h1 {
    font-weight: 650;
    letter-spacing: -.045em;
    text-transform: none;
}

.hero h1 span {
    font-style: italic;
    font-weight: 700;
}

.hero__intro {
    font-weight: 400;
    letter-spacing: .005em;
}

.button {
    font-weight: 650;
    letter-spacing: .065em;
    text-transform: uppercase;
}

.button--outline {
    font-weight: 550;
}

.hero__scroll {
    font-style: italic;
    font-weight: 550;
    letter-spacing: .035em;
    text-transform: none;
}

.intro-section__badge strong {
    font-weight: 700;
    letter-spacing: -.035em;
}

.intro-section__badge span {
    font-weight: 650;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.intro-section__copy h2,
.section-heading h2,
.manifesto-section h2,
.location-section h2,
.social-section h2 {
    font-weight: 650;
    letter-spacing: -.035em;
    text-transform: none;
}

.intro-section__copy h2 span,
.manifesto-section h2 span {
    font-style: italic;
    font-weight: 700;
}

.intro-section__copy > p:not(.eyebrow) {
    font-weight: 400;
}

.text-link {
    font-weight: 650;
    letter-spacing: .055em;
    text-transform: uppercase;
}

.section-heading h2 {
    font-weight: 700;
}

.product-card__tag {
    font-weight: 700;
    letter-spacing: .09em;
    text-transform: uppercase;
}

.product-card h3 {
    font-weight: 650;
    letter-spacing: .025em;
    text-transform: uppercase;
}

.product-card p {
    font-style: italic;
    font-weight: 400;
    letter-spacing: .01em;
}

.product-card__price {
    font-weight: 700;
    letter-spacing: -.01em;
}

.popular-section__footer p {
    font-weight: 350;
}

.manifesto-section h2 {
    font-weight: 600;
}

.manifesto-section__grid > p {
    font-weight: 400;
}

.manifesto-section__grid li {
    font-weight: 500;
}

.manifesto-section__grid li span {
    font-weight: 700;
    letter-spacing: .12em;
}

.location-section__maps-button {
    font-weight: 650;
    letter-spacing: .025em;
    text-transform: none;
}

.location-section__address {
    font-style: italic;
    font-weight: 450;
}

.opening-hours span {
    font-weight: 400;
}

.opening-hours strong {
    font-weight: 700;
    letter-spacing: .01em;
}

.location-section small {
    font-weight: 350;
}

.social-section h2 {
    font-style: italic;
    font-weight: 700;
}

.site-footer__brand p {
    font-style: italic;
    font-weight: 350;
}

.site-footer__links h2 {
    font-weight: 650;
    letter-spacing: .14em;
    text-transform: uppercase;
}

.site-footer__links a {
    font-weight: 400;
}

.site-footer__bottom {
    font-weight: 350;
    letter-spacing: .02em;
}

.portrait-lock-overlay__content strong {
    font-weight: 700;
    letter-spacing: -.025em;
    text-transform: uppercase;
}

.portrait-lock-overlay__content p {
    font-weight: 400;
}