/* =============================================================================
 * NABU Corporate Design – Farbüberschreibungen für Alabaster Theme
 * Nur Akzente, Farben und kleine Anpassungen. Layout kommt von Alabaster.
 * =========================================================================== */

/* ---- Überschriften ---- */
div.body h1 {
  color: #003560;
  border-bottom: 2px solid #b7d6c1;
}

div.body h2 {
  color: #00508c;
  border-bottom: 1px solid #e3e2d4;
  padding-bottom: 0.35rem;
}

div.body h3 {
  color: #005e30;
}

/* ---- Links ---- */
a, div.body a { color: #0068b4; }
a:hover, div.body a:hover { color: #003560; }

/* ---- Admonitions mit NABU-Farben ---- */

/* Tipp / Hint */
div.admonition.tip,
div.admonition.hint {
  background: rgba(118, 184, 40, 0.07);
  border: 1px solid #b5d383;
}

div.admonition.tip .admonition-title,
div.admonition.hint .admonition-title {
  background: rgba(118, 184, 40, 0.12);
  color: #005e30;
}

/* Warnung */
div.admonition.warning,
div.admonition.caution {
  background: rgba(239, 124, 0, 0.06);
  border: 1px solid #f8b471;
}

div.admonition.warning .admonition-title,
div.admonition.caution .admonition-title {
  background: rgba(239, 124, 0, 0.10);
  color: #7d4200;
}

/* Danger / Error */
div.admonition.danger,
div.admonition.error {
  background: rgba(221, 5, 45, 0.05);
  border: 1px solid #eb8275;
}

div.admonition.danger .admonition-title,
div.admonition.error .admonition-title {
  background: rgba(221, 5, 45, 0.08);
  color: #74080d;
}

/* Important */
div.admonition.important {
  background: rgba(0, 129, 67, 0.06);
  border: 1px solid #63ad84;
}

div.admonition.important .admonition-title {
  background: rgba(0, 129, 67, 0.10);
  color: #003515;
}

/* ---- Code ---- */
code, div.body code {
  background: #f0f4f8;
  border: 1px solid #dbe6ef;
  color: #00508c;
  border-radius: 4px;
  padding: 1px 5px;
  font-size: 0.9em;
}

pre {
  background: #f8fafc !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 6px;
}

/* ---- Tabellen ---- */
div.body table thead th {
  background: linear-gradient(135deg, #003560, #00508c);
  color: #fff;
  font-weight: 600;
  font-size: 0.85rem;
  letter-spacing: 0.02em;
}

div.body table tbody tr:nth-child(even) {
  background: #f7f9fc;
}

/* ---- Sidebar ---- */
div.sphinxsidebar h3,
div.sphinxsidebar h4 {
  color: #003560;
}

div.sphinxsidebar p.caption {
  font-weight: 700;
  color: #003560;
  text-transform: uppercase;
  font-size: 0.8rem;
  letter-spacing: 0.06em;
}

/* ---- Screenshots (klickbar zum Vergrößern) ---- */
figure.screenshot {
  border: 1px solid #e3e2d4;
  border-radius: 6px;
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(0,0,0,0.06);
  transition: box-shadow 0.2s ease;
  cursor: zoom-in;
}

figure.screenshot:hover {
  box-shadow: 0 4px 16px rgba(0,0,0,0.12);
}

figure.screenshot img {
  display: block;
  width: 100%;
}

figure.screenshot figcaption {
  text-align: center;
  font-size: 0.8rem;
  color: #86846b;
  padding: 0.4rem;
  background: #f7f9fc;
}

/* ---- Footer ---- */
div.footer {
  color: #86846b;
  font-size: 0.85rem;
}

div.footer a {
  color: #0068b4;
}

/* ---- Grid-Cards: Bilder auf gleicher Höhe ausrichten ---- */
.sd-card-body {
  display: flex;
  flex-direction: column;
}

.sd-card-body > p:first-child {
  flex: 1 0 auto;
}