/* Open Library mobile navigation fix
 * Replaces the leaked "Open Menu" text with a proper hamburger control.
 */
.openlib_site_nav_toggle,
.openlib_journal_nav_toggle {
  font-size:0 !important;
  line-height:0 !important;
  text-indent:0 !important;
}

@media (max-width: 767px) {
  .openlib_site_nav_toggle,
  .openlib_journal_nav_toggle {
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:38px !important;
    height:38px !important;
    margin:0 !important;
    padding:0 !important;
    border:1px solid #E2E8F0 !important;
    border-radius:9px !important;
    background:#fff !important;
    color:#334155 !important;
    box-shadow:none !important;
    cursor:pointer !important;
    overflow:hidden !important;
  }

  .openlib_site_nav_toggle {
    position:absolute !important;
    top:50% !important;
    right:0 !important;
    left:auto !important;
    transform:translateY(-50%) !important;
  }

  .openlib_journal_nav_toggle {
    position:absolute !important;
    top:50% !important;
    right:0 !important;
    left:auto !important;
    transform:translateY(-50%) !important;
  }

  .openlib_site_header__main_inner,
  .openlib_journal_header__identity_inner {
    position:relative !important;
    padding-right:50px !important;
  }

  .openlib_site_nav_toggle > span,
  .openlib_journal_nav_toggle > span {
    position:relative !important;
    top:auto !important;
    left:auto !important;
    display:block !important;
    width:20px !important;
    height:2px !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    border-radius:999px !important;
    background:currentColor !important;
    color:inherit !important;
    transform:none !important;
    text-indent:-9999px !important;
    overflow:visible !important;
    white-space:nowrap !important;
  }

  .openlib_site_nav_toggle > span::before,
  .openlib_site_nav_toggle > span::after,
  .openlib_journal_nav_toggle > span::before,
  .openlib_journal_nav_toggle > span::after {
    content:"" !important;
    position:absolute !important;
    left:0 !important;
    width:20px !important;
    height:2px !important;
    border-radius:999px !important;
    background:currentColor !important;
    transform:none !important;
    transition:transform .16s ease, top .16s ease, opacity .16s ease !important;
  }

  .openlib_site_nav_toggle > span::before,
  .openlib_journal_nav_toggle > span::before { top:-6px !important; }
  .openlib_site_nav_toggle > span::after,
  .openlib_journal_nav_toggle > span::after { top:6px !important; }

  .openlib_site_nav_toggle:hover,
  .openlib_site_nav_toggle:focus,
  .openlib_journal_nav_toggle:hover,
  .openlib_journal_nav_toggle:focus {
    border-color:#FCA5A5 !important;
    background:#FFF7F7 !important;
    color:#DC2626 !important;
    outline:0 !important;
    box-shadow:0 0 0 3px rgba(220,38,38,.10) !important;
  }

  .openlib_site_nav_toggle.pkp_site_nav_toggle--transform > span,
  .openlib_journal_nav_toggle.pkp_site_nav_toggle--transform > span {
    background:transparent !important;
  }
  .openlib_site_nav_toggle.pkp_site_nav_toggle--transform > span::before,
  .openlib_journal_nav_toggle.pkp_site_nav_toggle--transform > span::before {
    top:0 !important;
    transform:rotate(45deg) !important;
  }
  .openlib_site_nav_toggle.pkp_site_nav_toggle--transform > span::after,
  .openlib_journal_nav_toggle.pkp_site_nav_toggle--transform > span::after {
    top:0 !important;
    transform:rotate(-45deg) !important;
  }

  /* Mobile menu panel should not look like a raw OJS list. */
  .openlib_site_nav_menu.pkp_site_nav_menu--isOpen,
  .openlib_journal_nav.pkp_site_nav_menu--isOpen {
    border:1px solid #E2E8F0 !important;
    background:#fff !important;
    box-shadow:0 14px 32px rgba(15,23,42,.12) !important;
  }
}

@media (min-width: 768px) {
  .openlib_site_nav_toggle,
  .openlib_journal_nav_toggle { display:none !important; }
}

html[data-openlib-color-mode="dark"] .openlib_site_nav_toggle,
html[data-openlib-color-mode="dark"] .openlib_journal_nav_toggle {
  border-color:#334155 !important;
  background:#0F172A !important;
  color:#CBD5E1 !important;
}
html[data-openlib-color-mode="dark"] .openlib_site_nav_toggle:hover,
html[data-openlib-color-mode="dark"] .openlib_site_nav_toggle:focus,
html[data-openlib-color-mode="dark"] .openlib_journal_nav_toggle:hover,
html[data-openlib-color-mode="dark"] .openlib_journal_nav_toggle:focus {
  border-color:#DC2626 !important;
  background:#1F2937 !important;
  color:#FCA5A5 !important;
}