/* Exabyte Systems — Dark theme overrides
   Forces dark appearance regardless of system preference */

:root {
  color-scheme: dark;
}

body {
  background-color: #111113;
  color: #e6edf3;
}

/* Left panel overlay — don't override pages with their own background image */
#homepage .block-left {
  background: linear-gradient(rgba(17,17,19,0.92), rgba(17,17,19,0.92)) !important;
}

#posts:not(.inner-post-page) .block-left {
  background: linear-gradient(rgba(17,17,19,0.92), rgba(17,17,19,0.92)) !important;
}

/* Right panel */
.block-right {
  background-color: #111113;
}

/* Navigation */
nav.nav-bar ul {
  background: #111113;
  border-color: #3a3a3a;
}

nav.nav-bar li {
  color: #ffffff;
  background: #111113;
  text-decoration-color: #72cc96;
}

nav.nav-bar li a {
  color: #ffffff;
}

nav.nav-bar ul > li:hover,
nav.nav-bar ul > li:focus-within {
  background: #72cc96;
}

nav.nav-bar ul > li:hover a,
nav.nav-bar ul > li:focus-within a {
  color: #111113;
}

nav.nav-bar li {
  border-color: #ffffff;
}

/* Links */
.block-right a:not(.zola-anchor):not(.title-tag):not(.btn) {
  color: #e6edf3;
}

.inner-post a:not(.btn):not(.pagination_pager):not(.zola-anchor) {
  color: #72cc96;
}

.inner-post a:not(.btn):not(.pagination_pager):not(.zola-anchor):not(.toc) {
  border-bottom: 1px dotted #399f62;
}

a.zola-anchor {
  color: #72cc96;
}

/* About section (right panel on homepage) */
.about-info h1,
.about-info h2,
.about-info p {
  color: #e6edf3;
}

.about-info h1:after,
.about-info h2:after {
  background: #72cc96;
}

/* Post headings and text */
.inner-post h1,
.inner-post h2,
.inner-post h3,
.inner-post h4,
.inner-post h5,
.inner-post h6 {
  color: #e6edf3;
}

.inner-post p {
  color: #e6edf3;
}

.inner-post small {
  color: #666666;
}

/* Posts list */
.posts-list > li {
  border-bottom: 1px solid #666666;
}

.posts-list .date {
  color: #72cc96;
}

.posts-list p {
  color: #666666;
}

.posts-list .tags li > a {
  color: #b4b4b4;
}

/* Date highlight */
.date-highlight {
  color: #e6edf3;
}

.date-highlight:before,
.date-highlight:after {
  background: #4d4d4d;
}

/* Code blocks */
p > code,
a > code,
li > code,
figcaption > code,
td > code,
kbd {
  background-color: #333333;
}

/* Tables */
table, td, th, tr, dd {
  border-color: #6b6b6b;
}

thead, dt {
  background-color: #262626;
  border-color: #6b6b6b;
}

/* Frames */
.frame-p {
  box-shadow: -2px 0 0 0 #b4b4b4, 2px 0 0 0 #b4b4b4, 0 -2px 0 0 #b4b4b4, 0 2px 0 0 #b4b4b4;
}

.frame-dim {
  box-shadow: -2px 0 0 0 #4d4d4d, 2px 0 0 0 #4d4d4d, 0 -2px 0 0 #4d4d4d, 0 2px 0 0 #4d4d4d;
}

.frame-dim p {
  color: #e6edf3;
}

/* Page image border */
.page-image {
  border: 1px solid #3f3f3f;
}

/* Entry info and meta */
.entry-info {
  color: #a6a6a6 !important;
}

.entry-meta a,
.entry-meta p {
  color: #cccccc;
}

.entry-meta .tag,
.entry-meta .category {
  background-color: #1a1a1d;
}

.entry-meta .count {
  background-color: #212121;
}

.entry-meta:hover {
  background-color: #212121;
}

/* Tags */
.tags:is(.project-tags) > li,
.tags:is(.title-tags) > li {
  background: #a6a6a6;
  color: #1e1e1e;
}

.tags:is(.project-tags) > li > a,
.tags:is(.title-tags) > li > a {
  color: #000000;
}

/* Pagination */
.pagination_pager {
  background-color: #404040;
  color: #8c8c8c !important;
}

.pagination_pager.disabled {
  background-color: #2b2b2b;
  color: #4d4d4d !important;
}

.pagination_pager.disabled:hover {
  background-color: #3b3b3b;
  color: #595959 !important;
}

/* Footer */
#footer-block a {
  color: #72cc96;
}

/* Search */
.search-container input {
  color: #ffffff;
  border-color: #b4b4b4;
  background-color: #111113;
}

.search-results {
  background-color: #111113;
  border-color: #3a3a3a;
}

/* Post borders */
.post-music {
  border-color: #b4b4b4;
}

.post-ext-info {
  border-color: #b4b4b4;
}

/* Reduce glow/bloom on text and elements */
.hero {
  filter: drop-shadow(0 0px 2px rgba(255,255,255,0.4));
}

.main-info ul,
.social-links ul {
  filter: drop-shadow(0 1px 3px rgba(255,255,255,0.3));
}

.section-title {
  filter: drop-shadow(0 1px 2px rgba(255,255,255,0.3));
}

.tags > li {
  filter: drop-shadow(0 1px 2px rgba(255,255,255,0.3));
}

/* Mobile: reduce left panel height so content is visible without scrolling */
@media screen and (max-width: 960px) {
  /* Inner pages: hide left panel since it's just a title bar */
  #posts .block-left,
  #posts.inner-post-page .block-left {
    display: none !important;
  }

  /* Homepage: keep hero visible but don't force full viewport height */
  #homepage .block-left {
    height: auto;
    min-height: unset;
    display: block;
    padding: 2.5rem 1rem 1.5rem;
  }

  #homepage .block-left > div {
    display: block;
    vertical-align: unset;
  }

  .home-logo {
    margin: 0 auto 0.5rem;
  }

  .home-logo img {
    width: 80px;
    height: 80px;
  }

  .main-info {
    padding-top: 0;
  }

  .main-info h1 {
    font-size: 28px;
  }

  .main-info h2 {
    font-size: 18px;
  }

  /* Hide small logo on inner pages — home page logo handles branding */
  .logo {
    display: none !important;
  }
}

/* Logo — remove box shadow */
.home-logo {
  box-shadow: none;
}