/* Custom embeds own their control colors. Outrank MUI's default dark theme
   without changing controls elsewhere in the organizer or public checkout. */
html[data-custom-embed-theme="enabled"] .embed-widget .MuiButton-root.MuiButton-outlined {
  color: var(--accent);
  border-color: var(--accent);
  background: transparent;
  box-shadow: none;
}

html[data-custom-embed-theme="enabled"] .embed-widget .MuiIconButton-root {
  color: var(--accent);
  background: transparent;
  box-shadow: none;
}

html[data-custom-embed-theme="enabled"] .embed-widget :is(.MuiButton-outlined, .MuiIconButton-root):hover {
  background: color-mix(in srgb, var(--accent) 12%, var(--embed-background));
}

html[data-custom-embed-theme="enabled"] .embed-widget :is(button.primary, .MuiButton-containedPrimary) {
  background: var(--accent);
  color: var(--accent-contrast);
  border-color: var(--accent);
  box-shadow: none;
}

html[data-custom-embed-theme="enabled"] .embed-widget button:focus-visible {
  outline: 2px solid var(--accent);
  outline-offset: 3px;
}

html[data-custom-embed-theme="enabled"] .embed-widget :is(button:disabled, .Mui-disabled) {
  color: var(--text-secondary);
  background: var(--surface-soft);
  border-color: var(--border-soft);
  opacity: .6;
  box-shadow: none;
}