/* LOCK-MENU-2026-11-06 option B — ink right drawer, cream type, no rust */
#mock-menu-sheet, #mock-menu-sheet * {
  font-family: Fraunces, Newsreader, "Barlow Condensed", Barlow, sans-serif !important;
  box-sizing: border-box;
}
#mock-menu-sheet {
  background: #1A1510 !important;
  color: #FBF7EE !important;
  border: 0 !important;
  border-left: 1.5px solid #FBF7EE !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  overflow: auto !important;
  z-index: 60 !important;
  position: fixed !important;
  top: 0 !important;
  right: 0 !important;
  left: auto !important;
  /* Clear fixed bottom bar */
  bottom: calc(56px + env(safe-area-inset-bottom, 0px)) !important;
  width: min(400px, 100vw) !important;
  height: auto !important;
  max-height: calc(100vh - 56px - env(safe-area-inset-bottom, 0px)) !important;
  padding: 22px 20px 28px !important;
}
@media (max-width: 600px) {
  #mock-menu-sheet {
    width: 100vw !important;
    border-left: 0 !important;
  }
}
.mock-sheet-scrim { background: rgba(26,21,16,.45) !important; }

#mock-menu-sheet .fg-menu-x {
  position: absolute; top: 12px; right: 12px;
  width: 36px; height: 36px; border-radius: 0 !important;
  font: 400 22px/1 Barlow, sans-serif !important;
  display: inline-flex; align-items: center; justify-content: center;
  cursor: pointer; z-index: 2;
  background: #1A1510; color: #FBF7EE; border: 1.5px solid #FBF7EE;
}
#mock-menu-sheet .fg-menu-title {
  font: 700 28px/1.15 Fraunces, serif !important;
  margin: 0 40px 6px 0 !important;
  text-transform: none !important; letter-spacing: 0 !important;
  color: #FBF7EE !important;
}
#mock-menu-sheet .fg-menu-sub {
  font: 400 15px/1.45 Newsreader, serif !important;
  margin: 0 40px 14px 0 !important; opacity: .85;
  color: #FBF7EE !important;
}
#mock-menu-sheet .fg-rule {
  height: 0; border: 0; border-top: 1px solid rgba(251,247,238,.35);
  margin: 14px 0 4px;
}
#mock-menu-sheet h2,
#mock-menu-sheet .mock-cost-h,
#mock-menu-sheet .fg-sec {
  font: 700 13px/1.2 "Barlow Condensed", sans-serif !important;
  letter-spacing: .1em; text-transform: uppercase;
  margin: 18px 0 10px !important; color: #FBF7EE !important;
}
#mock-menu-sheet .mock-type-head {
  display: flex !important; align-items: baseline; justify-content: space-between;
  gap: 12px; margin: 18px 0 10px !important;
}
#mock-menu-sheet .mock-type-head h2 { margin: 0 !important; }
#mock-menu-sheet .mock-show-all {
  font: 700 12px/1 "Barlow Condensed", sans-serif !important;
  letter-spacing: .08em; text-transform: uppercase;
  text-decoration: underline; text-underline-offset: 3px;
  color: #FBF7EE !important; background: transparent !important; border: 0 !important;
}
#mock-menu-sheet [data-mast-actions] {
  display: flex !important; flex-wrap: wrap; gap: 8px !important;
  margin: 0 0 4px !important; align-items: stretch;
}
#mock-menu-sheet [data-mast-actions] .paper-header-tools,
#mock-menu-sheet [data-mast-actions] .aa-paper-util-col,
#mock-menu-sheet [data-mast-actions] [data-pop-wrap],
#mock-menu-sheet [data-mast-actions] .a1-util-wrap { display: contents !important; }
#mock-menu-sheet [data-mast-actions] > a,
#mock-menu-sheet [data-mast-actions] > button,
#mock-menu-sheet [data-mast-actions] .a1-util.util-aa {
  font: 700 14px/1 "Barlow Condensed", sans-serif !important;
  letter-spacing: .08em; text-transform: uppercase;
  border-radius: 0 !important;
  height: auto !important; min-height: 40px !important;
  padding: 10px 14px !important;
  display: inline-flex !important; align-items: center; justify-content: center;
  text-decoration: none !important; cursor: pointer;
  background: transparent !important; color: #FBF7EE !important;
  border: 1.5px solid #FBF7EE !important;
}
#mock-menu-sheet [data-mast-actions] > a[data-mast-download] {
  background: #FBF7EE !important; color: #1A1510 !important;
}
#mock-menu-sheet [data-mast-actions] .a1-util.util-aa svg { display: none !important; }
#mock-menu-sheet [data-mast-actions] .a1-util.util-aa::after {
  content: "Text size"; font: inherit;
}
#mock-menu-sheet [data-mast-types] .mock-type-pills { display: contents !important; }
#mock-menu-sheet [data-mast-types].mock-type-list,
#mock-menu-sheet [data-mast-costs].mock-type-list,
#mock-menu-sheet [data-mast-dates].mock-type-list {
  display: flex !important; flex-wrap: wrap; gap: 8px !important; margin: 0 !important;
}
#mock-menu-sheet [data-mast-types] button,
#mock-menu-sheet [data-mast-costs] button,
#mock-menu-sheet [data-mast-dates] button,
#mock-menu-sheet [data-mast-types] .mock-type-pills > button {
  font: 700 13px/1 "Barlow Condensed", sans-serif !important;
  letter-spacing: .06em; text-transform: uppercase;
  border-radius: 0 !important;
  padding: 8px 12px !important;
  cursor: pointer;
  background: transparent !important;
  color: #FBF7EE !important;
  border: 1.5px solid rgba(251,247,238,.55) !important;
}
/* Active = cream fill; kill any rust (#9A4034 / #9C341F) */
#mock-menu-sheet [data-mast-types] button.is-on,
#mock-menu-sheet [data-mast-costs] button.is-on,
#mock-menu-sheet [data-mast-dates] button.is-on,
#mock-menu-sheet [data-mast-types] .mock-type-pills > button.is-on {
  background: #FBF7EE !important;
  color: #1A1510 !important;
  border-color: #FBF7EE !important;
}
#mock-menu-sheet [data-mast-types] button.is-on.is-multi,
#mock-menu-sheet [data-mast-dates] button.is-on.is-multi {
  background: #FBF7EE !important;
  color: #1A1510 !important;
  border-color: #FBF7EE !important;
}
/* Hub menus: hide paper-only filters when marked */
#mock-menu-sheet[data-fg-hub-menu] [data-mast-types],
#mock-menu-sheet[data-fg-hub-menu] [data-mast-costs],
#mock-menu-sheet[data-fg-hub-menu] [data-mast-dates],
#mock-menu-sheet[data-fg-hub-menu] .mock-type-head,
#mock-menu-sheet[data-fg-hub-menu] .mock-cost-h,
#mock-menu-sheet[data-fg-hub-menu] a[data-mast-download] {
  display: none !important;
}

/* Must See chip (moved from retired search sheet) */
#mock-menu-sheet [data-mast-musts].mock-type-list {
  display: flex !important; flex-wrap: wrap; gap: 8px !important; margin: 0 !important;
}
#mock-menu-sheet [data-mast-musts] button {
  font: 700 13px/1 "Barlow Condensed", sans-serif !important;
  letter-spacing: .06em; text-transform: uppercase;
  border-radius: 0 !important;
  padding: 8px 12px !important;
  cursor: pointer;
  background: transparent !important;
  color: #FBF7EE !important;
  border: 1.5px solid rgba(251,247,238,.55) !important;
}
#mock-menu-sheet [data-mast-musts] button.is-on {
  background: #FBF7EE !important;
  color: #1A1510 !important;
  border-color: #FBF7EE !important;
}
#mock-menu-sheet[data-fg-hub-menu] [data-mast-musts],
#mock-menu-sheet[data-fg-hub-menu] .mock-cost-h.fg-must-h {
  display: none !important;
}
