/* ═══════════════════════════════════════════════════════════════
   NeoMutt Lua — Custom Stylesheet
   Palette: #005461  #018790  #00B7B5  #F4F4F4
   ═══════════════════════════════════════════════════════════════ */

/* ── Sidebar logo spacing ───────────────────────────────────── */
.bd-sidebar-primary .navbar-brand {
  padding-top: 0;
}

/* ── Wider content panel ────────────────────────────────────── */
.bd-article-container {
  max-width: 100% !important;
}

.bd-page-width {
  max-width: 100% !important;
}

.bd-content {
  max-width: 100% !important;
}

.bd-sidebar-secondary {
  max-width: 250px !important;
  min-width: 0 !important;
  flex: 0 0 250px !important;
}

/* ── Brand colours — light mode ─────────────────────────────── */
html[data-theme=light] {
  --pst-color-primary: #005461;
  --pst-color-primary-highlight: #018790;
  --pst-color-link: #018790;
  --pst-color-link-hover: #005461;
  --pst-color-background: #e0f7f8;
}

/* ── Brand colours — dark mode ──────────────────────────────── */
html[data-theme=dark] {
  --pst-color-primary: #00B7B5;
  --pst-color-primary-highlight: #018790;
  --pst-color-link: #00B7B5;
  --pst-color-link-hover: #018790;
  --pst-color-background: #0d1e22;
}

html[data-theme=light] .sd-card {
  background: #fff;
  color: #000;
}

html[data-theme=dark] .sd-card {
  background: #000;
  color: #fff;
}

/* ── Tables ─────────────────────────────────────────────────── */
th {
  text-align: left;
  background-color: #005461;
  color: #F4F4F4;
}

html[data-theme=dark] th {
  background-color: #018790;
  color: #F4F4F4;
}

div.document table.docutils td {
  padding: 0 0.5em 0 0.25em;
  vertical-align: top;
}

div.document table.docutils th {
  padding: 0 0.5em 0 0.25em;
  vertical-align: top;
}

/* ── Terminal highlight ─────────────────────────────────────── */
html[data-theme=light] .highlight .hll {
  background-color: #005461;
  color: #F4F4F4;
  display: block;
}

html[data-theme=dark] .highlight .hll {
  background-color: #018790;
  color: #F4F4F4;
  display: block;
}

/* ── Footer accent ──────────────────────────────────────────── */
.bd-footer {
  border-top: 3px solid #018790 !important;
}

svg.fa-twitter {
   color: #55acee;
}

svg.fa-heart {
   color: #c00000;
}

/* ── Sponsor link in navbar ─────────────────────────────────── */
.sponsor-link {
  display: inline-flex;
  align-items: center;
  gap: 0.3em;
  padding: 0.3em 0.8em;
  border-radius: 6px;
  font-size: 0.85rem;
  font-weight: 600;
  color: #c00040;
  text-decoration: none;
  transition: background 0.2s, color 0.2s;
  white-space: nowrap;
}

html[data-theme=light] .sponsor-link:hover {
  background: #d04060;
  color: #fff;
}

html[data-theme=light] .sponsor-heart {
  color: #c00040;
  font-size: 1.1em;
}

html[data-theme=light] .sponsor-link:hover .sponsor-heart {
  color: #fff;
}

html[data-theme=dark] .sponsor-link {
  border-color: #e06070;
  color: #f0a0a8;
}

html[data-theme=dark] .sponsor-heart {
  color: #f0a0a8;
}

html[data-theme=dark] .sponsor-link:hover {
  background: #d04060;
  color: #fff;
}

html[data-theme=dark] .sponsor-link:hover .sponsor-heart {
  color: #fff;
}

.devel-warning {
  padding: 0 0.5em 0 0.5em;
  border-radius: 6px;
  font-size: 1.2rem;
  background: #ffaf4d;
  color: #000;
  border: 1px solid black;
}

/* ── Article header toolbar — force horizontal flex layout ─── */
.header-article-items__end, .header-article-items__start {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
}

.header-article-items__end .header-article-item,
.header-article-items__start .header-article-item {
{
  display: flex !important;
  align-items: center;
}