footer:not(.bl-bar-closed) {
    margin-bottom: var(--bl-height, 10vh) !important; /* Allow whole footer to be seen */
}

.bl-essential-bar {
    position: fixed;
    display: flex;
    bottom: 0;
    left: 0;
    width: 100%;
    min-height: var(--bl-height, 10vh) !important; /* Minimal height */
    background-color: var(--bl-bg-color); /* Background color */
    z-index: 10;
}

.bl-essential-bar.bl-bar-closed,
.bl-essential-bar:not(.bl-bar-visible):not(.bl-always-visible) {
    display: none;
}

.bl-essential-bar__container {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex-grow: 1;
    padding: 5px 20px 5px 40px;
}

.bl-essential-bar p,
.bl-essential-bar h1,
.bl-essential-bar h2,
.bl-essential-bar h3,
.bl-essential-bar h4,
.bl-essential-bar h5,
.bl-essential-bar h6 {
    color: var(--bl-text-color) !important;  /* Text color */
    font-size: calc(3.0vh + 2px);
    line-height: normal;
}

@media (min-width: 600px) {
    .bl-essential-bar p,
    .bl-essential-bar h1,
    .bl-essential-bar h2,
    .bl-essential-bar h3,
    .bl-essential-bar h4,
    .bl-essential-bar h5,
    .bl-essential-bar h6 {
        font-size: calc(3.2vh + 5px);
    }
}

.bl-essential-bar a {
    color: var(--bl-link-color);  /* Link color */
}

.bl-essential-bar__container > * {
    margin: 0 !important;  /* Remove margins from Wysiwyg elements */
}

.bl-close-button {  /* Optional close button */
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    left: 10px;
    top: 10px;
    width: 20px;
    height: 20px;
    cursor: pointer;
}