/* v9 — Wix visual tokens for REWORKED pages (measured from the live site) */
html, body { margin: 0; padding: 0; background: rgb(234, 229, 229); }
/* TYPO-56 (review 0024): default text = role body colour; roles come from
   wx-typography.css */
body { font-family: arial, helvetica, sans-serif; color: #4d4d4d; }
/* P1A-REV-21: a short page must not leave a blank band under the footer — the
   shell is at least one viewport tall and main absorbs the remaining height.
   Long pages keep normal flow; nothing is fixed or sticky. */
body { display: flex; flex-direction: column; min-height: 100svh; }
.wxc-main { position: relative; flex: 1 0 auto; }
.wxc-footer { margin-top: auto; }
/* chrome stages.
   P1-A01 (Codex review 0006): no runtime scale factor — the chrome is genuinely
   responsive. Below 1024px the compact chrome (122px header, growable footer,
   full-width search, 51px burger); at 1024px and up the unscaled desktop chrome,
   whose widest element (the logo, centre+497px) fits from 1024px without any
   scaling or cropping. */
.wxc-desk { display: none; }
.wxc-mob { display: none; }
@media (min-width: 1024px) { .wxc-desk { display: block; } }
@media (max-width: 1023.9px) { .wxc-mob { display: block; } }
/* live search input over the Wix dark box.
   TYPO-REV-64 (review 0026): the font comes from the ONE table (role
   control); only the white-on-dark colour stays local. */
.wx-search input {
  width: 100%; height: 100%; box-sizing: border-box;
  background: transparent; border: 0; outline: none;
  color: #fff; font: var(--wx-f-control); letter-spacing: 0; padding: 0 10px 0 32px;
}
.wx-search input::placeholder { color: rgba(255, 255, 255, 0.75); }
/* mobile burger menu overlay (the Wix original opens a JS menu) */
#wx-menu {
  position: fixed; inset: 0; z-index: 2147483100;
  background: rgb(52, 34, 22); display: flex; flex-direction: column;
  align-items: center; justify-content: center; gap: 18px;
}
/* TYPO-REV-64: role control from the one table — this ID selector used to
   outrank the .t-control class the menu items already carry */
#wx-menu a {
  color: #fff; text-decoration: none; font: var(--wx-f-control); letter-spacing: 0;
  padding: 8px 22px; min-height: 44px; display: flex; align-items: center;
}
#wx-menu a:active { color: rgb(234, 229, 229); }
#wx-menu-close {
  position: absolute; top: 10px; right: 14px; background: none; border: 0;
  color: #fff; font-size: 40px; line-height: 1; cursor: pointer; padding: 8px;
}
#wx-menu[hidden] { display: none; }

/* P0-04D: a heading that assistive technology reads and the layout never shows.
   Used where the Wix original marked nothing up as a heading at all. */
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}