/* Heimdall Studio v0.19.0
   Dutch-only OdoBuddy hero status fix.
   Keep the current title styling; give the NL hero enough vertical room
   for the availability line to remain visible. */

/* Do not alter the English hero. */
html[lang="nl"] .software-hero.unified-hero {
    height: auto !important;
    min-height: clamp(640px, 50vw, 720px) !important;
}

/* Make the hero grid follow the expanded NL hero height. */
html[lang="nl"] .software-hero-grid {
    min-height: inherit !important;
    height: auto !important;
    align-items: center !important;
}

/* Keep the complete Dutch copy group inside the banner. */
html[lang="nl"] .software-hero-copy {
    height: auto !important;
    min-height: 0 !important;
    padding-top: clamp(2.5rem, 4vw, 4rem) !important;
    padding-bottom: clamp(3.5rem, 5vw, 5rem) !important;
    overflow: visible !important;
}

/* Explicitly keep the status line in normal flow and visible. */
html[lang="nl"] .odobuddy-hero-status {
    display: flex !important;
    align-items: center !important;
    position: relative !important;
    visibility: visible !important;
    opacity: 1 !important;
    overflow: visible !important;
    margin-top: clamp(1.2rem, 1.8vw, 1.6rem) !important;
    margin-bottom: 0 !important;
    flex-shrink: 0 !important;
    z-index: 5 !important;
}

/* Keep the current Dutch title scale from v0.18.9.
   This rule only prevents later CSS from making it larger again. */
html[lang="nl"] .software-hero-copy h1 {
    font-size: clamp(3.15rem, 4.7vw, 5rem) !important;
    line-height: 1.01 !important;
    max-width: 14.5ch !important;
}

@media (max-width: 900px) {
    html[lang="nl"] .software-hero.unified-hero {
        min-height: auto !important;
    }

    html[lang="nl"] .software-hero-copy {
        padding-bottom: 3rem !important;
    }
}