.myfood-availability-banner {
    position: sticky;
    inset-block-start: 0;
    z-index: 99999;
    box-sizing: border-box;
    width: 100%;
    padding: 0.9rem max(1rem, env(safe-area-inset-right))
        0.9rem max(1rem, env(safe-area-inset-left));
    color: #fff;
    background: #7f1d1d;
    border-block-end: 3px solid #fca5a5;
    box-shadow: 0 3px 12px rgb(0 0 0 / 24%);
    font: 600 1rem/1.45 system-ui, -apple-system, BlinkMacSystemFont,
        "Segoe UI", sans-serif;
    text-align: center;
}

.myfood-availability-banner[hidden] {
    display: none;
}

.myfood-availability-banner__message {
    max-width: 72rem;
    margin: 0 auto;
    color: inherit;
    font: inherit;
}

body.admin-bar .myfood-availability-banner {
    inset-block-start: 32px;
}

.myfood-ordering-control-disabled,
.myfood-ordering-control-disabled:hover,
.myfood-ordering-control-disabled:focus {
    cursor: not-allowed !important;
    opacity: 0.55 !important;
    filter: grayscale(1);
}

@media screen and (max-width: 782px) {
    body.admin-bar .myfood-availability-banner {
        inset-block-start: 46px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .myfood-availability-banner,
    .myfood-ordering-control-disabled {
        scroll-behavior: auto;
        transition: none;
    }
}