@font-face {
  font-family: "BH Header Roboto";
  src: url("fonts/roboto.woff2") format("woff2");
  font-style: normal;
  font-weight: 400;
  font-display: block;
}

.site-header,
.site-header * {
  box-sizing: border-box;
}

.site-header {
  position: sticky !important;
  top: 0 !important;
  z-index: 50 !important;
  width: 100% !important;
  max-width: 1920px;
  height: 45px !important;
  min-height: 45px !important;
  margin: 0 auto !important;
  padding: 10px 20px !important;
  display: flex !important;
  align-items: center !important;
  gap: 0 !important;
  background: #050505 !important;
  color: #fff;
  font-family: "BH Header Roboto", Arial, Helvetica, sans-serif !important;
  font-size: 13px !important;
  font-style: normal !important;
  line-height: 25px !important;
  text-transform: uppercase !important;
}

.social-nav {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin: 0 !important;
  padding: 0 !important;
}

.primary-nav {
  display: flex !important;
  align-items: center !important;
  gap: 5px !important;
  margin-left: 10px !important;
  padding: 0 !important;
  font-family: inherit !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  font-style: normal !important;
  line-height: 25px !important;
  letter-spacing: .01em !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
}

.primary-nav a,
.primary-nav .wordmark,
.library-page .primary-nav .wordmark,
.library-page .primary-nav a:not(.wordmark):not(.library-nav-link) {
  color: #4e8fc9 !important;
  font-weight: 600 !important;
  font-variation-settings: "wght" 600;
  font-style: normal !important;
  line-height: 25px !important;
  letter-spacing: .01em !important;
  text-transform: uppercase !important;
  text-decoration: none;
  transition: color 160ms ease;
}

.primary-nav a,
.primary-nav .nav-separator {
  font-weight: 600 !important;
  font-variation-settings: "wght" 600;
}

.primary-nav a[aria-current="page"] {
  color: #fff !important;
  font-weight: 600 !important;
}

.home-page .primary-nav .wordmark,
.discography-page .primary-nav .discography-nav-link {
  color: #fff !important;
}

.primary-nav a:hover,
.primary-nav a:focus-visible,
.primary-nav a[aria-current="page"]:hover,
.primary-nav a[aria-current="page"]:focus-visible {
  color: #71a5d4 !important;
  font-weight: 600 !important;
}

.social-icon {
  display: grid !important;
  place-items: center !important;
  flex: 0 0 20px !important;
  width: 20px !important;
  height: 20px !important;
  min-width: 20px !important;
  min-height: 20px !important;
  margin: 0 !important;
  padding: 0 !important;
  background: #171717 !important;
  color: #fff !important;
  line-height: 20px !important;
  text-decoration: none !important;
  transition: background-color 160ms ease;
}

.social-icon svg {
  width: 16px !important;
  height: 16px !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 1.8 !important;
}

.social-icon .icon-fill {
  fill: currentColor !important;
  stroke: none !important;
}

.social-discogs { border-radius: 50%; }

.social-icon:hover,
.social-icon:focus-visible {
  background-color: #191919;
}

.primary-nav .nav-separator {
  display: inline !important;
  color: #444;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 25px !important;
}

/* Section links remain hidden outside the Lib and Upload areas. */
.primary-nav .section-nav-separator,
.primary-nav .upload-nav-separator,
.primary-nav .library-nav-link,
.primary-nav .upload-nav-link {
  display: none !important;
}

.library-page .primary-nav .section-nav-separator,
.library-page .primary-nav .upload-nav-separator {
  display: inline !important;
  color: #444;
}

.library-page .primary-nav .library-nav-link {
  display: inline-flex !important;
  align-items: center;
  margin-left: 0 !important;
  color: #4e8fc9 !important;
}

.library-page .primary-nav .library-nav-link::before {
  content: none !important;
}

.library-page .primary-nav .upload-nav-link {
  display: inline-flex !important;
  align-items: center;
  color: #4e8fc9 !important;
}

.lib-page .primary-nav .library-nav-link,
body.upload-page .primary-nav .upload-nav-link {
  color: #fff !important;
}

.library-page .primary-nav .library-nav-link:hover,
.library-page .primary-nav .library-nav-link:focus-visible,
.library-page .primary-nav .upload-nav-link:hover,
.library-page .primary-nav .upload-nav-link:focus-visible {
  color: #71a5d4 !important;
}

body .primary-nav a:hover,
body .primary-nav a:focus-visible {
  color: #71a5d4 !important;
  font-weight: 600 !important;
  font-variation-settings: "wght" 600;
}

body .social-icon:hover,
body .social-icon:focus-visible {
  background-color: #191919 !important;
}

@media (max-width: 767px) {
  .site-header { padding-inline: 10px !important; }
  .primary-nav { margin-left: 8px !important; }
}