#felloo-statusbalk[hidden] {
    display: none;
}

.felloo-statusbalk {
    background: #ff951f;
    color: #111655;
    font: 600 15px/1.35 Averta, system-ui, sans-serif;
}

.felloo-statusbalk__inner {
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    column-gap: 14px;
    row-gap: 2px;
    min-height: 44px;
    position: relative;
    max-width: 1440px;
    margin-inline: auto;
    padding: 8px 52px;
    text-align: center;
}

.felloo-statusbalk__message {
    min-width: 0;
    overflow-wrap: anywhere;
}

#felloo-statusbalk .felloo-statusbalk__link {
    color: inherit;
    text-decoration: underline;
    text-underline-offset: 0.15em;
    white-space: nowrap;
    transition: color 0.3s;
}

#felloo-statusbalk .felloo-statusbalk__link:hover {
    color: #00021f;
}

#felloo-statusbalk .felloo-statusbalk__close {
    position: absolute;
    inset-inline-end: 5px;
    inset-block-start: 50%;
    transform: translateY(-50%);
    display: grid;
    place-items: center;
    width: 44px;
    height: 44px;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    color: inherit;
    font: 400 24px/1 system-ui, sans-serif;
    cursor: pointer;
    transition: color 0.3s;
}

#felloo-statusbalk .felloo-statusbalk__close:hover {
    color: #00021f;
}

#felloo-statusbalk :is(a, button):focus-visible {
    outline: 2px solid #111655;
    outline-offset: -3px;
}

header.felloo-statusbalk-offset > .elementor-sticky--active:not(.elementor-sticky__spacer) {
    top: var(--felloo-status-sticky-top) !important;
}
