/**
 * Live preview in the block editor, without breaking selection / toolbar.
 */

.calcal-block-editor {
	position: relative;
	min-height: 48px;
}

.calcal-block-preview {
	position: relative;
	width: 100%;
	max-width: 100%;
}

.calcal-block-preview .calcalpro_wrapper,
.calcal-block-preview .calorie_calculator_chart {
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
}

.calcal-block-preview .calorie_calculator_chart table,
.calcal-block-preview table.dataTable {
	width: 100% !important;
}

/* Hit-area on top of the form: selects the block; form itself is not interactive. */
.calcal-block-overlay {
	position: absolute;
	inset: 0;
	z-index: 5;
	cursor: pointer;
	background: transparent;
}

.calcal-block-preview .components-disabled {
	opacity: 1;
}

/* Keep inactive unit pane hidden without front-end JS. */
.calcal-block-preview .calorie_calculator_general .both_units.calcal_tab:not(.calcal_tab_open),
.editor-styles-wrapper .calorie_calculator_general .both_units.calcal_tab:not(.calcal_tab_open),
.block-editor-block-list__block .calorie_calculator_general .both_units.calcal_tab:not(.calcal_tab_open) {
	display: none !important;
}

.calcal-block-preview .calorie_calculator_general .calcal_tab_open,
.editor-styles-wrapper .calorie_calculator_general .calcal_tab_open,
.block-editor-block-list__block .calorie_calculator_general .calcal_tab_open {
	display: block !important;
}

/*
 * Plain HTML — unit nav + one pane at a time (plain.css may miss the iframe).
 */
.calcal-block-preview .calorie_calculator_plain .calcal_unit_nav ul.tab_header_container,
.editor-styles-wrapper .calorie_calculator_plain .calcal_unit_nav ul.tab_header_container,
.block-editor-block-list__block .calorie_calculator_plain .calcal_unit_nav ul.tab_header_container {
	display: flex !important;
	flex-wrap: wrap;
	gap: 0.75rem;
	margin: 0 0 1rem !important;
	padding: 0 !important;
	list-style: none !important;
}

.calcal-block-preview .calorie_calculator_plain .calcal_unit_nav ul.tab_header_container > li,
.editor-styles-wrapper .calorie_calculator_plain .calcal_unit_nav ul.tab_header_container > li,
.block-editor-block-list__block .calorie_calculator_plain .calcal_unit_nav ul.tab_header_container > li {
	list-style: none !important;
	margin: 0;
}

.calcal-block-preview .calorie_calculator_plain .calcal_unit_nav ul.tab_header_container > li::before,
.calcal-block-preview .calorie_calculator_plain .calcal_unit_nav ul.tab_header_container > li::marker,
.editor-styles-wrapper .calorie_calculator_plain .calcal_unit_nav ul.tab_header_container > li::before,
.editor-styles-wrapper .calorie_calculator_plain .calcal_unit_nav ul.tab_header_container > li::marker,
.block-editor-block-list__block .calorie_calculator_plain .calcal_unit_nav ul.tab_header_container > li::before,
.block-editor-block-list__block .calorie_calculator_plain .calcal_unit_nav ul.tab_header_container > li::marker {
	content: none !important;
	display: none !important;
}

.calcal-block-preview .calorie_calculator_plain .calcal_tab:not(.calcal_tab_open),
.editor-styles-wrapper .calorie_calculator_plain .calcal_tab:not(.calcal_tab_open),
.block-editor-block-list__block .calorie_calculator_plain .calcal_tab:not(.calcal_tab_open) {
	display: none !important;
}

.calcal-block-preview .calorie_calculator_plain .calcal_tab.calcal_tab_open,
.editor-styles-wrapper .calorie_calculator_plain .calcal_tab.calcal_tab_open,
.block-editor-block-list__block .calorie_calculator_plain .calcal_tab.calcal_tab_open {
	display: block !important;
}

.calcal-block-preview .calorie_calculator_plain .height_feet_inch,
.editor-styles-wrapper .calorie_calculator_plain .height_feet_inch,
.block-editor-block-list__block .calorie_calculator_plain .height_feet_inch {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5em;
	width: 100%;
}

.calcal-block-preview .calorie_calculator_plain .height_feet_inch > input,
.editor-styles-wrapper .calorie_calculator_plain .height_feet_inch > input,
.block-editor-block-list__block .calorie_calculator_plain .height_feet_inch > input {
	flex: 1 1 6rem;
	width: auto !important;
	max-width: 100%;
	box-sizing: border-box;
}

.calcal-block-preview .calorie_calculator_plain .calorie_calculator_form > div,
.calcal-block-preview .calorie_calculator_plain .calorie_calculator_form > p,
.editor-styles-wrapper .calorie_calculator_plain .calorie_calculator_form > div,
.editor-styles-wrapper .calorie_calculator_plain .calorie_calculator_form > p {
	margin: 0 0 0.85em;
}

.calcal-block-preview .calorie_calculator_plain label,
.editor-styles-wrapper .calorie_calculator_plain label {
	display: block;
	margin-bottom: 0.25em;
}

.calcal-block-preview .calorie_calculator_general ul.tab_header_container li a,
.calcal-block-preview .calorie_calculator_general ul.tab_header_container li span {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 50px;
	position: relative;
	z-index: 2;
}

.calcal-block-preview .calorie_calculator_general ul.tab_header_container li.calcal_tab_active a,
.calcal-block-preview .calorie_calculator_general ul.tab_header_container li.calcal_tab_active span {
	color: #fff;
}

/*
 * Modern preview: keep field gaps/padding aligned with the front end.
 * Editor canvas + .full_width { height: 50px } otherwise clips Gender / choice rows.
 */
.calcal-block-preview .calorie_calculator_general .calcal_tab form > div,
.editor-styles-wrapper .calorie_calculator_general .calcal_tab form > div {
	margin-top: 0.5em !important;
	margin-bottom: 0.5em !important;
}

.calcal-block-preview .calorie_calculator_general .calcal-float-field--choice,
.calcal-block-preview .calorie_calculator_general .gender_field_wrapper.calcal-float-field,
.editor-styles-wrapper .calorie_calculator_general .calcal-float-field--choice,
.editor-styles-wrapper .calorie_calculator_general .gender_field_wrapper.calcal-float-field {
	height: auto !important;
	min-height: 52px !important;
	max-height: none !important;
	padding-top: 1.15em !important;
	padding-bottom: 0.65em !important;
	align-items: center !important;
	box-sizing: border-box !important;
}

.calcal-block-preview .calorie_calculator_general .calcal-float-field.is-filled > input,
.calcal-block-preview .calorie_calculator_general .calcal-float-field.is-focused > input,
.editor-styles-wrapper .calorie_calculator_general .calcal-float-field.is-filled > input,
.editor-styles-wrapper .calorie_calculator_general .calcal-float-field.is-focused > input {
	padding-top: 1.15em !important;
	padding-bottom: 0.4em !important;
}

.calcal-block-preview .calorie_calculator_general .calcal-float-field.is-filled .calcalpro-custom-select-trigger,
.calcal-block-preview .calorie_calculator_general .calcal-float-field.is-focused .calcalpro-custom-select-trigger,
.editor-styles-wrapper .calorie_calculator_general .calcal-float-field.is-filled .calcalpro-custom-select-trigger,
.editor-styles-wrapper .calorie_calculator_general .calcal-float-field.is-focused .calcalpro-custom-select-trigger {
	padding-top: 1.15em !important;
	padding-bottom: 0.55em !important;
	height: 52px !important;
	min-height: 52px !important;
	line-height: 1.25 !important;
	align-items: flex-end;
	box-sizing: border-box !important;
}

/*
 * Card style (bootstrap-general) — editor fallback when skin CSS is late/missing.
 * Keeps unit tabs and panes readable beside multi-step Form Flow.
 */
.calcal-block-preview .calorie_calculator_bootstrap,
.editor-styles-wrapper .calorie_calculator_bootstrap,
.block-editor-block-list__block .calorie_calculator_bootstrap {
	box-sizing: border-box !important;
	max-width: 100%;
	border: 1px solid #d9dee3 !important;
	border-radius: 12px !important;
	background: #fff !important;
	padding: 0.75rem !important;
}

.calcal-block-preview .calorie_calculator_bootstrap .nav-tabs,
.editor-styles-wrapper .calorie_calculator_bootstrap .nav-tabs,
.block-editor-block-list__block .calorie_calculator_bootstrap .nav-tabs {
	display: flex !important;
	list-style: none !important;
	margin: 0 0 0.75rem !important;
	padding: 0 !important;
	border-bottom: 1px solid #d9dee3 !important;
}

.calcal-block-preview .calorie_calculator_bootstrap .nav-tabs > li,
.editor-styles-wrapper .calorie_calculator_bootstrap .nav-tabs > li,
.block-editor-block-list__block .calorie_calculator_bootstrap .nav-tabs > li {
	flex: 1;
	list-style: none !important;
	margin: 0 0 -1px !important;
}

.calcal-block-preview .calorie_calculator_bootstrap .nav-tabs > li::before,
.calcal-block-preview .calorie_calculator_bootstrap .nav-tabs > li::marker,
.editor-styles-wrapper .calorie_calculator_bootstrap .nav-tabs > li::before,
.editor-styles-wrapper .calorie_calculator_bootstrap .nav-tabs > li::marker,
.block-editor-block-list__block .calorie_calculator_bootstrap .nav-tabs > li::before,
.block-editor-block-list__block .calorie_calculator_bootstrap .nav-tabs > li::marker {
	content: none !important;
	display: none !important;
}

.calcal-block-preview .calorie_calculator_bootstrap .nav-tabs > li > a,
.editor-styles-wrapper .calorie_calculator_bootstrap .nav-tabs > li > a,
.block-editor-block-list__block .calorie_calculator_bootstrap .nav-tabs > li > a {
	display: block !important;
	padding: 0.65rem 0.75rem !important;
	text-align: center;
	text-decoration: none !important;
	color: #111 !important;
	border: 1px solid transparent;
	border-radius: 12px 12px 0 0;
	background: transparent;
}

.calcal-block-preview .calorie_calculator_bootstrap .nav-tabs > li.active > a,
.calcal-block-preview .calorie_calculator_bootstrap .nav-tabs > li > a.calcal-tab-active,
.editor-styles-wrapper .calorie_calculator_bootstrap .nav-tabs > li.active > a,
.editor-styles-wrapper .calorie_calculator_bootstrap .nav-tabs > li > a.calcal-tab-active,
.block-editor-block-list__block .calorie_calculator_bootstrap .nav-tabs > li.active > a,
.block-editor-block-list__block .calorie_calculator_bootstrap .nav-tabs > li > a.calcal-tab-active {
	color: #fff !important;
	background: #20a8a8 !important;
	border-color: #20a8a8 !important;
}

.calcal-block-preview .calorie_calculator_bootstrap .tab-content,
.editor-styles-wrapper .calorie_calculator_bootstrap .tab-content,
.block-editor-block-list__block .calorie_calculator_bootstrap .tab-content {
	display: block !important;
}

.calcal-block-preview .calorie_calculator_bootstrap .tab-content > .tab-pane:not(.active):not(.calcal-pane-open),
.editor-styles-wrapper .calorie_calculator_bootstrap .tab-content > .tab-pane:not(.active):not(.calcal-pane-open),
.block-editor-block-list__block .calorie_calculator_bootstrap .tab-content > .tab-pane:not(.active):not(.calcal-pane-open) {
	display: none !important;
}

.calcal-block-preview .calorie_calculator_bootstrap .tab-content > .tab-pane.active,
.calcal-block-preview .calorie_calculator_bootstrap .tab-content > .tab-pane.in.active,
.calcal-block-preview .calorie_calculator_bootstrap .tab-content > .tab-pane.calcal-pane-open,
.editor-styles-wrapper .calorie_calculator_bootstrap .tab-content > .tab-pane.active,
.editor-styles-wrapper .calorie_calculator_bootstrap .tab-content > .tab-pane.in.active,
.editor-styles-wrapper .calorie_calculator_bootstrap .tab-content > .tab-pane.calcal-pane-open,
.block-editor-block-list__block .calorie_calculator_bootstrap .tab-content > .tab-pane.active,
.block-editor-block-list__block .calorie_calculator_bootstrap .tab-content > .tab-pane.in.active,
.block-editor-block-list__block .calorie_calculator_bootstrap .tab-content > .tab-pane.calcal-pane-open {
	display: block !important;
}

.calcal-block-preview .calorie_calculator_bootstrap input[type="text"],
.calcal-block-preview .calorie_calculator_bootstrap input[type="email"],
.calcal-block-preview .calorie_calculator_bootstrap input[type="number"],
.calcal-block-preview .calorie_calculator_bootstrap select,
.editor-styles-wrapper .calorie_calculator_bootstrap input[type="text"],
.editor-styles-wrapper .calorie_calculator_bootstrap input[type="email"],
.editor-styles-wrapper .calorie_calculator_bootstrap input[type="number"],
.editor-styles-wrapper .calorie_calculator_bootstrap select {
	display: block;
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
	padding: 0.55rem 0.7rem;
	margin-bottom: 0.65rem;
	border: 1px solid #d9dee3;
	border-radius: 12px;
	background: #fff;
}

/*
 * Classic / legacy preview — jQuery UI tabs do not initialise in the editor,
 * so reinforce a stacked field layout and hide the inactive unit pane.
 */
.calcal-block-preview .calorie_calculator_old,
.editor-styles-wrapper .calorie_calculator_old,
.block-editor-block-list__block .calorie_calculator_old {
	box-sizing: border-box;
}

/*
 * Unit header: Gutenberg list / block-gap styles shove the two tabs to
 * opposite ends. Force a continuous 50/50 bar like the front end.
 */
.calcal-block-preview .calorie_calculator_tabs.calorie_calculator_old > ul,
.calcal-block-preview .calorie_calculator_old > ul.ui-tabs-nav,
.calcal-block-preview .calorie_calculator_old.ui-tabs > ul.ui-tabs-nav,
.editor-styles-wrapper .calorie_calculator_tabs.calorie_calculator_old > ul,
.editor-styles-wrapper .calorie_calculator_old > ul.ui-tabs-nav,
.editor-styles-wrapper .calorie_calculator_old.ui-tabs > ul.ui-tabs-nav,
.block-editor-block-list__block .calorie_calculator_tabs.calorie_calculator_old > ul,
.block-editor-block-list__block .calorie_calculator_old > ul.ui-tabs-nav,
.block-editor-block-list__block .calorie_calculator_old.ui-tabs > ul.ui-tabs-nav {
	list-style: none !important;
	display: flex !important;
	flex-direction: row !important;
	flex-wrap: nowrap !important;
	justify-content: flex-start !important;
	align-items: stretch !important;
	gap: 0 !important;
	row-gap: 0 !important;
	column-gap: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	width: 100% !important;
	max-width: 100% !important;
	border: 0 !important;
	border-bottom: 1px solid #d0d0d0 !important;
	border-radius: 0 !important;
	background: #f0f0f0 !important;
	box-shadow: none !important;
}

.calcal-block-preview .calorie_calculator_tabs.calorie_calculator_old > ul > li,
.calcal-block-preview .calorie_calculator_old > ul.ui-tabs-nav > li,
.calcal-block-preview .calorie_calculator_old.ui-tabs > ul.ui-tabs-nav > li,
.editor-styles-wrapper .calorie_calculator_tabs.calorie_calculator_old > ul > li,
.editor-styles-wrapper .calorie_calculator_old > ul.ui-tabs-nav > li,
.editor-styles-wrapper .calorie_calculator_old.ui-tabs > ul.ui-tabs-nav > li,
.block-editor-block-list__block .calorie_calculator_tabs.calorie_calculator_old > ul > li,
.block-editor-block-list__block .calorie_calculator_old > ul.ui-tabs-nav > li,
.block-editor-block-list__block .calorie_calculator_old.ui-tabs > ul.ui-tabs-nav > li {
	list-style: none !important;
	float: none !important;
	display: flex !important;
	flex: 1 1 0 !important;
	width: auto !important;
	max-width: none !important;
	min-width: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	padding-left: 0 !important;
	border: 0 !important;
	border-right: 1px solid #d0d0d0 !important;
	border-radius: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	position: relative;
}

.calcal-block-preview .calorie_calculator_tabs.calorie_calculator_old > ul > li:last-child,
.calcal-block-preview .calorie_calculator_old > ul.ui-tabs-nav > li:last-child,
.editor-styles-wrapper .calorie_calculator_tabs.calorie_calculator_old > ul > li:last-child,
.editor-styles-wrapper .calorie_calculator_old > ul.ui-tabs-nav > li:last-child,
.block-editor-block-list__block .calorie_calculator_tabs.calorie_calculator_old > ul > li:last-child,
.block-editor-block-list__block .calorie_calculator_old > ul.ui-tabs-nav > li:last-child {
	border-right: 0 !important;
}

.calcal-block-preview .calorie_calculator_tabs.calorie_calculator_old > ul > li::before,
.calcal-block-preview .calorie_calculator_tabs.calorie_calculator_old > ul > li::after,
.calcal-block-preview .calorie_calculator_tabs.calorie_calculator_old > ul > li::marker,
.calcal-block-preview .calorie_calculator_old > ul.ui-tabs-nav > li::before,
.calcal-block-preview .calorie_calculator_old > ul.ui-tabs-nav > li::after,
.calcal-block-preview .calorie_calculator_old > ul.ui-tabs-nav > li::marker,
.editor-styles-wrapper .calorie_calculator_tabs.calorie_calculator_old > ul > li::before,
.editor-styles-wrapper .calorie_calculator_tabs.calorie_calculator_old > ul > li::after,
.editor-styles-wrapper .calorie_calculator_tabs.calorie_calculator_old > ul > li::marker,
.editor-styles-wrapper .calorie_calculator_old > ul.ui-tabs-nav > li::before,
.editor-styles-wrapper .calorie_calculator_old > ul.ui-tabs-nav > li::after,
.editor-styles-wrapper .calorie_calculator_old > ul.ui-tabs-nav > li::marker,
.block-editor-block-list__block .calorie_calculator_tabs.calorie_calculator_old > ul > li::before,
.block-editor-block-list__block .calorie_calculator_tabs.calorie_calculator_old > ul > li::after,
.block-editor-block-list__block .calorie_calculator_tabs.calorie_calculator_old > ul > li::marker,
.block-editor-block-list__block .calorie_calculator_old > ul.ui-tabs-nav > li::before,
.block-editor-block-list__block .calorie_calculator_old > ul.ui-tabs-nav > li::after,
.block-editor-block-list__block .calorie_calculator_old > ul.ui-tabs-nav > li::marker {
	content: none !important;
	display: none !important;
	width: 0 !important;
	height: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	background: none !important;
}

.calcal-block-preview .calorie_calculator_tabs.calorie_calculator_old > ul > li > a,
.calcal-block-preview .calorie_calculator_old > ul.ui-tabs-nav > li > a,
.editor-styles-wrapper .calorie_calculator_tabs.calorie_calculator_old > ul > li > a,
.editor-styles-wrapper .calorie_calculator_old > ul.ui-tabs-nav > li > a,
.block-editor-block-list__block .calorie_calculator_tabs.calorie_calculator_old > ul > li > a,
.block-editor-block-list__block .calorie_calculator_old > ul.ui-tabs-nav > li > a {
	display: block !important;
	flex: 1 1 auto !important;
	width: 100% !important;
	box-sizing: border-box !important;
	padding: 0.7em 0.85em !important;
	margin: 0 !important;
	border: 0 !important;
	border-radius: 0 !important;
	text-align: center !important;
	text-decoration: none !important;
	font-weight: 600 !important;
	font-size: 0.92em !important;
	color: #555 !important;
	background: transparent !important;
	box-shadow: none !important;
	white-space: nowrap !important;
}

/* Selected / default-first tab — white sheet into the form panel. */
.calcal-block-preview .calorie_calculator_tabs.calorie_calculator_old:not(.ui-tabs) > ul > li:first-child,
.calcal-block-preview .calorie_calculator_old > ul.ui-tabs-nav > li.ui-tabs-active,
.calcal-block-preview .calorie_calculator_old > ul.ui-tabs-nav > li.ui-state-active,
.editor-styles-wrapper .calorie_calculator_tabs.calorie_calculator_old:not(.ui-tabs) > ul > li:first-child,
.editor-styles-wrapper .calorie_calculator_old > ul.ui-tabs-nav > li.ui-tabs-active,
.editor-styles-wrapper .calorie_calculator_old > ul.ui-tabs-nav > li.ui-state-active,
.block-editor-block-list__block .calorie_calculator_tabs.calorie_calculator_old:not(.ui-tabs) > ul > li:first-child,
.block-editor-block-list__block .calorie_calculator_old > ul.ui-tabs-nav > li.ui-tabs-active,
.block-editor-block-list__block .calorie_calculator_old > ul.ui-tabs-nav > li.ui-state-active {
	background: #fff !important;
	border-bottom: 0 !important;
	z-index: 1;
}

.calcal-block-preview .calorie_calculator_tabs.calorie_calculator_old:not(.ui-tabs) > ul > li:first-child > a,
.calcal-block-preview .calorie_calculator_old > ul.ui-tabs-nav > li.ui-tabs-active > a,
.calcal-block-preview .calorie_calculator_old > ul.ui-tabs-nav > li.ui-state-active > a,
.editor-styles-wrapper .calorie_calculator_tabs.calorie_calculator_old:not(.ui-tabs) > ul > li:first-child > a,
.editor-styles-wrapper .calorie_calculator_old > ul.ui-tabs-nav > li.ui-tabs-active > a,
.editor-styles-wrapper .calorie_calculator_old > ul.ui-tabs-nav > li.ui-state-active > a,
.block-editor-block-list__block .calorie_calculator_tabs.calorie_calculator_old:not(.ui-tabs) > ul > li:first-child > a,
.block-editor-block-list__block .calorie_calculator_old > ul.ui-tabs-nav > li.ui-tabs-active > a,
.block-editor-block-list__block .calorie_calculator_old > ul.ui-tabs-nav > li.ui-state-active > a {
	color: #111 !important;
	background: #fff !important;
}

.calcal-block-preview .calorie_calculator_tabs.calorie_calculator_old:not(.ui-tabs) > div[id^="tabs-"] ~ div[id^="tabs-"],
.editor-styles-wrapper .calorie_calculator_tabs.calorie_calculator_old:not(.ui-tabs) > div[id^="tabs-"] ~ div[id^="tabs-"],
.block-editor-block-list__block .calorie_calculator_tabs.calorie_calculator_old:not(.ui-tabs) > div[id^="tabs-"] ~ div[id^="tabs-"] {
	display: none !important;
}

.calcal-block-preview .calorie_calculator_old label,
.editor-styles-wrapper .calorie_calculator_old label {
	display: block !important;
	width: 100%;
	margin: 0 0 0.3em;
	box-sizing: border-box;
}

/*
 * Stack classic field wrappers in the editor — but never force multi-step
 * panels visible (that was showing every step at once in the preview).
 */
.calcal-block-preview .calorie_calculator_old form > div:not(.calcal-form-step):not(.calcal-form-steps-progress):not(.calcal-form-step-nav):not(.calcal-form-step-alert),
.calcal-block-preview .calorie_calculator_old div[id^="tabs-"] > form > div:not(.calcal-form-step):not(.calcal-form-steps-progress):not(.calcal-form-step-nav):not(.calcal-form-step-alert),
.editor-styles-wrapper .calorie_calculator_old form > div:not(.calcal-form-step):not(.calcal-form-steps-progress):not(.calcal-form-step-nav):not(.calcal-form-step-alert) {
	display: block;
	width: 100%;
	margin: 0 0 0.65em;
	box-sizing: border-box;
}

.calcal-block-preview .calorie_calculator_old .calcal-form-flow-multi_step .calcal-form-step:not(.is-active),
.editor-styles-wrapper .calorie_calculator_old .calcal-form-flow-multi_step .calcal-form-step:not(.is-active),
.block-editor-block-list__block .calorie_calculator_old .calcal-form-flow-multi_step .calcal-form-step:not(.is-active) {
	display: none !important;
}

.calcal-block-preview .calorie_calculator_old .calcal-form-flow-multi_step .calcal-form-step.is-active,
.editor-styles-wrapper .calorie_calculator_old .calcal-form-flow-multi_step .calcal-form-step.is-active,
.block-editor-block-list__block .calorie_calculator_old .calcal-form-flow-multi_step .calcal-form-step.is-active {
	display: block !important;
}

.calcal-block-preview .calorie_calculator_old .calcal-form-flow-multi_step .calcal-form-step-nav,
.editor-styles-wrapper .calorie_calculator_old .calcal-form-flow-multi_step .calcal-form-step-nav,
.block-editor-block-list__block .calorie_calculator_old .calcal-form-flow-multi_step .calcal-form-step-nav {
	display: flex !important;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.65em;
	width: 100%;
	margin: 1.25em 0 0;
	padding: 1em 0 0.35em;
	border-top: 1px solid #d0d0d0;
	box-sizing: border-box;
}

.calcal-block-preview .calorie_calculator_old input[type="text"],
.calcal-block-preview .calorie_calculator_old input[type="email"],
.calcal-block-preview .calorie_calculator_old input[type="number"],
.calcal-block-preview .calorie_calculator_old input[type="submit"],
.calcal-block-preview .calorie_calculator_old select,
.editor-styles-wrapper .calorie_calculator_old input[type="text"],
.editor-styles-wrapper .calorie_calculator_old input[type="email"],
.editor-styles-wrapper .calorie_calculator_old input[type="number"],
.editor-styles-wrapper .calorie_calculator_old input[type="submit"],
.editor-styles-wrapper .calorie_calculator_old select {
	display: block;
	width: 100% !important;
	max-width: 100% !important;
	box-sizing: border-box;
}

.calcal-block-preview .calorie_calculator_old .height_feet_inch,
.editor-styles-wrapper .calorie_calculator_old .height_feet_inch {
	display: flex;
	gap: 0.5em;
	width: 100%;
}

.calcal-block-preview .calorie_calculator_old .height_feet_inch > input,
.editor-styles-wrapper .calorie_calculator_old .height_feet_inch > input {
	flex: 1 1 50%;
	width: auto !important;
}

/*
 * WordPress admin paints checked radios with a blue ::before dot.
 * Classic field padding on all inputs was skewing that into a “moon”.
 * Reset to a normal radio in the editor preview.
 */
.calcal-block-preview .calorie_calculator_old input[type="radio"],
.calcal-block-preview .calorie_calculator_old input[type="checkbox"],
.editor-styles-wrapper .calorie_calculator_old input[type="radio"],
.editor-styles-wrapper .calorie_calculator_old input[type="checkbox"] {
	appearance: auto;
	-webkit-appearance: auto;
	display: inline-block;
	width: 1em !important;
	height: 1em !important;
	min-width: 0 !important;
	min-height: 0 !important;
	margin: 0 0.35em 0 0;
	padding: 0 !important;
	border: initial !important;
	border-radius: 0 !important;
	background: none !important;
	box-shadow: none !important;
	vertical-align: middle;
}

.calcal-block-preview .calorie_calculator_old input[type="radio"]::before,
.calcal-block-preview .calorie_calculator_old input[type="radio"]::after,
.calcal-block-preview .calorie_calculator_old input[type="checkbox"]::before,
.calcal-block-preview .calorie_calculator_old input[type="checkbox"]::after,
.editor-styles-wrapper .calorie_calculator_old input[type="radio"]::before,
.editor-styles-wrapper .calorie_calculator_old input[type="radio"]::after,
.editor-styles-wrapper .calorie_calculator_old input[type="checkbox"]::before,
.editor-styles-wrapper .calorie_calculator_old input[type="checkbox"]::after {
	content: none !important;
	display: none !important;
}