/* Open Library Publications — Journal Nav + Archive + Sticky Search — 2026-08-29 v1
 * Targeted cleanup after v44:
 * - reliable floating portal search
 * - aligned search icons/text
 * - clean journal About dropdown on click
 * - reliable active nav state, especially Archives
 * - stable archive issue-card layout
 */
:root{
  --ol45-red:#d92b36;
  --ol45-red-strong:#bf1f2a;
  --ol45-red-soft:#fff4f5;
  --ol45-ink:#192231;
  --ol45-muted:#667085;
  --ol45-line:#e6e9ee;
  --ol45-header-h:70px;
  --ol45-nav-h:56px;
}

/* ---------- portal search: actually stay on top while scrolling ---------- */
html body.openlib-site-index .pkp_structure_content,
html body.openlib-site-index .pkp_structure_main,
html body.openlib-site-index .page_index_site{
  overflow:visible!important;
  contain:none!important;
  transform:none!important;
}
html body.openlib-site-index .openlib_search_panel--primary{
  position:-webkit-sticky!important;
  position:sticky!important;
  top:calc(var(--ol45-header-h) + 12px)!important;
  z-index:1120!important;
  isolation:isolate!important;
  margin-bottom:30px!important;
  box-shadow:0 14px 32px rgba(118,16,25,.18)!important;
}

/* Keep every search icon vertically centered with its text. */
html body .openlib_discovery__form button,
html body .openlib_search_form__submit,
html body .openlib_journal_search{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  line-height:1.15!important;
}
html body .openlib_button_icon,
html body .openlib_search_submit_icon,
html body .openlib_journal_search>.fa{
  position:relative!important;
  top:auto!important;
  left:auto!important;
  right:auto!important;
  bottom:auto!important;
  flex:0 0 auto!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  margin:0!important;
  line-height:0!important;
  vertical-align:middle!important;
}
html body .openlib_button_icon svg,
html body .openlib_search_submit_icon svg{
  display:block!important;
  margin:0!important;
}
html body .openlib_discovery__form button>span:last-child,
html body .openlib_search_form__submit>span:last-child,
html body .openlib_journal_search>span:last-child{
  display:inline-flex!important;
  align-items:center!important;
  line-height:1.15!important;
}

/* ---------- journal navigation: compact, stable, dropdown only when requested ---------- */
html body.openlib-journal-page .openlib_journal_navbar{
  overflow:visible!important;
}
html body.openlib-journal-page .openlib_journal_navbar__inner,
html body.openlib-journal-page .openlib_journal_nav,
html body.openlib-journal-page .openlib_journal_nav .pkp_navigation_primary,
html body.openlib-journal-page .openlib_journal_nav .pkp_navigation_primary>li{
  overflow:visible!important;
}
html body.openlib-journal-page .openlib_journal_nav .pkp_navigation_primary>li{
  position:relative!important;
}

/* v44 intentionally hid About children. Keep them hidden until About is clicked. */
html body.openlib-journal-page .openlib_journal_nav .pkp_navigation_primary>li>ul,
html body.openlib-journal-page .openlib_journal_nav .pkp_navigation_primary>li .dropdown-menu{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
}
html body.openlib-journal-page .openlib_journal_nav .pkp_navigation_primary>li.openlib-about-open>ul,
html body.openlib-journal-page .openlib_journal_nav .pkp_navigation_primary>li.openlib-about-open>.dropdown-menu{
  position:absolute!important;
  top:calc(100% + 8px)!important;
  left:0!important;
  z-index:1300!important;
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  pointer-events:auto!important;
  width:250px!important;
  min-width:250px!important;
  margin:0!important;
  padding:7px!important;
  list-style:none!important;
  border:1px solid #eadfe1!important;
  border-radius:12px!important;
  background:#fff!important;
  box-shadow:0 14px 34px rgba(31,38,49,.14)!important;
}
html body.openlib-journal-page .openlib_journal_nav .pkp_navigation_primary>li.openlib-about-open>ul>li{
  display:block!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
}
html body.openlib-journal-page .openlib_journal_nav .pkp_navigation_primary>li.openlib-about-open>ul>li>a{
  display:flex!important;
  align-items:center!important;
  width:100%!important;
  min-height:38px!important;
  padding:8px 10px!important;
  border-radius:8px!important;
  color:#344054!important;
  font-size:12.5px!important;
  font-weight:700!important;
  white-space:normal!important;
  line-height:1.35!important;
}
html body.openlib-journal-page .openlib_journal_nav .pkp_navigation_primary>li.openlib-about-open>ul>li>a:hover{
  background:var(--ol45-red-soft)!important;
  color:var(--ol45-red-strong)!important;
}
html body.openlib-journal-page .openlib_journal_nav .pkp_navigation_primary>li.openlib-has-submenu>a{
  gap:6px!important;
}
html body.openlib-journal-page .openlib_journal_nav .pkp_navigation_primary>li.openlib-has-submenu>a:after{
  display:inline-block!important;
  position:static!important;
  content:""!important;
  width:6px!important;
  height:6px!important;
  margin:0 0 3px 2px!important;
  border-right:1.5px solid currentColor!important;
  border-bottom:1.5px solid currentColor!important;
  transform:rotate(45deg)!important;
  transition:transform .16s ease!important;
}
html body.openlib-journal-page .openlib_journal_nav .pkp_navigation_primary>li.openlib-about-open>a:after{
  margin-bottom:-1px!important;
  transform:rotate(225deg)!important;
}

/* Explicit active-state fallbacks. This fixes Archives even if PKP does not add .current. */
html body.openlib-journal-page .openlib_journal_nav a.openlib-nav-active,
html body.openlib-journal-page .openlib_journal_nav a[aria-current="page"],
html body.openlib-journal-page .openlib_journal_search.openlib-nav-active,
html body.openlib-journal-page .openlib_journal_search[aria-current="page"],
html body.pkp_page_issue.pkp_op_archive.openlib-journal-page .openlib_journal_nav .pkp_navigation_primary>li>a[href*="/issue/archive"],
html body.pkp_page_issue.pkp_op_current.openlib-journal-page .openlib_journal_nav .pkp_navigation_primary>li>a[href*="/issue/current"],
html body.pkp_page_about.openlib-journal-page .openlib_journal_nav .pkp_navigation_primary>li>a[href*="/about"]{
  background:var(--ol45-red)!important;
  color:#fff!important;
  box-shadow:0 5px 12px rgba(185,31,42,.14)!important;
}

/* ---------- Archives: replace inherited float/list behavior with explicit cards ---------- */
html body.openlib-journal-page .openlib_issue_archive_page{
  padding:24px!important;
  overflow:hidden!important;
}
html body.openlib-journal-page .openlib_issue_archive_heading{
  display:flex!important;
  align-items:flex-end!important;
  justify-content:space-between!important;
  gap:16px!important;
  margin:0 0 20px!important;
  padding-bottom:16px!important;
  border-bottom:1px solid var(--ol45-line)!important;
}
html body.openlib-journal-page .openlib_issue_archive_heading__eyebrow{
  display:block!important;
  margin-bottom:4px!important;
  color:var(--ol45-red-strong)!important;
  font-size:10px!important;
  font-weight:900!important;
  letter-spacing:.09em!important;
  text-transform:uppercase!important;
}
html body.openlib-journal-page .openlib_issue_archive_heading h1{
  margin:0!important;
  font-size:29px!important;
  line-height:1.2!important;
}
html body.openlib-journal-page .issues_archive.openlib_issue_archive_grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:16px!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  list-style:none!important;
}
html body.openlib-journal-page .issues_archive.openlib_issue_archive_grid>li{
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
}
html body.openlib-journal-page .openlib_issue_archive_card{
  display:grid!important;
  grid-template-columns:112px minmax(0,1fr)!important;
  gap:16px!important;
  align-items:start!important;
  height:100%!important;
  min-width:0!important;
  margin:0!important;
  padding:15px!important;
  overflow:hidden!important;
  border:1px solid var(--ol45-line)!important;
  border-top:3px solid var(--ol45-red)!important;
  border-radius:13px!important;
  background:#fff!important;
  box-shadow:0 5px 16px rgba(31,38,49,.045)!important;
}
html body.openlib-journal-page .openlib_issue_archive_card:before,
html body.openlib-journal-page .openlib_issue_archive_card:after{
  display:none!important;
  content:none!important;
}
html body.openlib-journal-page .openlib_issue_archive_card .cover{
  float:none!important;
  display:block!important;
  width:112px!important;
  max-width:112px!important;
  height:146px!important;
  margin:0!important;
  overflow:hidden!important;
  border:1px solid #e4e7ec!important;
  border-radius:9px!important;
  background:#f6f7f9!important;
}
html body.openlib-journal-page .openlib_issue_archive_card .cover img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:none!important;
  margin:0!important;
  object-fit:contain!important;
  background:#fff!important;
}
html body.openlib-journal-page .openlib_issue_archive_card.no-cover{
  grid-template-columns:minmax(0,1fr)!important;
}
html body.openlib-journal-page .openlib_issue_archive_content{
  min-width:0!important;
}
html body.openlib-journal-page .openlib_issue_archive_kicker{
  margin-bottom:5px!important;
  color:var(--ol45-red-strong)!important;
  font-size:9.5px!important;
  font-weight:900!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
}
html body.openlib-journal-page .openlib_issue_archive_card h2{
  margin:0 0 7px!important;
  font-size:15px!important;
  line-height:1.4!important;
}
html body.openlib-journal-page .openlib_issue_archive_card .title{
  color:var(--ol45-ink)!important;
  font-weight:850!important;
}
html body.openlib-journal-page .openlib_issue_archive_card .series{
  margin:5px 0 0!important;
  color:var(--ol45-muted)!important;
  font-size:11.5px!important;
  font-weight:650!important;
}
html body.openlib-journal-page .openlib_issue_archive_card .description{
  margin:0 0 10px!important;
  color:var(--ol45-muted)!important;
  font-size:11.5px!important;
  line-height:1.55!important;
}
html body.openlib-journal-page .openlib_issue_archive_card .description p{
  margin:0!important;
}
html body.openlib-journal-page .openlib_issue_archive_cta{
  display:inline-flex!important;
  align-items:center!important;
  gap:6px!important;
  min-height:32px!important;
  padding:0 10px!important;
  border:1px solid #efc4c8!important;
  border-radius:8px!important;
  background:#fff8f8!important;
  color:var(--ol45-red-strong)!important;
  font-size:11px!important;
  font-weight:850!important;
}
html body.openlib-journal-page .openlib_issue_archive_cta:hover{
  border-color:var(--ol45-red)!important;
  background:var(--ol45-red)!important;
  color:#fff!important;
}

/* ---------- dark mode ---------- */
html[data-openlib-color-mode="dark"] body.openlib-journal-page .openlib_journal_nav .pkp_navigation_primary>li.openlib-about-open>ul{
  border-color:#394350!important;
  background:#1a2029!important;
  box-shadow:0 14px 34px rgba(0,0,0,.32)!important;
}
html[data-openlib-color-mode="dark"] body.openlib-journal-page .openlib_journal_nav .pkp_navigation_primary>li.openlib-about-open>ul>li>a{
  color:#d9dfe8!important;
}
html[data-openlib-color-mode="dark"] body.openlib-journal-page .openlib_journal_nav .pkp_navigation_primary>li.openlib-about-open>ul>li>a:hover{
  background:#2b2025!important;
  color:#ff9aa0!important;
}
html[data-openlib-color-mode="dark"] body.openlib-journal-page .openlib_issue_archive_card{
  border-color:#343e4b!important;
  border-top-color:#e14b55!important;
  background:#181e27!important;
}
html[data-openlib-color-mode="dark"] body.openlib-journal-page .openlib_issue_archive_card .cover{
  border-color:#343e4b!important;
  background:#121821!important;
}
html[data-openlib-color-mode="dark"] body.openlib-journal-page .openlib_issue_archive_card .title{color:#f5f7fa!important;}
html[data-openlib-color-mode="dark"] body.openlib-journal-page .openlib_issue_archive_card .series,
html[data-openlib-color-mode="dark"] body.openlib-journal-page .openlib_issue_archive_card .description{color:#aab3c0!important;}
html[data-openlib-color-mode="dark"] body.openlib-journal-page .openlib_issue_archive_cta{border-color:#68434a!important;background:#261e22!important;color:#ff9aa0!important;}

@media(max-width:900px){
  html body.openlib-journal-page .issues_archive.openlib_issue_archive_grid{grid-template-columns:1fr!important;}
}
@media(max-width:767px){
  :root{--ol45-header-h:62px;}
  html body.openlib-site-index .openlib_search_panel--primary{top:calc(var(--ol45-header-h) + 8px)!important;}
  html body.openlib-journal-page .openlib_journal_nav .pkp_navigation_primary>li.openlib-about-open>ul{
    position:fixed!important;
    top:auto!important;
    left:14px!important;
    right:14px!important;
    bottom:14px!important;
    width:auto!important;
    min-width:0!important;
  }
  html body.openlib-journal-page .openlib_issue_archive_card{grid-template-columns:88px minmax(0,1fr)!important;gap:12px!important;padding:12px!important;}
  html body.openlib-journal-page .openlib_issue_archive_card .cover{width:88px!important;max-width:88px!important;height:118px!important;}
  html body.openlib-journal-page .openlib_issue_archive_card.no-cover{grid-template-columns:minmax(0,1fr)!important;}
}
