/* GF 3 markup bridge to the immutable Pepti 0.3.0 field and button slots. */
.gform_wrapper.gform-theme.gform-theme--framework[data-form-theme] .c-auth-registration-form .ginput_container_date .gform-datepicker-toggle {
	position: absolute;
	inline-size: var(--pepti-field-action-size);
	block-size: var(--pepti-field-action-size);
	display: flex;
	align-items: center;
	justify-content: center;
	inset-inline-start: auto;
	inset-inline-end: var(--pepti-field-action-offset);
	inset-block-start: var(--pepti-field-action-offset);
	transform: none !important;
	margin: 0 !important;
	z-index: 1;
}
.pepti-gf-datepicker-root {
	--pepti-gf-calendar-gap: var(--pepti-size-space-xxs);
}
.pepti-gf-datepicker-root .gform-datepicker-calendar {
	position: fixed;
	inset: auto;
	transform: none;
	margin: 0;
	overflow: auto;
	background: var(--pepti-color-field-surface-base);
	border: 1px solid var(--pepti-color-field-border-strong);
	border-radius: var(--pepti-select-popup-radius);
	box-shadow: none;
}
.gform_wrapper.gform-theme.gform-theme--framework[data-form-theme] button.c-button.gform_button,
.gform_wrapper.gform-theme.gform-theme--framework[data-form-theme] button.c-button.gform_next_button,
.gform_wrapper.gform-theme.gform-theme--framework[data-form-theme] button.c-button.gform_previous_button {
	background: var(--pepti-button-surface) !important;
	color: var(--pepti-button-content) !important;
	border: var(--pepti-button-border-width) solid var(--pepti-button-border) !important;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: var(--pepti-size-radius-button) !important;
	font-family: var(--pepti-button-font-family) !important;
	font-size: var(--pepti-button-font-size) !important;
	font-weight: var(--pepti-button-font-weight) !important;
	line-height: var(--pepti-button-line-height) !important;
	min-block-size: var(--pepti-button-block-size) !important;
	padding: calc(var(--pepti-button-padding-block) - var(--pepti-button-border-width)) calc(var(--pepti-button-padding-inline) - var(--pepti-button-border-width)) !important;
}
.gform_wrapper.gform-theme.gform-theme--framework[data-form-theme] .c-auth-registration-form .gform_footer button.gform_button {
	inline-size: 100%;
	max-inline-size: none;
}
/* The portal omits gform_wrapper so Pepti leaves calendar selects native. */
.pepti-gf-datepicker-root.gform-theme--framework .gform-datepicker-calendar .nav.btn:is(.prev, .next)::before {
	content: var(--gf-local-content);
	color: var(--gf-ctrl-icon-color);
}

.pepti-gf-datepicker-root .gform-datepicker-calendar {
	--gf-ctrl-date-picker-cell-content-bg-color-selected: var(--pepti-color-field-action-surface-accent);
	--gf-ctrl-date-picker-cell-content-color-selected: var(--pepti-color-field-action-content-on-strong);
}
.pepti-gf-datepicker-root .gform-datepicker-calendar {
	--gf-ctrl-date-picker-cell-content-border: 1px solid var(--pepti-color-field-action-surface-accent);
}
/* Keep native GF calendar metrics; bridge only field border and icon geometry. */
.pepti-gf-datepicker-root.gform-theme--framework .gform-datepicker-calendar select.nav {
	border: 1px solid var(--pepti-color-field-border-subtle);
	border-radius: var(--pepti-size-radius-input);
}
.pepti-gf-datepicker-root.gform-theme--framework .gform-datepicker-calendar .nav.btn:is(.prev, .next)::before {
	inset: 0;
	inline-size: 100%;
	block-size: 100%;
	display: grid;
	place-items: center;
	transform: none;
}
.gform_wrapper.gform-theme.gform-theme--framework[data-form-theme] button:is(.c-field-action--password, .gform-datepicker-toggle) {
	border-color: transparent !important;
	border-radius: var(--pepti-size-radius-button) !important;
	box-shadow: none !important;
}
.gform_wrapper.gform-theme.gform-theme--framework[data-form-theme] button.c-field-action--password {
	position: relative !important;
}
.gform_wrapper.gform-theme.gform-theme--framework[data-form-theme] button:is(.c-field-action--password, .gform-datepicker-toggle):is(:focus, :focus-visible) {
	outline: 2px solid var(--pepti-color-field-action-surface-accent) !important;
	outline-offset: 2px;
	box-shadow: none !important;
}
.gform_wrapper.gform-theme.gform-theme--framework[data-form-theme] button.c-field-action--password[aria-pressed='true']::after {
	color: inherit !important;
	background: currentcolor !important;
}