/* "I'm going" widget (Jon 10-29), see rsvp.js. Inherits colour, so it works on the paper calendar and on the fire. */
.rsvp{display:flex;flex-direction:column;align-items:inherit;gap:.45rem;transition:opacity .2s}
.rsvp:empty{display:none}
.rsvp.busy{opacity:.55;pointer-events:none}
.rsvp p{margin:0}
.rsvp-count{font:700 .95rem/1.2 var(--hand);text-transform:uppercase;letter-spacing:.05em}
.rsvp-me{font:700 1.05rem/1.2 var(--hand);text-transform:uppercase;letter-spacing:.05em}
.rsvp-ok{font:600 .95rem/1.35 var(--sans)}
.rsvp-msg{font:600 .9rem/1.35 var(--sans)}
.rsvp-msg:empty{display:none}
.rsvp-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:inherit;gap:.4rem 1.1rem}
.rsvp .linkbtn{border:0;background:none;padding:.2rem 0;color:inherit;font:700 .95rem/1.2 var(--hand);text-transform:uppercase;letter-spacing:.05em;
  text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.rsvp-form{display:grid;gap:.55rem;width:min(100%,19rem);text-align:left}
.rsvp-form input{font:400 1rem/1.3 var(--sans);color:inherit;background:rgba(255,255,255,.12);border:1.5px solid currentColor;border-radius:10px;padding:.6rem .75rem;width:100%;box-sizing:border-box}
.rsvp-form input::placeholder{color:inherit;opacity:.6}
.rsvp-form input:focus{outline:2px solid #E2531E;outline-offset:1px}
.rsvp-n{display:flex;align-items:center;gap:.6rem;font:600 .95rem/1 var(--sans)}
.rsvp-n span{margin-right:auto}
.rsvp-n button{width:2.2rem;height:2.2rem;border-radius:50%;border:1.5px solid currentColor;background:transparent;color:inherit;font:700 1.15rem/1 var(--sans);cursor:pointer}
.rsvp-n output{min-width:1.4rem;text-align:center;font:700 1.05rem/1 var(--sans)}
.rsvp-form .rsvp-row{justify-content:flex-start}
.rsvp .btn{color:inherit}
.rsvp .rsvp-go{background:var(--ember,#C94A28);border-color:var(--ember,#C94A28);color:#F6EDD6}
.rsvp .rsvp-go:hover,.rsvp .rsvp-go:focus-visible{background:var(--spruce,#0E4A5C);border-color:var(--spruce,#0E4A5C);color:#F6EDD6}
/* calendar + fire close-up (paper cards): spruce text, ember accents */
.cal-card .rsvp,.firecopy .rsvp{color:var(--spruce)}
.cal-card .rsvp-count,.firecopy .rsvp-count{color:var(--ember)}
.cal-card .rsvp .linkbtn,.firecopy .rsvp .linkbtn{color:var(--ember)}
.cal-card .rsvp-form input,.firecopy .rsvp-form input{background:rgba(255,255,255,.55)}
.evlist .rsvp{align-items:flex-start;margin-top:.6rem;gap:.35rem}
.evlist .rsvp .btn{padding:.45rem .95rem;font-size:.9rem;border-width:2px}
.evlist .rsvp-count,.evlist .rsvp-me{font-size:.85rem}
.evlist .rsvp .linkbtn{font-size:.85rem;white-space:nowrap}
.evlist .rsvp-row{gap:.3rem .9rem}
/* centred on the fire close-up and event pages */
.firecopy .rsvp,main>.rsvp{align-items:center;text-align:center}
main>.rsvp .rsvp-count{color:#FFD9A0;text-shadow:0 0 10px rgba(255,140,40,.8)}
main>.rsvp .rsvp-form input{background:rgba(40,12,4,.45)}