/* MagicOffice v4.3.14 contrast hotfix. Keeps the v4.3 Design Locked visual system intact. */

.mo-data-status [data-state="fallback"] {
  color: #9f2f46;
  font-weight: 800;
}

.mo-data-status [data-state="published"] {
  color: #23775c;
  font-weight: 800;
}

.mo-data-status button[aria-busy="true"] {
  cursor: wait;
  opacity: .62;
}

.mo-week-grid:focus-visible {
  outline: 3px solid #9b6b22;
  outline-offset: 5px;
}

/* The night collection reuses a dark BAR card. Override the pale collection
   section's burgundy item-label rule without changing the locked artwork. */
#menu-bar .mo-period-collection .mo-menu-group li > span {
  color: #f7e0b4;
}

#menu-bar .mo-period-collection > header .mo-eyebrow {
  color: #85501d;
}

@media (max-width: 620px) {
  .mo-data-status button {
    width: 100%;
    margin-left: 0;
  }
}
.mo-data-status[hidden], .mo-benefits[hidden], [data-event-id][hidden] { display: none !important; }
.mo-schedule-range { color: var(--gold); font-size: .9rem; margin: 0 0 1rem; }
.mo-benefits { margin: 1.5rem 0 2rem; padding: clamp(1rem, 3vw, 2rem); background: #f7e2d6; color: #321522; border: 1px solid #85501d; border-radius: 1rem; }
.mo-benefits-heading h3 { color: #321522; margin: 0 0 1rem; }
.mo-benefits .mo-eyebrow { color: #85501d; }
.mo-benefit-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.5rem; }
.mo-benefit-card h4 { font-size: 1.05rem; margin: 0 0 .75rem; color: #4d192b; }
.mo-benefit-card ul { margin: 0; padding-left: 1.25rem; font-size: .95rem; line-height: 1.8; }
.mo-benefit-card li + li { margin-top: .4rem; }
.mo-benefits-contact { margin: 1rem 0 0; }
.mo-benefits-contact a { color: #4d192b; text-decoration: underline; text-underline-offset: .2em; }
@media (max-width: 640px) { .mo-benefit-grid { grid-template-columns: 1fr; } }

/* A backdrop-filter creates a containing block for the fixed mobile nav.
   Combined with the header's overflow:clip, it hides every expanded link.
   Keep the mobile panel relative to the viewport and outside header clipping. */
@media (max-width: 960px) {
  .mo-header {
    overflow: visible;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
  }

  .mo-nav {
    inset: calc(var(--header-h) + 2px) 0 0;
    border-radius: 0;
    overscroll-behavior: contain;
  }

  .mo-nav a {
    white-space: normal;
    overflow-wrap: anywhere;
  }
}

.mo-copyright a {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  color: #efd09a;
  font-size: .875rem;
  text-underline-offset: 4px;
}

.mo-operator {
  margin: 28px 0 0;
  color: #c9b7c1;
  font-size: .875rem;
  line-height: 1.8;
  overflow-wrap: anywhere;
}