/* DataFlow Operator Documentation - Custom Styles */
/* Soft, friendly design with rounded corners and smooth transitions */

/* === Rounded corners === */
.md-typeset .admonition,
.md-typeset details {
  border-radius: 12px;
  overflow: hidden;
}

.md-typeset .admonition-title {
  border-radius: 12px 12px 0 0;
}

.md-typeset .admonition:last-child {
  margin-bottom: 1em;
}

/* === Soft shadows === */
.md-typeset .admonition {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}

[data-md-color-scheme="slate"] .md-typeset .admonition {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}

/* === Smooth transitions === */
.md-typeset a,
.md-button {
  transition: color 0.2s ease, background-color 0.2s ease, opacity 0.2s ease;
}

.md-typeset a:hover {
  opacity: 0.85;
}

.md-button:hover {
  opacity: 0.9;
}

/* === Softer admonition colors === */
.md-typeset .admonition.tip,
.md-typeset .admonition.note {
  border-left-color: var(--md-primary-fg-color);
}

.md-typeset .admonition.tip .admonition-title,
.md-typeset .admonition.note .admonition-title {
  background-color: rgba(var(--md-primary-fg-color--rgb), 0.08);
}

.md-typeset .admonition.warning .admonition-title {
  background-color: rgba(255, 193, 7, 0.15);
}

/* === Code blocks === */
.md-typeset pre > code {
  border-radius: 8px;
}

/* === Tables === */
.md-typeset table:not([class]) {
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.05);
}

[data-md-color-scheme="slate"] .md-typeset table:not([class]) {
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
}

/* === Slate theme hue adjustment === */
[data-md-color-scheme="slate"] {
  --md-hue: 210;
}

/* === Hero section styling (when used) === */
.md-hero {
  padding: 2rem 0;
  text-align: center;
}

.md-hero h1 {
  margin-bottom: 0.5em;
  font-weight: 600;
}

.md-hero p {
  font-size: 1.1em;
  opacity: 0.9;
  margin-bottom: 1.5em;
}

.md-hero .md-button {
  margin: 0 0.5em 0.5em 0;
  border-radius: 8px;
}

/* === Content area spacing === */
.md-typeset .md-content__inner {
  padding-bottom: 2rem;
}

/* === Tabbed content === */
.md-typeset .tabbed-set {
  border-radius: 8px;
  overflow: hidden;
}

.md-typeset .tabbed-labels {
  border-radius: 8px 8px 0 0;
}