/* Sticky footer navigation ------------------------------------------------- */

.md-footer {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 10;
}

.md-main {
  padding-bottom: 8rem;
}

/* Dark mode — Blender manual palette --------------------------------------- */

[data-md-color-scheme="slate"] {
  /* Header / sidebar header */
  --md-primary-fg-color:        #1a1c1e;
  --md-primary-fg-color--light: #212426;
  --md-primary-fg-color--dark:  #111315;
  --md-primary-bg-color:        #cfd0d0;

  /* Content background */
  --md-default-bg-color:        #131416;

  /* Sidebar background (slightly lighter than content) */
  --md-nav-item-color:          #cfd0d0;

  /* Text */
  --md-default-fg-color:        #cfd0d0;
  --md-default-fg-color--light: #9ca0a5;
  --md-default-fg-color--lighter: #81868d;

  /* Links / accent — Blender blue */
  --md-accent-fg-color:              #5ca5ff;
  --md-accent-fg-color--transparent: #5ca5ff26;
  --md-typeset-a-color:              #5ca5ff;

  /* Code */
  --md-code-bg-color:           #1a1c1e;
  --md-code-fg-color:           #cfd0d0;
}

/* Sidebar slightly different background in dark mode */
[data-md-color-scheme="slate"] .md-sidebar {
  background-color: #1a1c1e;
}

/* Light mode — Blender manual palette -------------------------------------- */

[data-md-color-scheme="default"] {
  /* Header */
  --md-primary-fg-color:        #f8f9fb;
  --md-primary-fg-color--light: #ffffff;
  --md-primary-fg-color--dark:  #e8eaed;
  --md-primary-bg-color:        #1a1a1a;

  /* Text */
  --md-default-fg-color:        #1a1a1a;
  --md-default-fg-color--light: #5a5c63;
  --md-default-fg-color--lighter: #6b6f76;

  /* Links / accent — Blender blue */
  --md-accent-fg-color:              #0a4bff;
  --md-accent-fg-color--transparent: #0a4bff26;
  --md-typeset-a-color:              #2757dd;

  /* Code */
  --md-code-bg-color:           #f8f9fb;
}

/* Sidebar background light mode */
[data-md-color-scheme="default"] .md-sidebar {
  background-color: #f8f9fb;
  border-right: 1px solid #e0e2e6;
}

/* Node page icon top-right ------------------------------------------------- */

.node-icon {
  float: right;
  width: 48px;
  height: 48px;
  margin: 0 0 1rem 1.5rem;
  object-fit: contain;
}

/* Node page body with floated thumbnail ------------------------------------ */

.node-body {
  overflow: hidden;
}

.node-thumb {
  float: right;
  width: 20%;
  margin: 0 0 1.5rem 1.5rem;
}

/* Socket definition lists -------------------------------------------------- */

.node-sockets {
  margin: 0.25rem 0 1.5rem;
}

.node-sockets dt {
  font-weight: 700;
  margin-top: 0.75rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.node-sockets dd {
  margin: 0.15rem 0 0 1.5rem;
  color: var(--md-default-fg-color--light);
  font-size: 0.9em;
}

.socket-dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  flex-shrink: 0;
}

.socket-panel {
  margin-top: 1rem;
  font-size: 0.78em;
  font-weight: 600;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  color: var(--md-default-fg-color--light);
  display: flex;
  align-items: center;
  gap: 0.6rem;
}

.socket-panel::after {
  content: "";
  display: block;
  width: 3rem;
  height: 1px;
  background: var(--md-default-fg-color--lighter);
}

/* Socket type colours (Blender palette) */
.sock-geometry   { background: #00d6a3; }
.sock-float      { background: #a0a0a0; }
.sock-int        { background: #598c5c; }
.sock-bool       { background: #cca0e0; }
.sock-vector     { background: #6363c7; }
.sock-color      { background: #c7c729; }
.sock-material   { background: #eb7582; }
.sock-shader     { background: #63c763; }
.sock-string     { background: #70b2ff; }
.sock-menu       { background: #888; }
.sock-image      { background: #633863; }
.sock-object     { background: #ed9e5c; }
.sock-collection { background: #f5f5f5; }
.sock-texture    { background: #7474c7; }
.sock-rotation   { background: #6363c7; }
.sock-matrix     { background: #6363c7; }
.sock-unknown    { background: #555; }

/* Sidebar section headers bold + accent ------------------------------------ */


/* Chip ----------------------------------------------------------------------*/
.breadcrumbs {
  display: inline-flex;
  align-items: center;
  padding: 3px 8px;
  border-radius: 6px;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.15);
  font-family: monospace;
  font-size: 0.85rem;
  color: #e0e0e0;
}

.breadcrumbs .step {
  padding: 0 2px;
}

.breadcrumbs .sep {
  margin: 0 6px;
  color: rgba(255, 255, 255, 0.4); 
  font-size: 0.75rem;
}
/* Chip ----------------------------------------------------------------------*/
/* Blender-style admonitions ------------------------------------------------ */

/* Shared base */
.md-typeset .admonition,
.md-typeset details {
  border: none;
  border-left: 4px solid;
  border-radius: 2px;
  box-shadow: none;
  padding: 0;
  margin: 1.2em 0;
}

.md-typeset .admonition-title,
.md-typeset summary {
  padding: 0.4em 0.8em;
  font-size: 0.85em;
  font-weight: 600;
  margin: 0;
  border-radius: 0;
}

.md-typeset .admonition > *:not(.admonition-title),
.md-typeset details > *:not(summary) {
  padding: 0.6em 0.8em;
  margin: 0;
}

/* Note — blue */
.md-typeset .admonition.note,
.md-typeset details.note {
  border-left-color: #3298d4;
}
.md-typeset .note > .admonition-title,
.md-typeset .note > summary {
  background-color: #1d4e6e;
  color: #cfd0d0;
}
.md-typeset .note > .admonition-title::before,
.md-typeset .note > summary::before {
  background-color: #5ca5ff;
}

/* Tip — green */
.md-typeset .admonition.tip,
.md-typeset details.tip {
  border-left-color: #4caf50;
}
.md-typeset .tip > .admonition-title,
.md-typeset .tip > summary {
  background-color: #1a3d22;
  color: #cfd0d0;
}
.md-typeset .tip > .admonition-title::before,
.md-typeset .tip > summary::before {
  background-color: #4caf50;
}

/* Warning — amber */
.md-typeset .admonition.warning,
.md-typeset details.warning {
  border-left-color: #e8a000;
}
.md-typeset .warning > .admonition-title,
.md-typeset .warning > summary {
  background-color: #3d2e00;
  color: #cfd0d0;
}

/* Reference — grigio neutro (come Blender) */
.md-typeset .admonition.seealso,
.md-typeset details.seealso {
  border-left-color: #555;
}
.md-typeset .seealso > .admonition-title,
.md-typeset .seealso > summary {
  background-color: #2a2a2a;
  color: #9ca0a5;
}

/* Custom "reference" type */
.md-typeset .admonition.reference,
.md-typeset details.reference {
  border-left-color: #555;
}
.md-typeset .reference > .admonition-title,
.md-typeset .reference > summary {
  background-color: #2a2a2a;
  color: #9ca0a5;
}