/* Open Library Publications — Auth Hover Red — 2026-08-28 v1
 * Final auth capsule interaction override.
 * Default Login/Register: white with red text.
 * Hover/focus: solid red with white text.
 * Dark/Light: always solid red with white icon.
 */
:root{
  --ola34-red:#94151e;
  --ola34-red-hover:#7f1119;
  --ola34-white:#ffffff;
}

/* --------------------------------------------------------------------------
   SITE HEADER — stronger specificity than historic unified-header rules
   -------------------------------------------------------------------------- */
html body .openlib_site_header--unified .openlib_account_cluster--guest > button.openlib_color_mode_toggle,
html[data-openlib-color-mode="dark"] body .openlib_site_header--unified .openlib_account_cluster--guest > button.openlib_color_mode_toggle{
  width:38px!important;
  min-width:38px!important;
  height:36px!important;
  min-height:36px!important;
  margin:0!important;
  padding:0!important;
  border:1px solid var(--ola34-red)!important;
  border-radius:10px!important;
  background:var(--ola34-red)!important;
  background-color:var(--ola34-red)!important;
  background-image:none!important;
  color:var(--ola34-white)!important;
  opacity:1!important;
  visibility:visible!important;
  box-shadow:none!important;
  filter:none!important;
  appearance:none!important;
}
html body .openlib_site_header--unified .openlib_account_cluster--guest > button.openlib_color_mode_toggle:before,
html body .openlib_site_header--unified .openlib_account_cluster--guest > button.openlib_color_mode_toggle:after{
  display:none!important;
  content:none!important;
}
html body .openlib_site_header--unified .openlib_account_cluster--guest > button.openlib_color_mode_toggle .fa,
html body .openlib_site_header--unified .openlib_account_cluster--guest > button.openlib_color_mode_toggle .fa:before,
html[data-openlib-color-mode="dark"] body .openlib_site_header--unified .openlib_account_cluster--guest > button.openlib_color_mode_toggle .fa,
html[data-openlib-color-mode="dark"] body .openlib_site_header--unified .openlib_account_cluster--guest > button.openlib_color_mode_toggle .fa:before{
  color:#fff!important;
  opacity:1!important;
}
html body .openlib_site_header--unified .openlib_account_cluster--guest > button.openlib_color_mode_toggle:hover,
html body .openlib_site_header--unified .openlib_account_cluster--guest > button.openlib_color_mode_toggle:focus,
html body .openlib_site_header--unified .openlib_account_cluster--guest > button.openlib_color_mode_toggle:focus-visible{
  border-color:var(--ola34-red-hover)!important;
  background:var(--ola34-red-hover)!important;
  background-color:var(--ola34-red-hover)!important;
  background-image:none!important;
  color:#fff!important;
  outline:none!important;
}

/* Login + Register are intentionally neutral until interaction. */
html body .openlib_site_header--unified .openlib_account_cluster--guest > a.openlib_auth_switch__item,
html body.pkp_page_login .openlib_site_header--unified .openlib_account_cluster--guest > a.openlib_auth_switch__item,
html body.pkp_page_user.pkp_op_register .openlib_site_header--unified .openlib_account_cluster--guest > a.openlib_auth_switch__item,
html body .openlib_site_header--unified .openlib_account_cluster--guest > a.openlib_auth_switch__item.is-active{
  border:0!important;
  border-radius:10px!important;
  background:#fff!important;
  background-color:#fff!important;
  background-image:none!important;
  color:var(--ola34-red)!important;
  box-shadow:none!important;
}
html body .openlib_site_header--unified .openlib_account_cluster--guest > a.openlib_auth_switch__item:hover,
html body .openlib_site_header--unified .openlib_account_cluster--guest > a.openlib_auth_switch__item:focus,
html body .openlib_site_header--unified .openlib_account_cluster--guest > a.openlib_auth_switch__item:focus-visible,
html body.pkp_page_login .openlib_site_header--unified .openlib_account_cluster--guest > a.openlib_auth_switch__item:hover,
html body.pkp_page_user.pkp_op_register .openlib_site_header--unified .openlib_account_cluster--guest > a.openlib_auth_switch__item:hover{
  border:0!important;
  background:var(--ola34-red)!important;
  background-color:var(--ola34-red)!important;
  background-image:none!important;
  color:#fff!important;
  box-shadow:0 5px 12px rgba(126,17,25,.16)!important;
  text-decoration:none!important;
}
html body .openlib_site_header--unified .openlib_account_cluster--guest > a.openlib_auth_switch__item:hover span,
html body .openlib_site_header--unified .openlib_account_cluster--guest > a.openlib_auth_switch__item:focus span,
html body .openlib_site_header--unified .openlib_account_cluster--guest > a.openlib_auth_switch__item:focus-visible span{
  color:#fff!important;
}

/* --------------------------------------------------------------------------
   JOURNAL HEADER — same language as publisher header
   -------------------------------------------------------------------------- */
html body .openlib_journal_header__utility .openlib_account_cluster--guest > button.openlib_color_mode_toggle,
html[data-openlib-color-mode="dark"] body .openlib_journal_header__utility .openlib_account_cluster--guest > button.openlib_color_mode_toggle{
  border:1px solid var(--ola34-red)!important;
  border-radius:10px!important;
  background:var(--ola34-red)!important;
  background-color:var(--ola34-red)!important;
  background-image:none!important;
  color:#fff!important;
  opacity:1!important;
}
html body .openlib_journal_header__utility .openlib_account_cluster--guest > button.openlib_color_mode_toggle:before,
html body .openlib_journal_header__utility .openlib_account_cluster--guest > button.openlib_color_mode_toggle:after{
  display:none!important;
  content:none!important;
}
html body .openlib_journal_header__utility .openlib_account_cluster--guest > button.openlib_color_mode_toggle .fa,
html body .openlib_journal_header__utility .openlib_account_cluster--guest > button.openlib_color_mode_toggle .fa:before{
  color:#fff!important;
  opacity:1!important;
}
html body .openlib_journal_header__utility .openlib_account_cluster--guest > a.openlib_auth_switch__item,
html body .openlib_journal_header__utility .openlib_account_cluster--guest > a.openlib_auth_switch__item.is-active{
  border-radius:10px!important;
  background:#fff!important;
  background-color:#fff!important;
  background-image:none!important;
  color:var(--ola34-red)!important;
  box-shadow:none!important;
}
html body .openlib_journal_header__utility .openlib_account_cluster--guest > a.openlib_auth_switch__item:hover,
html body .openlib_journal_header__utility .openlib_account_cluster--guest > a.openlib_auth_switch__item:focus,
html body .openlib_journal_header__utility .openlib_account_cluster--guest > a.openlib_auth_switch__item:focus-visible{
  background:var(--ola34-red)!important;
  background-color:var(--ola34-red)!important;
  background-image:none!important;
  color:#fff!important;
  box-shadow:0 5px 12px rgba(126,17,25,.16)!important;
}