/* FEATURE (claude/trusting-maxwell-remczo, JOIN_FAST step 5b, plan section 8): the "limited access" bar under the top navigation,
   shown to members waiting for admin review (www/includes/inc.limited_banner.php). Slim, readable on mobile, not dismissible. */
.pc-limited-banner {
  /* FIX (test/registration-e2e, 2026-10-16): the bar is now printed first in #pagecontainer (it was at the end of the page); pages put their
     own top area under the fixed top navigation (50px + 1px border), so the bar starts below it. A second bar (the paused-project notice)
     follows straight on. */
  margin-top: 51px;
  background: #fff8e1;
  border-bottom: 1px solid #ffcc80;
  color: #5d4037;
  font-size: 14px;
  line-height: 1.4;
  padding: 8px 16px;
  text-align: center;
}
.pc-limited-banner ~ .pc-limited-banner {
  margin-top: 0;
}
.pc-limited-banner a {
  color: #bf360c;
  font-weight: bold;
  text-decoration: underline;
}
@media (max-width: 600px) {
  .pc-limited-banner { font-size: 13px; padding: 6px 12px; text-align: left; }
}

/* FEATURE (fix/forum-table-phones, owner 2026-11-06): the signed-out visitors' "We've updated our ..." bar (inc.legal.php
   pc_legal_visitor_bar_html) uses this banner's look. It used to be printed at the bottom of the page, where Google's reCAPTCHA
   badge (fixed, bottom right) covered its close button. Room on the right for the close button, which is big enough to tap. */
.pc-legal-bar {
  position: relative;
  padding-right: 48px;
}
.pc-legal-bar .pc-legal-bar-close {
  position: absolute;
  top: 50%;
  right: 6px;
  transform: translateY(-50%);
  width: 36px;
  height: 36px;
  border: 0;
  background: none;
  color: #5d4037;
  font-size: 24px;
  line-height: 1;
  cursor: pointer;
}
.pc-legal-bar .pc-legal-bar-close:hover,
.pc-legal-bar .pc-legal-bar-close:focus {
  color: #000;
}
@media (max-width: 600px) {
  .pc-legal-bar { padding-right: 44px; }
}