/* Scoped adjustments for the native RSVP UI on an ordinary page. */
#sc-rsvp > .sc-rsvp-frontend__box__header,
#sc-rsvp .sc-rsvp-frontend__box__body__count,
#sc-rsvp .sc-rsvp-frontend__box__divider {
	display: none;
}

#sc-rsvp .sc-rsvp-frontend__box__body__actions,
#sc-rsvp #sc-rsvp-frontend-modal__response__default-actions:not(.sc-rsvp__hide),
#sc-rsvp #sc-rsvp-frontend-modal__response__returnee-actions {
	flex-wrap: wrap;
	gap: 12px;
}

.sugar-rsvp-embed-attendees {
	margin: 24px 0;
}

.sugar-rsvp-embed-attendees h3 {
	margin: 0 0 16px;
}

.sugar-rsvp-embed-attendees ul.sugar-rsvp-embed-attendee-list {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 12px 20px;
	list-style: none;
	margin: 0;
	padding: 0;
}

.sugar-rsvp-embed-attendee-list li {
	margin: 0;
	overflow-wrap: anywhere;
}

#sc-rsvp .sc-rsvp__btn-primary,
#sc-rsvp-frontend-modal__response .sc-rsvp__btn-primary,
#sc-rsvp-frontend-modal__verify-email .sc-rsvp__btn-primary {
	background: #37689f;
	color: #fff;
}

#sc-rsvp .sc-rsvp__btn-primary:hover,
#sc-rsvp-frontend-modal__response .sc-rsvp__btn-primary:hover,
#sc-rsvp-frontend-modal__verify-email .sc-rsvp__btn-primary:hover {
	background: #28517e;
	color: #fff;
}

#sc-rsvp .sc-rsvp-frontend-actions__already-registered,
#sc-rsvp .sc-rsvp-frontend-modal__response__returnee-actions__edit {
	color: #a11924;
}

#sc-rsvp :is(a, button):focus-visible,
#sc-rsvp-frontend-modal__response :is(a, button, input):focus-visible,
#sc-rsvp-frontend-modal__verify-email :is(a, button, input):focus-visible {
	outline: 3px solid #28517e;
	outline-offset: 3px;
}