/* Payment reminder popup — persistent, non-dismissible, no amount, no CTA.
   Include on every page: <link rel="stylesheet" href="payment-reminder.css"> */

#pr-overlay{
  position:fixed;
  inset:0;
  background:rgba(10,10,12,0.72);
  display:flex;
  align-items:center;
  justify-content:center;
  z-index:99999;
  padding:24px;
}

#pr-card{
  --paper:#0F0D0A;
  --ink:#F3ECDD;
  --ink-soft:#B9AE97;
  --line:#8A7A4E;
  --gold:#C9A54B;
  --gold-soft:#8A7A4E;

  font-family:'Iowan Old Style','Palatino Linotype','Georgia',serif;
  background:
    radial-gradient(circle at 50% 0%, rgba(201,165,75,0.10), transparent 60%),
    var(--paper);
  color:var(--ink);
  width:100%;
  max-width:460px;
  border-radius:2px;
  padding:52px 44px 44px;
  position:relative;
  box-shadow:
    0 30px 80px rgba(0,0,0,0.55),
    0 0 0 1px rgba(201,165,75,0.35);
}

/* thin double-rule border, drawn with pseudo-elements for a printed-card feel */
#pr-card::before{
  content:"";
  position:absolute;
  inset:10px;
  border:1px solid var(--gold-soft);
  pointer-events:none;
}
#pr-card::after{
  content:"";
  position:absolute;
  inset:14px;
  border:1px solid rgba(201,165,75,0.25);
  pointer-events:none;
}

#pr-crest{
  display:flex;
  justify-content:center;
  margin-bottom:18px;
}
#pr-crest svg{
  width:34px;
  height:34px;
  opacity:0.9;
}

#pr-eyebrow{
  text-align:center;
  font-family:-apple-system,Segoe UI,Roboto,sans-serif;
  font-size:11px;
  letter-spacing:0.14em;
  color:var(--gold);
  margin-bottom:14px;
}

#pr-card h2{
  margin:0 0 20px;
  font-size:26px;
  font-weight:500;
  line-height:1.4;
  text-align:center;
  letter-spacing:0.01em;
}

#pr-rule{
  width:64px;
  height:1px;
  background:var(--gold-soft);
  margin:0 auto 22px;
}

#pr-card p{
  margin:0;
  font-size:16px;
  line-height:1.75;
  text-align:center;
  color:var(--ink-soft);
}

#pr-sign{
  margin-top:26px;
  text-align:center;
  font-style:italic;
  font-size:14px;
  color:var(--gold);
  letter-spacing:0.02em;
}

body.pr-locked{
  overflow:hidden;
}