/* COPY-3 — the TEST COPY marker (shared/_copy_strip.html.erb).
 *
 * WHY IT LIVES HERE, NOT UNDER app/assets
 * Propshaft 1.3.1's `stylesheet_link_tag :app` links every file matching
 * app/assets/**\/*.css (helper.rb app_stylesheets_paths), and application.html.erb
 * links :app on every signed-in page. A sheet anywhere under app/assets would
 * therefore ship to production too. vendor/assets/stylesheets is on the asset
 * load path (Propshaft's railtie adds vendor/assets/* when it exists) but
 * outside that glob, so only the partial's own `stylesheet_link_tag
 * "copy_strip"` links it, and the partial renders nothing off the copy.
 *
 * Colours are literal, not tokens: the strip renders in layouts that do not
 * load application.css (onboarding, legal, enquiry), where var(--warning)
 * would not resolve. #FBBF24 is --warning, #1A1D26 is --content-text.
 *
 * The element is the label, fixed at the top centre; its ::after is the frame
 * round the viewport. Both are fixed and pointer-events: none, so they take no
 * layout space and never catch a click, a tap or a scroll meant for the page.
 * No transform on the label: it would make the label the containing block of
 * its fixed ::after and shrink the frame to the label's box. */
.copy-strip {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 2147483000;
  width: fit-content;
  margin: 0 auto;
  padding: 2px 10px 3px;
  pointer-events: none;
  background: #FBBF24;
  color: #1A1D26;
  font: 700 11px/1.2 -apple-system, BlinkMacSystemFont, "Inter", sans-serif;
  letter-spacing: 0.04em;
  white-space: nowrap;
}

.copy-strip::after {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  border: 4px solid #FBBF24;
}