/* Beursbanner Fruit Attraction 2026 (tijdelijk, t/m 8 okt). Wordt alleen geladen zolang balk en banner zichtbaar zijn. */

/* Balk onder de header: platte tekst in de normale flow, dus hoogte staat vast bij de eerste render (geen CLS).
   Kleur = magenta uit de beursbanner van de klant (wens 21 sep), wit erop haalt contrast 5:1. */
.aw-beursbalk {
    background-color: #BD3D8F;
    color: #FFFFFF;
    font-family: 'Outfit', sans-serif;
    font-size: 15px;
    line-height: 1.4;
    text-align: center;
    padding: 9px 16px;
}

.aw-beursbalk .aw-beursbalk__tekst {
    margin: 0;
    font-size: inherit;
    line-height: inherit;
    color: inherit;
}

.aw-beursbalk .aw-beursbalk__passes {
    white-space: nowrap;
}

.aw-beursbalk a {
    color: inherit;
    font-weight: 600;
    text-decoration: underline;
    text-underline-offset: 2px;
}

.aw-beursbalk a:hover,
.aw-beursbalk a:focus-visible {
    color: inherit;
    text-decoration-thickness: 2px;
}

/* Onder 992px hangt het logo 9 tot 13px onder de header uit: extra ruimte boven zodat het de tekst niet raakt */
@media (max-width: 991.98px) {
    .aw-beursbalk {
        padding-top: 22px;
    }
}

@media (max-width: 575.98px) {
    .aw-beursbalk {
        font-size: 13px;
        padding: 17px 16px 8px;
    }
}

/* Banner onder de hero-video op de homepage */
.aw-beursbanner {
    padding-top: 1.5rem;
}

/* Video tijdelijk lager zodat ±120px van de banner zonder scrollen in beeld staat (wens klant 21 sep).
   Boven de banner: header 165 + balk 39 + ruimte 24 = 228px, plus 120px zicht = 348px.
   Onder 992px staat de banner al zonder scrollen in beeld, daar blijft de video zoals hij was. */
@media (min-width: 992px) {
    .aw-beursbanner-actief .section-hero-paperwise {
        height: min(calc(100vh - 348px), 73vh);
        min-height: 400px;
    }
}

@media (min-width: 992px) and (max-width: 1200px) {
    .aw-beursbanner-actief .section-hero-paperwise {
        height: min(calc(100vh - 348px), 62.5vw);
    }
}

.aw-beursbanner picture,
.aw-beursbanner img {
    display: block;
    width: 100%;
    height: auto;
}

.aw-beursbanner img {
    border-radius: 12px;
}