.elementor-32579 .elementor-element.elementor-element-b3bd0e0{--display:flex;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-32579 .elementor-element.elementor-element-6a10a26{--display:flex;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-32579 .elementor-element.elementor-element-13a4390{--display:flex;}.elementor-32579 .elementor-element.elementor-element-de5a9b6{--display:flex;}/* Start custom CSS for container, class: .elementor-element-de5a9b6 *//* Contain the calculator so the dark background doesn't bleed into the page */
.wrap {
  max-width: 100% !important;
  padding: 0 !important;
}

body {
  background: transparent !important;
}

/* If embedded as an iframe, set the iframe itself to have rounded corners */
iframe[src*="logiccontrol"] {
  border-radius: 16px;
  overflow: hidden;
  display: block;
}

/* Force all text inside the calculator back to light theme */
.wrap * {
  color: inherit;
}

.wrap label,
.wrap .hint,
.wrap .suffix,
.wrap .desc,
.wrap .muted,
.wrap .section-title,
.wrap .eyebrow,
.wrap .sub,
.wrap .footer,
.wrap .num,
.wrap .kpi small,
.wrap .result small,
.wrap .benchmark-label,
.wrap .derived-display,
.wrap .reason,
.wrap .note,
.wrap .warning,
.wrap .eff-bar-label {
  color: inherit !important;
}

/* Inputs specifically — WP themes love targeting these */
.wrap input[type="number"] {
  color: #e8edf7 !important;
  background: rgba(0, 0, 0, 0.35) !important;
  -webkit-text-fill-color: #e8edf7 !important;
}

/* Autofill background hack — browsers paint this white/yellow */
.wrap input[type="number"]:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px #111827 inset !important;
  -webkit-text-fill-color: #e8edf7 !important;
}

/* Benchmark pills */
.wrap .benchmark-pill {
  color: inherit !important;
}

/* Formula button */
.wrap .formula-btn {
  color: #7dd3fc !important;
}

/* Value numbers in result cards */
.wrap .value {
  color: #e8edf7 !important;
}

.wrap .result-strong .value {
  color: transparent !important;
  background: linear-gradient(90deg, #10d9a0, #3b82f6);
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
}/* End custom CSS */