/**
 * @file
 * Site-wide Foundation off-canvas positioning fallback.
 *
 * On Acquia (css.preprocess), CSS aggregates can omit Foundation off-canvas
 * rules even when the source hbft_base.css is complete. That leaves
 * .off-canvas in document flow (menu expanded, layout broken) on pages like
 * /login, /about/contact-us, /newsletter-signup.
 *
 * Loaded with preprocess:false from hbft_base/global so it never joins
 * aggregates. Positioning/visibility only — no colors/widths.
 */

.off-canvas {
  position: fixed !important;
  z-index: 12;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.off-canvas.is-closed {
  visibility: hidden !important;
}

.off-canvas.position-left.is-closed,
.off-canvas.position-left:not(.is-open) {
  -webkit-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  transform: translateX(-100%);
}

.off-canvas.position-right.is-closed,
.off-canvas.position-right:not(.is-open) {
  -webkit-transform: translateX(100%);
  -ms-transform: translateX(100%);
  transform: translateX(100%);
}

.off-canvas.is-open {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
  visibility: visible !important;
}