/*
Theme Name: Er der rundstykker (Extendable child)
Theme URI: https://github.com/sfsaxlift-star/er-der-rundstykker
Template: extendable
Author: Sax-Lift A/S
Description: Rundstykker-status som shortcode-blok, bygget som et child theme af Extendable.
Version: 8.1.0
Requires PHP: 7.4
Text Domain: er-der-rundstykker
*/

html, body {
    height: 100%;
}

body {
    background-color: var(--wp--preset--color--background, #fbf1e4);
    background-image:
        linear-gradient(rgba(255, 248, 238, 0.8), rgba(255, 248, 238, 0.8)),
        url("assets/rundstykker-hero.png");
    background-repeat: no-repeat, repeat;
    background-size: cover, 70px 65px;
    display: flex;
    flex-direction: column;
}

.wp-site-blocks {
    flex: 1;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

.entry-content,
.wp-block-post-content {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding-top: clamp(0.4rem, 1.5vh, 1rem) !important;
    padding-bottom: clamp(0.4rem, 1.5vh, 1rem) !important;
    padding-left: clamp(1rem, 4vw, 2rem) !important;
    padding-right: clamp(1rem, 4vw, 2rem) !important;
}

.entry-content > *,
.wp-block-post-content > * {
    width: 100%;
    max-width: 32rem;
}

.entry-content > *:first-child,
.wp-block-post-content > *:first-child {
    margin-top: 0;
}

.entry-content > *:last-child,
.wp-block-post-content > *:last-child {
    margin-bottom: 0;
}

.wp-block-spacer {
    height: clamp(0.25rem, 1.2vh, 0.6rem) !important;
}

.wp-block-heading:is(h1) {
    font-size: clamp(1.3rem, 4vh, 2rem) !important;
    font-weight: 800 !important;
    margin: 0 0 0.2em !important;
    text-align: center;
}

.wp-block-heading:is(h2) {
    box-sizing: border-box;
    font-size: clamp(1rem, 2.6vh, 1.3rem) !important;
    color: var(--wp--preset--color--tertiary, #fff6ea) !important;
    background: var(--wp--preset--color--primary, #e2492a);
    margin: clamp(0.5rem, 1.5vh, 1rem) 0 0 !important;
    padding: 0.5rem 1rem 0.15rem;
    border-radius: 18px 18px 0 0;
    max-width: 34rem !important;
    box-shadow: none;
    border: none;
    overflow: hidden;
}

.wp-block-post-content > .wp-block-paragraph {
    font-size: clamp(0.8rem, 1.8vh, 1rem);
    margin: 0 0 0.2em;
}

.wp-block-list {
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0.4rem 1.5rem;
    list-style: none;
    padding: 0.4rem 1rem 0.7rem;
    margin: 0 !important;
    font-size: clamp(0.7rem, 1.6vh, 0.85rem);
    color: var(--wp--preset--color--tertiary, #fff6ea);
    background: var(--wp--preset--color--primary, #e2492a);
    border-radius: 0 0 18px 18px;
    max-width: 34rem !important;
    box-shadow: none;
    border: none;
    overflow: hidden;
}

.wp-block-list li {
    margin: 0;
}

.erdr-eyebrow {
    font-style: italic;
    letter-spacing: 0.08em;
    color: var(--wp--preset--color--secondary, #8a5a34);
}

.erdr-hero {
    max-width: 26rem;
    margin: 0 auto;
    padding: clamp(1rem, 3vh, 1.75rem);
    border-radius: 28px;
    background: var(--wp--preset--color--tertiary, #fff6ea);
    border: 3px solid var(--wp--preset--color--foreground, #2b1a10);
    box-shadow: 0 16px 34px -14px rgba(43, 26, 16, 0.35);
    text-align: center;
}

.erdr-hero__eyebrow {
    margin: 0 0 0.15rem;
    font-style: italic;
    letter-spacing: 0.06em;
    font-size: clamp(0.6rem, 1.4vh, 0.75rem);
    text-transform: capitalize;
    color: var(--wp--preset--color--secondary, #8a5a34);
}

.erdr-hero__answer {
    margin: 0;
    font-size: clamp(2rem, 7.5vh, 3.75rem);
    font-weight: 700;
    line-height: 1;
    letter-spacing: -0.01em;
    font-family: var(--wp--preset--font-family--baloo-tamma-2, sans-serif);
    color: var(--wp--preset--color--primary, #e2492a);
}

.erdr-hero--yes .erdr-hero__answer {
    color: #2f8f4e;
}

.erdr-hero__headline {
    margin: 0.25rem 0 0;
    font-weight: 600;
    font-size: clamp(0.8rem, 1.9vh, 1rem);
    color: var(--wp--preset--color--foreground, #2b1a10);
}

.erdr-hero__badge {
    display: inline-block;
    margin: 0.5rem 0 0;
    font-size: clamp(0.7rem, 1.6vh, 0.85rem);
    font-weight: 700;
    color: var(--wp--preset--color--tertiary, #fff6ea);
    background: var(--wp--preset--color--primary, #e2492a);
    padding: 0.35rem 0.9rem;
    border-radius: 999px;
    white-space: nowrap;
}

.erdr-hero__note {
    margin: 0.5rem auto 0;
    text-align: center;
    font-size: clamp(0.65rem, 1.4vh, 0.8rem);
    font-style: italic;
    color: var(--wp--preset--color--secondary, #8a5a34);
    max-width: 20rem;
}