/* Review mode chrome. Only ever visible when body.rv-on is set by
   js/review-mode.js, which itself only runs with ?review in the URL. */
#rv-bar { display: none; }

body.rv-on #rv-bar {
  display: flex; position: fixed; z-index: 9999; inset: auto 0 0 0;
  align-items: center; gap: .8rem; flex-wrap: wrap;
  padding: .6rem 1rem; background: #1f1a14; color: #f5efe4;
  font-family: ui-monospace, Menlo, monospace; font-size: .74rem;
  box-shadow: 0 -2px 14px rgba(0,0,0,.28);
}
/* The bar sits at the BOTTOM: the site nav is absolutely positioned
   inside the hero, so a top bar covered it and swallowed the clicks. */
body.rv-on { padding-bottom: 3.4rem; }
body.rv-on .sticky-cta { display: none !important; }
#rv-bar strong { letter-spacing: .06em; text-transform: uppercase; }
#rv-bar .rv-dot { width: 8px; height: 8px; border-radius: 50%; background: #e6096b; flex: none; }
#rv-bar .rv-hint { opacity: .62; }
#rv-bar .rv-count { margin-left: auto; opacity: .82; }
#rv-bar button {
  font: inherit; cursor: pointer; border-radius: 999px; padding: .35rem .8rem;
  background: #e6096b; color: #fff; border: 1px solid #e6096b;
}
#rv-bar button.rv-ghost { background: transparent; color: #cfc4b3; border-color: #4a4038; }
#rv-bar button:hover { filter: brightness(1.1); }

/* editable targets */
body.rv-on .rv-edit {
  outline: 1px dashed rgba(230, 9, 107, .38);
  outline-offset: 3px; border-radius: 2px; cursor: text;
}
body.rv-on .rv-edit:hover { outline-style: solid; background: rgba(230, 9, 107, .05); }
body.rv-on .rv-edit.rv-focus { outline: 2px solid #e6096b; background: rgba(230, 9, 107, .07); }
body.rv-on .rv-edit.rv-changed { outline-color: #e6096b; background: rgba(230, 9, 107, .09); }
body.rv-on .rv-edit.rv-changed::after {
  content: "edited"; margin-left: .5rem; vertical-align: middle;
  font-family: ui-monospace, Menlo, monospace; font-size: .58rem;
  letter-spacing: .08em; text-transform: uppercase;
  color: #fff; background: #e6096b; border-radius: 999px; padding: .1rem .45rem;
}
@media print { #rv-bar { display: none !important; } body.rv-on { padding-top: 0; } }