/* Resilience and brand-lock rules loaded after console theme values. */
html,
body {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

body {
  background: var(--linen);
  color: var(--night);
}

body > header,
body > main,
body > footer,
[data-mh-addon] {
  min-width: 0;
  max-width: 100%;
}

.site-header {
  background: var(--linen);
  background: color-mix(in srgb, var(--linen) 96%, transparent);
}

.contact,
.menu,
.gallery,
.reviews,
.ordering,
.bookings,
.whats-on,
[data-mh-addon] {
  --accent: var(--amber);
  --accent-contrast: var(--night);
  --bg: var(--linen);
  --surface: var(--paper);
  --text: var(--night);
  --muted: #536078;
  --border: #B8C0C8;
  --mh-accent: var(--amber);
  --mh-accent-contrast: var(--night);
  --mh-bg: var(--linen);
  --mh-surface: var(--paper);
  --mh-text: var(--night);
  --mh-muted: #536078;
  --mh-border: #B8C0C8;
}

[data-mh-addon] { overflow-wrap: anywhere; }

.contact-shell {
  --muted: var(--light-ink);
  --border: #8290A3;
}

.contact-shell .section { padding-block: 0; }
.contact-shell .section__body,
.contact-shell .contact__list,
.contact-shell .prose { color: var(--linen); }

.events-section .section-index { color: var(--night); }

.about-photo { margin: clamp(2rem, 6vw, 5rem) 0 0 auto; width: min(100%, 52rem); }
.about-photo img { width: 100%; aspect-ratio: 16 / 9; object-fit: cover; }