/* v6.9.137 — the "Show QR code" dialog from the Share menu (assets/js/pp-share.js). Loaded only where a Share button is
   (PP_Share::maybe_enqueue). Above the site header and the cookie banner (WPConsent z-index 900000). The theme makes every
   <button> 50 px tall with its own font and padding, so the dialog's buttons reset that explicitly. */
.pp-qr-overlay { position: fixed; inset: 0; z-index: 1000000; display: flex; align-items: center; justify-content: center; padding: 16px; box-sizing: border-box; background: rgba(5, 10, 18, .78); }
.pp-qr-dialog { box-sizing: border-box; width: 100%; max-width: 360px; max-height: 100%; overflow-y: auto; padding: 20px; border-radius: 16px; background: #16202f; border: 1px solid #2b3a4f; color: #e6edf3; text-align: center; font-size: 16px; line-height: 1.4; }
.pp-qr-dialog .pp-qr-title { margin: 0 0 4px; padding: 0; font-size: 20px; line-height: 1.25; font-weight: 700; color: #ffffff; }
.pp-qr-dialog .pp-qr-sub { margin: 0 0 12px; padding: 0; font-size: 14px; color: #c3cfdc; overflow-wrap: anywhere; }
.pp-qr-dialog .pp-qr-frame { margin: 0 auto; width: 100%; max-width: 260px; }   /* never wider than the dialog (a clipped code may not scan) */
.pp-qr-dialog .pp-qr-canvas { display: block; width: 100%; height: auto; border-radius: 8px; image-rendering: pixelated; }
.pp-qr-dialog .pp-qr-msg { margin: 8px 0 0; padding: 0; font-size: 14px; color: #c3cfdc; }
.pp-qr-dialog .pp-qr-msg:empty { display: none; }
.pp-qr-dialog .pp-qr-link { margin: 10px 0 0; padding: 0; font-size: 15px; font-weight: 600; color: #04CE78; overflow-wrap: anywhere; }
.pp-qr-dialog .pp-qr-row { display: flex; gap: 10px; justify-content: center; margin-top: 16px; }
.pp-qr-dialog .pp-qr-row button { height: auto; min-height: 44px; min-width: 44px; flex: 1 1 0; padding: 0 14px; margin: 0; border-radius: 10px; border: 1px solid #2b3a4f; background: #0f1623; color: #e6edf3; font: inherit; font-size: 15px; font-weight: 600; line-height: 1.2; letter-spacing: normal; text-transform: none; cursor: pointer; transition: none; }
.pp-qr-dialog .pp-qr-row .pp-qr-save { background: #04CE78; border-color: #04CE78; color: #0f1623; }
.pp-qr-dialog .pp-qr-row button:hover, .pp-qr-dialog .pp-qr-row button:focus-visible { border-color: #04CE78; outline: 2px solid #04CE78; outline-offset: 2px; }
.pp-qr-dialog .pp-qr-row button:disabled { opacity: .55; cursor: default; }