/* Journal + article pages: solid header with always-visible dark navigation */

body.editorial-page {
  --editorial-header-height: 138px; /* brand-wrap 96px + cat-wrap 42px */
  --editorial-mini-header-height: 42px;
}

@media (min-width: 969px) {
  body.editorial-page header#hdr,
  body.editorial-page header#hdr:hover,
  body.editorial-page.menu-show header#hdr {
    background-color: #ffffff !important;
    border-bottom: 1px solid #eaeaea !important;
  }

  body.editorial-page header#hdr::after {
    display: none !important;
  }

  body.editorial-page header#hdr .cat-wrap.desktop-only {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    height: 42px !important;
    min-height: 42px !important;
    position: relative;
    z-index: 3;
  }

  body.editorial-page header#hdr .cat-menu {
    position: relative;
    z-index: 4;
  }

  body.editorial-page header#hdr .cat-menu a,
  body.editorial-page header#hdr .cat-menu .dropdown > a,
  body.editorial-page header#hdr .wordmark,
  body.editorial-page header#hdr .header-icon-btn,
  body.editorial-page header#hdr .desktop-book-link {
    color: #111111 !important;
    -webkit-text-fill-color: #111111 !important;
    opacity: 1 !important;
    visibility: visible !important;
    position: relative;
    z-index: 4;
  }

  body.editorial-page header#hdr .desktop-book-link {
    border-color: #111111 !important;
  }

  body.editorial-page header#hdr .desktop-book-link:hover {
    background-color: #111111 !important;
    color: #ffffff !important;
    border-color: #111111 !important;
    -webkit-text-fill-color: #ffffff !important;
  }

  body.editorial-page header#hdr .cat-menu a.active {
    color: #006039 !important;
    -webkit-text-fill-color: #006039 !important;
  }

  /* Jewellery mega-menu: flush with bottom of header (no hover gap) */
  body.editorial-page .dropdown-menu,
  body.editorial-page .dropdown.open .dropdown-menu,
  body.editorial-page .dropdown:hover .dropdown-menu {
    top: var(--editorial-header-height) !important;
    margin-top: 0 !important;
    padding-top: 0 !important;
    transform: translateY(0) !important;
    border-top: none !important;
  }

  body.editorial-page.menu-show .dropdown-menu,
  body.editorial-page.menu-show .dropdown.open .dropdown-menu,
  body.editorial-page.menu-show .dropdown:hover .dropdown-menu {
    top: var(--editorial-mini-header-height) !important;
  }
}