/*
Theme Name: poly-child
Template: poly
Text Domain: poly-child
*/

/* Banner med text*/
.oppet-banner {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    flex-wrap: wrap;
    background: #f7f4f0;
    padding: 12px 16px;
    font-size: 15px;
    text-align: center;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1001;
}
.oppet-banner__ikon {
    color: #b8a52e;
    font-size: 20px;
}
.oppet-banner__rubrik {
    color: #b8a52e;
}
.oppet-banner__text {
    color: #333;
}

#headroom {
    top: var(--banner-hojd, 0px) !important;
}

body {
    padding-top: calc(var(--banner-hojd, 0px) + 93px);
}

@media screen and (max-width: 991px) {
    .oppet-banner {
        position: fixed;   /* ligger kvar överst, som menyn */
        top: 0;
        left: 0;
        right: 0;
        z-index: 1001;
    }
    /* Om headern ligger kvar, putta ner den under bannern */
    #headroom {
        top: var(--banner-hojd, 0px) !important;
    }
    /* Putta ner innehållet i mobil också */
    body {
        padding-top: calc(var(--banner-hojd, 0px) + 0px);
    }
}