/* Match browser-autofilled email/PIN fields to each template's normal form controls. */
.rsvp-form {
    --rsvp-autofill-bg: #fcfcfc;
    --rsvp-autofill-focus-bg: #ffffff;
    --rsvp-autofill-text: #2c3e50;
    --rsvp-autofill-focus-ring: 0 0 0 4px rgba(229, 179, 19, .1);
}
body[data-site-theme="dark-gold"] .rsvp-form {
    --rsvp-autofill-bg: #1b2119;
    --rsvp-autofill-focus-bg: #1b2119;
    --rsvp-autofill-text: #eee9dc;
    --rsvp-autofill-focus-ring: 0 0 0 2px #d2b57620;
}
body[data-site-theme="soft-aisle"] .rsvp-form {
    --rsvp-autofill-bg: #ffffff;
    --rsvp-autofill-focus-bg: #ffffff;
    --rsvp-autofill-text: #49566d;
    --rsvp-autofill-focus-ring: 0 0 0 0 transparent;
}
body[data-site-theme="olive-garden"] .rsvp-form {
    --rsvp-autofill-bg: #fcfbf9;
    --rsvp-autofill-focus-bg: #ffffff;
    --rsvp-autofill-text: #37372e;
    --rsvp-autofill-focus-ring: 0 0 0 0 transparent;
}
body[data-site-theme="blue-love"] .rsvp-form {
    --rsvp-autofill-bg: #f0f6fa;
    --rsvp-autofill-focus-bg: #f0f6fa;
    --rsvp-autofill-text: #23465d;
    --rsvp-autofill-focus-ring: 0 0 0 0 transparent;
}
.rsvp-form input:is(:autofill, :-webkit-autofill) {
    /* Inset paint covers the browser's forced autofill background without disabling autofill. */
    -webkit-box-shadow: 0 0 0 1000px var(--rsvp-autofill-bg) inset !important;
    box-shadow: 0 0 0 1000px var(--rsvp-autofill-bg) inset !important;
    -webkit-text-fill-color: var(--rsvp-autofill-text);
    color: var(--rsvp-autofill-text);
    caret-color: var(--rsvp-autofill-text);
}
.rsvp-form input:is(:autofill, :-webkit-autofill):focus {
    -webkit-box-shadow: 0 0 0 1000px var(--rsvp-autofill-focus-bg) inset, var(--rsvp-autofill-focus-ring) !important;
    box-shadow: 0 0 0 1000px var(--rsvp-autofill-focus-bg) inset, var(--rsvp-autofill-focus-ring) !important;
}