/* ============================================================
   13.1.5 — RSVP POLISH
   - Protects Eagle Horizon ascenders/descenders in the RSVP question.
   - Removes the decorative rule that crossed the response choice.
   - Makes both RSVP choices visibly highlighted on desktop and mobile.
   ============================================================ */

/* Remove the decorative horizontal rule entirely. */
.rsvp-question-rule{
  display:none!important;
}

/* Eagle Horizon needs more vertical room than its legacy line-height allowed. */
.rsvp-step-choice,
.rsvp-question,
.rsvp-question span,
.rsvp-question em{
  overflow:visible!important;
}

.rsvp-question{
  line-height:.90!important;
  padding:.20em .12em .28em!important;
  margin:.82rem -.12em 1.20rem!important;
  max-width:920px!important;
}

.rsvp-question span,
.rsvp-question em{
  line-height:.90!important;
  padding:.10em .10em .18em!important;
  margin:-.10em -.10em -.18em!important;
}

/* Keep the two choices clearly visible even on touch devices where hover
   cannot communicate interactivity. */
.rsvp-choice{
  border:1px solid rgba(151,119,76,.46)!important;
  background:rgba(169,140,97,.105)!important;
  color:#3d352d!important;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.34),
    0 8px 24px rgba(83,64,42,.035)!important;
}

/* Remove the old animated text underline from RSVP choices. */
.rsvp-choice span::after{
  display:none!important;
}

/* Give the option icon a deliberate accent so both rows read as choices. */
.rsvp-choice b{
  color:#9b7d55!important;
  opacity:1!important;
}

/* Retain the premium dark interaction on pointer devices. */
@media (hover:hover) and (pointer:fine){
  .rsvp-choice:hover,
  .rsvp-choice:focus-visible{
    background:#2d2924!important;
    border-color:#2d2924!important;
    color:#fff!important;
    box-shadow:0 14px 34px rgba(45,41,36,.13)!important;
  }

  .rsvp-choice:hover b,
  .rsvp-choice:focus-visible b{
    color:#d7bd92!important;
  }
}

/* Touch feedback: no sticky hover state, just a clean press response. */
@media (hover:none), (pointer:coarse){
  .rsvp-choice:hover{
    background:rgba(169,140,97,.105)!important;
    border-color:rgba(151,119,76,.46)!important;
    color:#3d352d!important;
  }

  .rsvp-choice:active{
    background:rgba(169,140,97,.18)!important;
    border-color:rgba(151,119,76,.62)!important;
    transform:scale(.992)!important;
  }
}

/* Mobile: preserve the large editorial scale but give every flourish room. */
@media (max-width:680px){
  .rsvp-step-choice{
    padding-left:2px!important;
    padding-right:2px!important;
  }

  .rsvp-question{
    font-size:15.2vw!important;
    line-height:.94!important;
    max-width:none!important;
    width:calc(100% + 12px)!important;
    padding:.24em .14em .34em!important;
    margin:.65rem -6px .95rem!important;
  }

  .rsvp-question span,
  .rsvp-question em{
    line-height:.94!important;
    padding:.12em .12em .22em!important;
    margin:-.12em -.12em -.22em!important;
  }

  .rsvp-choice{
    min-height:74px!important;
    padding:0 18px!important;
  }
}

@media (max-width:390px){
  .rsvp-question{
    font-size:14.7vw!important;
  }
}

@media (prefers-reduced-motion:reduce){
  .rsvp-choice{
    transition:none!important;
  }
}