.information-bars { display: contents; }
.information-bar { position: relative; z-index: 998; margin: 0; background: var(--information-bar-background, #0079a8); color: var(--information-bar-text, #fff); font: 400 15px/1.4 "Roboto Condensed", Arial, sans-serif; }
.information-bar[hidden] { display: none !important; }
.information-bar--top.information-bar--sticky { position: sticky; top: 0; }
.information-bar--bottom.information-bar--sticky { position: fixed; bottom: var(--information-bar-bottom-offset, 0px); left: 0; right: 0; }
/* The storefront footer floats; both the normal bar and pinned reservation must follow it. */
.information-bar--bottom, .information-bar__spacer { clear: both; }
.information-bar--bottom .information-bar__inner { padding-bottom: calc(8px + env(safe-area-inset-bottom, 0px)); }
.information-bar__spacer { height: 0; }
.information-bar__inner { position: relative; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 8px 18px; max-width: 1440px; min-height: 44px; margin: 0 auto; padding: 8px 52px; box-sizing: border-box; text-align: center; }
.information-bar__content { min-width: 0; overflow-wrap: anywhere; }
.information-bar__text-link, .information-bar__text-link:hover, .information-bar__text-link:visited { color: inherit; text-decoration: underline; }
.information-bar__link, .information-bar__link:hover, .information-bar__link:visited { display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; padding: 5px 12px; max-width: 100%; border: 1px solid currentColor; border-radius: 4px; background: var(--information-bar-button-background, #fff); color: var(--information-bar-button-text, #0079a8); font-family: inherit; font-size: 14px; font-weight: 700; line-height: 1.3; overflow-wrap: anywhere; text-decoration: none; box-sizing: border-box; }
.information-bar__close { position: absolute; top: 50%; right: 4px; display: flex; align-items: center; justify-content: center; width: 44px; height: 44px; padding: 0; transform: translateY(-50%); border: 0; border-radius: 0; box-shadow: none; background: transparent; color: inherit; font: 28px/1 Arial, sans-serif; cursor: pointer; }
.information-bar__close::before {
    content: "";
    position: absolute;
    inset: 4px;
    border-radius: 50%;
    background: currentColor;
    opacity: 0;
    pointer-events: none;
    transition: opacity 150ms ease;
}
.information-bar__close:hover::before,
.information-bar__close:focus-visible::before {
    opacity: 0.16;
}
@media (prefers-reduced-motion: reduce) {
    .information-bar__close::before {
        transition: none;
    }
}
.information-bar :focus { outline: 2px solid currentColor; outline-offset: -3px; }
.information-bar__mobile-text { display: none; }
.information-bar-preview { margin: 0; }
.information-bar-preview__search { height: 42px; border: 1px solid #ddd; border-radius: 4px; }
.information-bar-preview__content { display: flex; flex-wrap: wrap; gap: 24px; max-width: 1140px; min-height: 1000px; margin: 28px auto; padding: 0 20px; }
.information-bar-preview__content div { width: calc(33.333% - 16px); height: 180px; border-radius: 4px; background: #eef2f5; }
.information-bar-preview__footer { padding: 24px; background: #eef2f5; text-align: center; }
@media (min-width: 992px) { .information-bar--mobile { display: none; } }
@media (max-width: 991px) {
    .information-bar--desktop, .information-bar__desktop-text { display: none; }
    .information-bar__mobile-text { display: inline; }
    .information-bar--top.information-bar--sticky { top: var(--information-bar-nav-height, 50px); }
    .information-bar__inner { gap: 6px 10px; padding: 9px 48px 9px 14px; font-size: 14px; }
    .information-bar__link { min-height: 36px; white-space: normal; }
    .information-bar-preview__content div { width: 100%; }
}
@media print { .information-bar, .information-bar__spacer { display: none !important; } }
