/* ===== Homepage-only layout fix ===== */

/* TEST: if you see a bright border, home-layout.css IS loading */
body {
  outline: 10px solid hotpink !important;
}

body > .page-wrap{
  display: flex !important;
  flex-wrap: wrap !important;
  width: 100% !important;
  max-width: 100% !important;
}

body > .page-wrap > nav.site-nav{
  flex: 0 0 100% !important;
  width: 100% !important;
}

body > .page-wrap > #main{
  flex: 0 0 100% !important;
  width: 100% !important;
  margin-left: 0 !important;
  padding-left: 0 !important;
}

body > .page-wrap::before,
body > .page-wrap::after{
  content: none !important;
  display: none !important;

  /* --- Global no-horizontal-scroll safety net for pages that include this file --- */

html, body {
  margin: 0;
  padding: 0;
  max-width: 100%;
  overflow-x: hidden;      /* hide any strays */
}

/* Make the old two-column template behave like a normal stacked page */
.page-wrap {
  display: block;          /* instead of flex row */
  max-width: 100%;
}

/* Navigation bar (top, full width) */
.site-nav {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1000;
}

/* Push main content down so it doesn’t hide under the fixed nav */
#main {
  margin-top: 70px;        /* adjust to match the height of your nav */
}

/* Images should never blow past the viewport width */
img {
  max-width: 100%;
  height: auto;
  display: block;
}

/* Gallery / table area on the books page */
#walls,
#walls table {
  max-width: 100%;
}

#walls table {
  width: 100%;             /* stretch table to fit viewport instead of wider */
  border-collapse: collapse;
}

#walls td {
  padding: 0.5rem;
  vertical-align: top;
}