/* The redesign (v2) on the OJS pages: the few things OJS adds that the WordPress stylesheets do not know.
   Everything else is themes/ijlmh-v2/assets/*.css, loaded as is. */

/* the old site bar is gone in the redesign (the call for papers sits in the masthead); the WhatsApp button turns navy,
   as on the WordPress pages (themes/ijlmh-v2/functions.php) */
#ijlmh-cfp-sitebar { display: none !important; }
body { padding-bottom: 0 !important; }
#ijlmh-wa { bottom: 20px !important; background: #17304a !important; box-shadow: 0 4px 16px -3px rgba(23,48,74,.5) !important; }
#ijlmh-wa:hover { background: #102438 !important; box-shadow: 0 8px 24px -4px rgba(23,48,74,.6) !important; }

/* a subtitle under the article title */
.ahead .asub { font: 400 20px/1.4 var(--serif); color: var(--mu); margin: -8px 0 16px; max-width: 980px; }
/* the references list numbers itself (pages.css) */
.prose ol.refs { list-style: none; padding-left: 0; }
/* supplementary files */
.prose .supp { list-style: none; padding: 0; }
.prose .supp li { padding: 6px 0; border-top: 1px solid var(--rule); }
.prose .supp a { display: inline-flex; gap: 8px; align-items: center; }
/* OJS's screen-reader-only text */
.pkp_screen_reader { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }

/* OJS's own public pages (sign in, password reset, registration, search) inside the redesign: the site's breadcrumb
   bar (templates-v2 breadcrumbs.tpl), the page in the site's measure, forms in the site's form style. */
.ijv-ojs .page { padding-bottom: 56px; }
.ijv-ojs .page > :not(.crumb) { box-sizing: border-box; max-width: var(--pw, 1260px); margin-left: auto; margin-right: auto; padding-left: 32px; padding-right: 32px; }
.ijv-ojs.pkp_page_login .page, .ijv-ojs.pkp_page_user .page { --pw: 720px; }
@media (max-width: 860px) { .ijv-ojs .page > :not(.crumb) { padding-left: 16px; padding-right: 16px; } }
.ijv-ojs .page > h1 { margin-top: 28px; margin-bottom: 6px; font: 600 34px/1.15 var(--serif); color: var(--ink); }
.ijv-ojs .page > p { margin-bottom: 14px; font-size: 15px; color: var(--mu); }
@media (max-width: 860px) { .ijv-ojs .page > h1 { margin-top: 20px; font-size: 28px; } }

.ijv-ojs .cmp_form { font-size: 15px; color: var(--body); }
.ijv-ojs .cmp_form > fieldset, .ijv-ojs .page_login .cmp_form .fields, .ijv-ojs .page_lost_password .cmp_form .fields { min-width: 0; margin: 0 0 18px; padding: 20px 22px 22px; border: 1px solid var(--rule); border-radius: 6px; background: #fff; box-shadow: var(--shadow-sm); }
.ijv-ojs .cmp_form fieldset fieldset { margin: 0; padding: 0; border: 0; box-shadow: none; }
.ijv-ojs .cmp_form legend { padding: 0; margin-bottom: 12px; font: 600 17px var(--sans); color: var(--navy); }
.ijv-ojs .cmp_form .fields > div, .ijv-ojs .cmp_form .search_input, .ijv-ojs .cmp_form .date_range, .ijv-ojs .cmp_form .author { margin-bottom: 14px; }
.ijv-ojs .cmp_form label { display: block; }
.ijv-ojs .cmp_form .label { display: block; margin-bottom: 5px; font-size: 14.5px; font-weight: 600; color: var(--ink); }
.ijv-ojs .cmp_form .required { color: #b42318; }
.ijv-ojs .cmp_form input[type=text], .ijv-ojs .cmp_form input[type=email], .ijv-ojs .cmp_form input[type=password], .ijv-ojs .cmp_form input[type=search], .ijv-ojs .cmp_form select, .ijv-ojs .cmp_form textarea {
  box-sizing: border-box; width: 100%; padding: 10px 12px; border: 1px solid #c8d0d9; border-radius: 4px; background: #fff; font: 15.5px var(--sans); color: var(--ink); }
.ijv-ojs .cmp_form .date_range select { width: auto; margin-right: 6px; }
.ijv-ojs .cmp_form input:focus, .ijv-ojs .cmp_form select:focus, .ijv-ojs .cmp_form textarea:focus { outline: 2px solid var(--link); outline-offset: -1px; border-color: var(--link); }
.ijv-ojs .cmp_form .password a { display: inline-block; margin-top: 7px; font-size: 14px; }
.ijv-ojs .cmp_form .checkbox label, .ijv-ojs .cmp_form .optin label, .ijv-ojs .cmp_form .optin_privacy label, .ijv-ojs .cmp_form .context_optin label { display: flex; gap: 9px; align-items: flex-start; font-weight: 400; }
.ijv-ojs .cmp_form .checkbox .label, .ijv-ojs .cmp_form .optin .label { margin: 0; font-weight: 400; color: var(--body); }
.ijv-ojs .cmp_form input[type=checkbox] { margin-top: 3px; width: 16px; height: 16px; accent-color: var(--navy); }
.ijv-ojs .cmp_form .buttons, .ijv-ojs .cmp_form div.submit { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 18px; margin-top: 6px; }
.ijv-ojs .cmp_form button.submit, .ijv-ojs .cmp_form .submit button { padding: 12px 24px; border: 0; border-radius: 4px; background: var(--navy); color: #fff; font: 600 15.5px/1 var(--sans); cursor: pointer; }
.ijv-ojs .cmp_form button.submit:hover, .ijv-ojs .cmp_form .submit button:hover { background: var(--navy-dk); }
.ijv-ojs .cmp_form .buttons a { font-weight: 600; }
.ijv-ojs .pkp_form_error, .ijv-ojs .cmp_notification { margin: 0 0 16px; padding: 10px 14px; border: 1px solid #f0c9c4; border-radius: 4px; background: #fdf1f0; color: #8a1c14; font-size: 14.5px; }
.ijv-ojs .cmp_notification.success, .ijv-ojs .cmp_notification.notice { border-color: #c9d6e5; background: var(--tint); color: var(--navy); }

/* search results */
.ijv-ojs .search_results { list-style: none; padding: 0; margin: 8px 0 0; }
.ijv-ojs .search_results > li { padding: 16px 0; border-top: 1px solid var(--rule); }
.ijv-ojs .obj_article_summary .title { margin: 0 0 4px; font: 600 18px/1.35 var(--serif); }
.ijv-ojs .obj_article_summary .title a { color: var(--navy); }
.ijv-ojs .obj_article_summary .subtitle { display: block; font-size: 15px; color: var(--mu); }
.ijv-ojs .obj_article_summary .meta { display: flex; flex-wrap: wrap; gap: 4px 18px; font-size: 14px; color: var(--mu); }
.ijv-ojs .obj_article_summary .authors { color: var(--body); }
.ijv-ojs .cmp_pagination { display: flex; gap: 12px; margin-top: 18px; font-size: 14.5px; }

/* ORCID's own button on the registration form: compact, in the site's button style */
.ijv-ojs #connect-orcid-button { display: inline-flex; align-items: center; gap: 8px; margin: 0 12px 16px 0; padding: 9px 14px; border: 1px solid #c8d0d9; border-radius: 4px; background: #fff; font: 600 14.5px var(--sans); color: var(--ink); cursor: pointer; }
.ijv-ojs #connect-orcid-button .orcid_button_container { display: inline-flex; align-items: center; gap: 8px; }
.ijv-ojs #connect-orcid-button .orcid_icon, .ijv-ojs #connect-orcid-button img { width: 20px; height: 20px; }
.ijv-ojs #connect-orcid-button:hover { border-color: var(--navy); }
/* search: the date filters on one row each, after and before side by side */
.ijv-ojs .cmp_form .date_range { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px 28px; }
.ijv-ojs .cmp_form .date_range fieldset { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 8px; }
.ijv-ojs .cmp_form .date_range legend { margin-bottom: 6px; font: 600 14.5px var(--sans); color: var(--ink); }
.ijv-ojs .cmp_form .date_range label { display: inline; margin: 0 0 0 4px; font-size: 13.5px; color: var(--mu); }
.ijv-ojs .cmp_form .date_range label:first-of-type { margin-left: 0; }
.ijv-ojs .cmp_form .date_range select { width: auto; padding: 8px 10px; margin: 0; }
@media (max-width: 860px) { .ijv-ojs .cmp_form .date_range { grid-template-columns: 1fr; } }
.ijv-ojs .obj_article_summary .pages::before { content: "pp. "; }
.ijv-ojs .obj_article_summary .published::before { content: "Published "; }