/* Shared MartynForge Blog header used by indexes and published articles. */
.blog-header {
  background: #f8f9fa;
  border-bottom: 1px solid #e9ecef;
}

.blog-header .blog-brand {
  color: #212529;
  min-width: 0;
}

.blog-header .blog-brand img {
  flex: 0 0 auto;
}

.blog-header .blog-actions {
  justify-content: flex-end;
}

.blog-header .lang-switch {
  min-width: 72px;
  padding: .25rem .35rem;
  background: #f8f9fa;
  border: 1px solid #dee2e6;
  border-radius: .375rem;
  color: #121212;
  font-weight: 500;
  transition: border-color .2s, box-shadow .2s;
}

.blog-header .lang-switch:hover,
.blog-header .lang-switch:focus-within {
  border-color: #ff6a00;
  box-shadow: 0 0 0 .1rem rgba(255, 106, 0, .25);
}

.blog-header .lang-switch a {
  display: inline-flex;
  margin: 0 .25rem;
  line-height: 1;
}

.blog-header .lang-switch img {
  display: block;
  width: 20px;
  height: 14px;
}

.blog-header .homepage-link,
.blog-header .homepage-link:hover,
.blog-header .homepage-link:focus {
  background-color: #ff6a00;
  border-color: #ff6a00;
  color: #fff;
}

.blog-header .homepage-link:hover,
.blog-header .homepage-link:focus {
  background-color: #e55f00;
  border-color: #e55f00;
}

@media (max-width: 575.98px) {
  .blog-header .blog-actions {
    width: 100%;
  }
}