/* Additions on top of the compiled Bilberry theme.css */

.bilberry-hugo-theme header .container { position: relative; }

.bilberry-hugo-theme nav.open { display: block !important; }
.bilberry-hugo-theme nav .container { gap: .5em 1em; flex-wrap: wrap; }
.bilberry-hugo-theme nav ul li a { color: #f1f1f1; padding: 1em 1em; }
/* The theme gives every <form> a bottom margin, which pushed the box off-centre. */
.bilberry-hugo-theme nav .search { margin: 0 0 0 auto; display: flex; align-items: center; }
.bilberry-hugo-theme nav .search i { top: 50%; transform: translateY(-50%); left: 1em; color: #9aa3ae; pointer-events: none; }
.bilberry-hugo-theme nav .search input {
  height: 38px; margin: 0; padding: 0 1em 0 2.75em; font-size: .95em; line-height: 38px; border-radius: 19px;
  -webkit-appearance: none; appearance: none;
}
.bilberry-hugo-theme nav .search input::placeholder { color: #9aa3ae; }
.bilberry-hugo-theme nav .search input::-webkit-search-cancel-button { filter: invert(1); opacity: .6; }

.bilberry-hugo-theme .list-head .content h3 { margin-bottom: .25em; }
.bilberry-hugo-theme .list-count { color: #999; margin: 0; }

.bilberry-hugo-theme .list-head .content h3 .list-count { font-size: .55em; font-weight: normal; }
.bilberry-hugo-theme .tag-cloud { display: flex; flex-wrap: wrap; gap: .6em; margin-top: 1em; }
.bilberry-hugo-theme .tag-cloud a {
  display: inline-flex; align-items: center; gap: .45em; padding: .3em .9em; border-radius: 999px;
  background: #f1f4f0; color: #5c8b59; font-size: .9em; transition: background .2s, color .2s;
}
.bilberry-hugo-theme .tag-cloud a:hover { background: #5c8b59; color: #fff; }
.bilberry-hugo-theme .tag-cloud a span { font-size: .8em; opacity: .65; }
.bilberry-hugo-theme article .footer .tags .links a { color: #5c8b59; }

.bilberry-hugo-theme .post-nav { justify-content: space-between; gap: 2em; margin-top: 2em; }
.bilberry-hugo-theme .post-nav .older { margin-left: auto; text-align: right; }

.bilberry-hugo-theme .highlight pre { position: relative; }
.bilberry-hugo-theme .copy-button { border: 0; cursor: pointer; color: #444; }
.bilberry-hugo-theme .copy-button.copied::after {
  content: "已复制"; position: absolute; right: 0; top: 110%; font-size: 12px;
  background: #f1f1f1; color: #444; padding: 2px 6px; border-radius: 3px; white-space: nowrap;
}

.bilberry-hugo-theme .comments-wrapper { padding-top: 2em; min-height: 0; }
.bilberry-hugo-theme .comments-wrapper .yc-comments { margin: 0; }
.bilberry-hugo-theme .yc-comments { --accent: #5c8b59; }
.bilberry-hugo-theme .yc-comments ol.yc-list, .bilberry-hugo-theme .yc-comments ol.yc-replies { list-style: none; margin: 0; font-size: inherit; }
.bilberry-hugo-theme .yc-comments ol.yc-replies { margin: .75em 0 0 52px; }
.bilberry-hugo-theme .yc-comments form, .bilberry-hugo-theme .yc-comments button { margin: 0; }
.bilberry-hugo-theme .yc-comments .yc-form input { height: auto; margin: 0; line-height: inherit; }
@media (max-width: 640px) {
  .bilberry-hugo-theme .yc-comments ol.yc-replies { margin-left: 0; }
}

.preview-bar {
  background: #fff4d6; color: #7a5b00; padding: .6em 1em; border-radius: 4px; margin: 1em 0 0;
  font-size: .9em;
}

@media (max-width: 800px) {
  .bilberry-hugo-theme nav .container { box-sizing: border-box; width: 100%; padding: .75em 1em 1em; }
  .bilberry-hugo-theme nav .container .search { min-width: 0; width: 100%; margin: 0; align-self: stretch; }
  .bilberry-hugo-theme nav .search input { box-sizing: border-box; }
  .bilberry-hugo-theme nav ul li a { padding: .6em .8em; }
}