/* wpif-mp plugin (theme-aware colors only) */
body.pagelayer-body .wpif-mp-wrap {
  color: var(--color-page-text) !important;
}

body.pagelayer-body .wpif-mp-card {
  background-color: var(--bf-wpdt-surface-bg) !important;
  border-color: var(--bf-wpdt-border) !important;
  box-shadow: var(--shadow-shadow-sm);
}

body.pagelayer-body .wpif-mp-field input,
body.pagelayer-body .wpif-mp-field select {
  border-color: var(--color-grey-blue-300) !important;
  background-color: var(--bf-wpdt-surface-bg) !important;
  color: var(--color-page-text) !important;
}

/* wpif-mp: increase contrast in light theme by using a whiter field background */
html[data-theme="light"] body.pagelayer-body .wpif-mp-field input,
html[data-theme="light"] body.pagelayer-body .wpif-mp-field select {
  background-color: var(--color-base-white) !important;
}

@media (prefers-color-scheme: light) {
  html[data-theme="system"] body.pagelayer-body .wpif-mp-field input,
  html[data-theme="system"] body.pagelayer-body .wpif-mp-field select {
    background-color: var(--color-base-white) !important;
  }
}

body.pagelayer-body .wpif-mp-btn {
  background-color: var(--color-brand-500) !important;
  color: var(--color-base-white) !important;
}

body.pagelayer-body .wpif-mp-btn.secondary {
  background-color: var(--color-grey-blue-600) !important;
}

body.pagelayer-body .wpif-mp-btn.ghost {
  background-color: var(--color-grey-blue-200) !important;
  color: var(--color-page-text) !important;
}

body.pagelayer-body .wpif-mp-kpi {
  background-color: var(--bf-pastel-blue-bg) !important;
  color: var(--color-page-text) !important;
}

body.pagelayer-body .wpif-mp-picker {
  background-color: var(--bf-wpdt-surface-bg) !important;
  border-color: var(--bf-wpdt-border) !important;
}

html[data-theme="light"] body.pagelayer-body .wpif-mp-picker {
  background-color: var(--color-base-white) !important;
}

@media (prefers-color-scheme: light) {
  html[data-theme="system"] body.pagelayer-body .wpif-mp-picker {
    background-color: var(--color-base-white) !important;
  }
}

body.pagelayer-body .wpif-mp-table th,
body.pagelayer-body .wpif-mp-table td {
  border-bottom-color: var(--bf-wpdt-border) !important;
}

body.pagelayer-body .wpif-mp-warn {
  background-color: var(--bf-pastel-yellow-bg) !important;
  border-color: var(--bf-pastel-yellow-border) !important;
  color: var(--color-page-text) !important;
}

body.pagelayer-body .wpif-mp-ok {
  background-color: var(--bf-pastel-green-bg) !important;
  border-color: var(--bf-pastel-green-border) !important;
  color: var(--color-page-text) !important;
}