/* Bridge & Build — website QR popup (see js/qr.js).
   No button and no icon: the blank area of the footer opens the popup. */

.qr-footer { cursor: pointer; }
.qr-footer a, .qr-footer button { cursor: pointer; }

.qr-overlay {
  position: fixed; inset: 0; z-index: 100; background: rgba(15, 23, 42, .62);
  -webkit-backdrop-filter: blur(3px); backdrop-filter: blur(3px);
  display: flex; align-items: center; justify-content: center; padding: 20px;
}
.qr-modal {
  position: relative; background: #fff; border-radius: var(--radius-xl);
  padding: 26px 22px 20px; max-width: 92vw; text-align: center;
  box-shadow: 0 18px 48px rgba(0,0,0,.28); animation: fadeUp .28s ease-out both;
}
.qr-close {
  position: absolute; top: 8px; right: 8px; width: 44px; height: 44px;
  border: none; border-radius: var(--radius-full); background: var(--secondary);
  color: var(--foreground); font-size: 19px; line-height: 1; cursor: pointer;
}
.qr-close:hover { background: var(--muted); }
.qr-code { display: flex; justify-content: center; margin-top: 8px; }
.qr-code img, .qr-code canvas { max-width: 100%; height: auto; }
.qr-url {
  display: block; margin-top: 14px; font-size: 16px; font-weight: 600;
  color: var(--primary); word-break: break-all;
}