/* WeddingOS — hero RSVP status + stable in-card scroll hint. */
.hero-card .wos-rsvp-status{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  max-width:100%;
  margin:0 auto 18px;
  padding:10px 15px;
  border:1px solid transparent;
  border-radius:999px;
  font:700 .72rem/1.25 Manrope,Arial,sans-serif;
  letter-spacing:.055em;
  text-transform:uppercase;
  box-shadow:0 10px 28px rgba(65,73,61,.12);
}
.wos-rsvp-status__dot{width:9px;height:9px;border-radius:50%;flex:0 0 auto;background:currentColor;box-shadow:0 0 0 4px color-mix(in srgb,currentColor 13%,transparent)}
.wos-rsvp-status.is-confirmed{color:#fffaf1;background:#526b4d;border-color:#465e42;box-shadow:0 10px 28px rgba(82,107,77,.2)}
.wos-rsvp-status.is-pending{color:#fffaf1;background:#9a682d;border-color:#875a26;box-shadow:0 10px 30px rgba(154,104,45,.24)}
.wos-rsvp-status.is-declined{color:#fffaf1;background:#7d6259;border-color:#6c544c}
.wos-rsvp-status.is-closed{color:#455340;background:#d7ddd2;border-color:#a7b2a2}
.wos-rsvp-status.is-upcoming{color:#455340;background:#d7e1d3;border-color:#9fad99}

/* Keep the discovery cue fully inside the hero card at every viewport height. */
.hero-card.wos-hint-inside .scroll-hint{
  position:relative!important;
  inset:auto!important;
  left:auto!important;
  right:auto!important;
  top:auto!important;
  bottom:auto!important;
  transform:none!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:5px!important;
  width:max-content!important;
  max-width:100%!important;
  margin:26px auto 0!important;
  padding:8px 14px 9px!important;
  border-radius:999px!important;
  color:#66785f!important;
  background:rgba(235,240,231,.82)!important;
  border:1px solid rgba(103,124,96,.22)!important;
  font-size:.68rem!important;
  letter-spacing:.16em!important;
  line-height:1.25!important;
  white-space:nowrap!important;
  text-align:center!important;
  z-index:2!important;
  animation:none!important;
  pointer-events:none!important;
}
.hero-card.wos-hint-inside .scroll-hint::after{
  content:'↓'!important;
  position:static!important;
  inset:auto!important;
  display:block!important;
  width:auto!important;
  height:auto!important;
  margin:0!important;
  background:none!important;
  color:#718469!important;
  font:600 .95rem/1 Manrope,Arial,sans-serif!important;
  animation:wos-scroll-cue 1.8s ease-in-out infinite!important;
}
@keyframes wos-scroll-cue{0%,100%{transform:translateY(0);opacity:.55}50%{transform:translateY(3px);opacity:1}}

.hero-actions .wos-ticket-jump{
  background:linear-gradient(135deg,#4f6b4b,#76906f)!important;
  color:#fffaf1!important;
  border-color:transparent!important;
  box-shadow:0 12px 30px rgba(79,107,75,.18)!important;
}
.hero-actions .wos-ticket-jump::before{content:'▣';font-size:.85em}
#rsvp-access-qr,#rsvp{scroll-margin-top:22px}

@media(max-width:600px){
  .hero-card .wos-rsvp-status{font-size:.66rem;padding:9px 12px;margin-bottom:15px;letter-spacing:.04em}
  .hero-card.wos-hint-inside .scroll-hint{font-size:.61rem!important;letter-spacing:.13em!important;margin-top:22px!important;padding:7px 11px 8px!important;white-space:normal!important}
  .hero-actions .wos-ticket-jump{width:100%}
}
@media(prefers-reduced-motion:reduce){.hero-card.wos-hint-inside .scroll-hint::after{animation:none!important}}