/* Isolate custom ExtractIQ controls from the WordPress theme's button states.
   Native Elementor Button widgets and the website header/footer are untouched. */
.extractiq-elementor.extractiq-elementor button,
.extractiq-elementor.extractiq-elementor button:is(:hover, :focus, :active),
.eiq-service-interaction.eiq-service-interaction button,
.eiq-service-interaction.eiq-service-interaction button:is(:hover, :focus, :active) {
  background: var(--eiq-control-bg, transparent) !important;
  background-image: none !important;
  color: var(--eiq-control-color, #142f48) !important;
  box-shadow: none !important;
  text-transform: none !important;
}
.extractiq-elementor button.btn,
.extractiq-elementor #question-form button {
  --eiq-control-bg: #087f8c;
  --eiq-control-color: #fff;
}
.extractiq-elementor button.btn:is(:hover, :focus, :active),
.extractiq-elementor #question-form button:is(:hover, :focus, :active) {
  --eiq-control-bg: #066572;
}
.extractiq-elementor button.library-tab {
  --eiq-control-color: #142f48;
  min-height: 40px;
}
.extractiq-elementor button.library-tab:is(:hover, :focus, :active),
.extractiq-elementor button.library-tab.selected {
  --eiq-control-bg: #ecf6f7;
  --eiq-control-color: #087f8c;
}
.extractiq-elementor .suggestions button,
.extractiq-elementor #followups button,
.extractiq-elementor button.citation {
  --eiq-control-bg: #fbfefe;
  --eiq-control-color: #376573;
}
.extractiq-elementor .suggestions button:is(:hover, :focus, :active),
.extractiq-elementor .suggestions button.chosen,
.extractiq-elementor #followups button:is(:hover, :focus, :active),
.extractiq-elementor button.citation:is(:hover, :focus, :active),
.extractiq-elementor button.document-row:is(:hover, :focus, :active) {
  --eiq-control-bg: #edf7f8;
  --eiq-control-color: #087f8c;
}
.extractiq-elementor dialog button.dialog-close,
.extractiq-elementor dialog button.dialog-close:is(:hover, :focus, :active) {
  --eiq-control-bg: transparent;
  --eiq-control-color: #102b45;
  box-sizing: border-box !important;
  display: grid !important;
  place-items: center;
  width: 40px !important;
  max-width: 40px !important;
  height: 40px !important;
  min-height: 0 !important;
  max-height: 40px !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 6px !important;
  font-size: 24px !important;
  line-height: 1 !important;
}
.eiq-service-interaction button.eiq-library-clear {
  --eiq-control-color: var(--eiq-accent, #087f8c);
}
.eiq-service-interaction button.eiq-library-row {
  --eiq-control-bg: #fff;
}
.eiq-service-interaction button.eiq-library-row:is(:hover, :focus, :active),
.eiq-service-interaction button.eiq-library-row[aria-pressed="true"] {
  --eiq-control-bg: #edf8f9;
}
.extractiq-elementor button:focus-visible,
.eiq-service-interaction button:focus-visible {
  outline: 2px solid #087f8c !important;
  outline-offset: 2px !important;
}
