/* ========================================================
   Adaptive Theme
   Bamboo dark-mode fixes
   ======================================================== */


/* --------------------------------------------------------
   Hide manual theme toggles

   Nezu's original toggle is no longer needed because
   the site follows the system light/dark preference.
   -------------------------------------------------------- */

#js-theme-toggle,
label[for="js-theme-toggle"],
#bamboo-theme-toggle {
  display: none !important;
}


/* ========================================================
   Bamboo Dark Mode
   ======================================================== */

html.dark-theme body.bamboo-page {
  background: #1d1d1d !important;
  color: #d4d4d4 !important;
}


/* --------------------------------------------------------
   Navigation
   -------------------------------------------------------- */

html.dark-theme body.bamboo-page .site-nav,
html.dark-theme body.bamboo-page .site-nav .inner {
  background: #1d1d1d !important;
  color: #d4d4d4 !important;
  border-color: #333 !important;
}


/* --------------------------------------------------------
   Main areas
   -------------------------------------------------------- */

html.dark-theme body.bamboo-page .h-entry,
html.dark-theme body.bamboo-page .entry-block,
html.dark-theme body.bamboo-page .entry-section,
html.dark-theme body.bamboo-page .inner,
html.dark-theme body.bamboo-page .site-foot,
html.dark-theme body.bamboo-page .typlog-foot {
  background-color: transparent !important;
  border-color: #333 !important;
}


/* --------------------------------------------------------
   Article body
   -------------------------------------------------------- */

html.dark-theme body.bamboo-page .yue,
html.dark-theme body.bamboo-page .yue p,
html.dark-theme body.bamboo-page .yue li,
html.dark-theme body.bamboo-page .yue dd,
html.dark-theme body.bamboo-page .yue dt,
html.dark-theme body.bamboo-page .markdown,
html.dark-theme body.bamboo-page .e-content {
  color: #d4d4d4 !important;
}


/* --------------------------------------------------------
   Text emphasis

   Bamboo / Yue may assign explicit colors to strong / b.
   In dark mode they should inherit the surrounding color.
   -------------------------------------------------------- */

html.dark-theme body.bamboo-page strong,
html.dark-theme body.bamboo-page b,
html.dark-theme body.bamboo-page em,
html.dark-theme body.bamboo-page i {
  color: inherit !important;
}


/* --------------------------------------------------------
   Headings
   -------------------------------------------------------- */

html.dark-theme body.bamboo-page h1,
html.dark-theme body.bamboo-page h2,
html.dark-theme body.bamboo-page h3,
html.dark-theme body.bamboo-page h4,
html.dark-theme body.bamboo-page h5,
html.dark-theme body.bamboo-page h6,
html.dark-theme body.bamboo-page .title,
html.dark-theme body.bamboo-page .p-name,
html.dark-theme body.bamboo-page .subject_title {
  color: #ededed !important;
}


/* --------------------------------------------------------
   Secondary text
   -------------------------------------------------------- */

html.dark-theme body.bamboo-page .entry-meta,
html.dark-theme body.bamboo-page .dt-published,
html.dark-theme body.bamboo-page .item-subtitle,
html.dark-theme body.bamboo-page .subject_author,
html.dark-theme body.bamboo-page .subject_info,
html.dark-theme body.bamboo-page .review_summary {
  color: #999 !important;
}


/* --------------------------------------------------------
   Links
   -------------------------------------------------------- */

html.dark-theme body.bamboo-page a {
  color: #c9c9c9 !important;
}

html.dark-theme body.bamboo-page a:hover {
  color: #fff !important;
}


/* --------------------------------------------------------
   Review / subject area

   Keep the subject area on the same background as the page,
   avoiding the light horizontal strip in dark mode.
   -------------------------------------------------------- */

html.dark-theme body.bamboo-page .entry-subject,
html.dark-theme body.bamboo-page .subject,
html.dark-theme body.bamboo-page .subject-wrap {
  background: transparent !important;
  color: #d4d4d4 !important;
  border-color: transparent !important;
  box-shadow: none !important;
}


/* --------------------------------------------------------
   Rating
   -------------------------------------------------------- */

html.dark-theme body.bamboo-page .review_rating {
  color: #ddd !important;
}


/* --------------------------------------------------------
   Blockquote
   -------------------------------------------------------- */

html.dark-theme body.bamboo-page blockquote,
html.dark-theme body.bamboo-page .yue blockquote {
  color: #aaa !important;
  border-color: #484848 !important;
}


/* --------------------------------------------------------
   Horizontal rule
   -------------------------------------------------------- */

html.dark-theme body.bamboo-page hr {
  border-color: #3b3b3b !important;
}


/* --------------------------------------------------------
   Inline code
   -------------------------------------------------------- */

html.dark-theme body.bamboo-page code {
  background: #292929 !important;
  color: #ddd !important;
}


/* --------------------------------------------------------
   Code blocks
   -------------------------------------------------------- */

html.dark-theme body.bamboo-page pre,
html.dark-theme body.bamboo-page pre code {
  background: #252525 !important;
  color: #ddd !important;
}


/* --------------------------------------------------------
   Tags
   -------------------------------------------------------- */

html.dark-theme body.bamboo-page .entry-tags,
html.dark-theme body.bamboo-page .entry-tags a,
html.dark-theme body.bamboo-page .p-category {
  color: #aaa !important;
  border-color: #444 !important;
}


/* --------------------------------------------------------
   Footer
   -------------------------------------------------------- */

html.dark-theme body.bamboo-page .site-foot,
html.dark-theme body.bamboo-page .site-foot a,
html.dark-theme body.bamboo-page .typlog-foot,
html.dark-theme body.bamboo-page .typlog-foot a {
  color: #8f8f8f !important;
}

/* ========================================================
   Nezu mobile navigation button
   ======================================================== */

@media (max-width: 720px) {
  html.dark-theme .site-nav button {
    color: #ededed !important;
    border-color: #555 !important;
  }

  html.dark-theme .site-nav button svg {
    color: #ededed !important;
    fill: currentColor !important;
    stroke: currentColor !important;
  }

  html.dark-theme .site-nav button span,
  html.dark-theme .site-nav button::before,
  html.dark-theme .site-nav button::after {
    border-color: #ededed !important;
  }
}