/* Reconstruct the missing GPMU base layout from original Smarty templates and
   the journal screenshot in correspondence UID 3881 (2026-09-01).
   The original portal index template and original base stylesheet are absent. */
:root { --gpmu-historical-header: #2d8b96; }
body { font-family: Arial, Helvetica, sans-serif; }
.pkp_structure_head { background: var(--gpmu-historical-header); }
.pkp_head_wrapper, .pkp_structure_content, .pkp_structure_footer_wrapper { max-width: 1200px; }
.pkp_head_wrapper { width: calc(100% - 48px); margin-inline: auto; }
.pkp_site_name_wrapper { padding: 0; }
.pkp_site_name { height: auto; margin: 0; padding: 38px 0 54px; }
.pkp_site_name a.is_text { padding: 0; font-size: 40px; line-height: 1.25; font-weight: 500; white-space: normal; overflow: visible; text-overflow: clip; color: #fff; }
.gpmu-journal .pkp_site_name a.is_text { text-transform: uppercase; }
.gpmu-site .pkp_site_name a.is_text { font-size: 28px; }
.gpmu-language-switcher { padding: 12px 0 0; }
.gpmu-language-switcher a { color: #fff; text-underline-offset: 3px; }
.gpmu-language-switcher a:hover, .gpmu-language-switcher a:focus-visible { color: #fff; text-decoration-thickness: 2px; }
.pkp_navigation_primary_wrapper { display: flex; align-items: center; gap: 28px; }
.gpmu-portal-link { color: #fff; font-size: 18px; line-height: 1.4; text-decoration: none; flex-shrink: 0; padding: 20px 0; }
.gpmu-portal-link:hover, .gpmu-portal-link:focus-visible { color: #fff; text-decoration: underline; }
.pkp_navigation_primary { display: flex; flex: 1; flex-wrap: wrap; justify-content: space-between; margin: 0; max-width: none; }
.pkp_navigation_primary > li > a { font-size: 18px; line-height: 1.4; padding: 20px 8px; color: #fff; }
.pkp_navigation_search_wrapper { flex-shrink: 0; }
.pkp_search_desktop { position: static; display: inline-flex; padding: 20px 0; font-size: 18px; color: #fff; }
.pkp_search_desktop:hover, .pkp_search_desktop:focus-visible { color: #fff; }
.pkp_structure_content { width: calc(100% - 48px); margin-inline: auto; }
.pkp_structure_main { min-width: 0; }
.gpmu-journal.pkp_page_index .pkp_structure_main { float: none; width: 100%; padding: 70px 0 40px; border: 0; }
.gpmu-journal.pkp_page_index .pkp_structure_main::before, .gpmu-journal.pkp_page_index .pkp_structure_main::after { display: none; }
.gpmu-journal.pkp_page_index .pkp_structure_sidebar { float: none; width: 100%; }
.page_index_journal .current_issue > .flex:first-child { align-items: start; gap: 32px; }
.page_index_journal .current_issue h2 { font-size: 40px; line-height: 1.25; font-weight: 500; margin-bottom: 32px; }
.page_index_journal .additional_content { font-size: 16px; line-height: 1.5; }
.page_index_journal .current_issue > .flex:not(:first-child) > div { min-width: 0; max-width: 100%; }
.page_index_journal .cover img { display: block; width: 100%; max-width: 540px; height: auto; }
.page_index_journal .issue_description { margin: 0; }
.page_index_journal .sections { clear: both; }
.gpmu-site .pkp_structure_main { width: 100%; padding-inline: 0; }
.gpmu-site .journals > ul > li { margin-bottom: 40px; }
.gpmu-site .journals .thumb img { max-height: 260px; width: auto; max-width: 100%; }
.gpmu-site .journals .description { max-width: 78ch; }
a:focus-visible, button:focus-visible { outline: 2px solid currentColor; outline-offset: 4px; }
@media (min-width: 992px) { .pkp_site_nav_menu { padding-top: 0; } }
@media (max-width: 991px) {
 .pkp_head_wrapper, .pkp_structure_content { width: calc(100% - 32px); }
 .pkp_site_name { padding: 24px 0 28px 42px; }
 .pkp_site_name a.is_text, .gpmu-site .pkp_site_name a.is_text { font-size: 24px; line-height: 1.3; }
 .pkp_site_name_wrapper { min-height: 60px; }
 .pkp_site_nav_toggle { top: 28px; left: 0; }
 .pkp_navigation_primary_wrapper, .pkp_navigation_primary { display: block; }
 .gpmu-portal-link { display: block; padding: 12px 0; }
 .pkp_navigation_primary > li > a { padding: 12px 0; }
 .pkp_search_desktop { display: none; }
 .gpmu-journal.pkp_page_index .pkp_structure_main { padding-top: 32px; }
 .page_index_journal .current_issue h2 { font-size: 32px; }
 .page_index_journal .current_issue > .flex:first-child { gap: 0; }
 .page_index_journal .current_issue > .flex > div { width: 100%; }
 .page_index_journal .current_issue > .flex { flex-direction: column; }
 .page_index_journal .additional_content { text-align: left; }
}

/* Override the per-journal default-theme navigation colour with the historical common header. */
.pkp_structure_head .pkp_site_nav_menu, .pkp_structure_head .pkp_navigation_primary_row, .pkp_structure_head .pkp_navigation_primary_wrapper { background: var(--gpmu-historical-header); }
.pkp_structure_head .pkp_navigation_user a { color: #fff; }

/* Curved line motif is reconstructed geometry from screenshots UID3472/3596. */
.pkp_structure_head { background-image: url('../images/header-orbits.svg'); background-repeat: no-repeat; background-size: 100% 100%; }
.pkp_structure_head .pkp_site_nav_menu, .pkp_structure_head .pkp_navigation_primary_row, .pkp_structure_head .pkp_navigation_primary_wrapper { background: transparent; }
.pkp_navigation_primary > li > a { white-space: nowrap; }
.pkp_structure_footer_wrapper { max-width: none; background: #d3e7e9; }
.pkp_structure_footer { max-width: 1200px; margin-inline: auto; padding: 64px 24px; }
.page_index_site .journals h3 { font-size: 26px; line-height: 1.3; }
.page_index_site .journals .description { font-size: 16px; line-height: 1.6; }
@media (min-width: 992px) {
 .pkp_navigation_primary { flex-wrap: nowrap; }
 .pkp_site_name_wrapper { padding-top: 0; }
 .page_index_site .journals > ul > li { display: flex; align-items: flex-start; gap: 32px; }
 .page_index_site .journals .thumb { flex: 0 0 180px; margin: 0; width: 180px; }
 .page_index_site .journals .body { flex: 1; padding: 0; min-width: 0; }
}
@media (max-width: 991px) {
 .pkp_navigation_primary { display: block; }
 .pkp_structure_head { background-size: auto 100%; }
 .gpmu-site .pkp_site_name a.is_text { font-size: 20px; }
}

/* The standard OJS mobile title is absolutely positioned; the restored long
   journal/university names must contribute their full height to the header. */
@media (max-width: 991px) {
 .pkp_head_wrapper .pkp_site_name_wrapper { height: auto; min-height: 60px; }
 .pkp_head_wrapper .pkp_site_name { position: relative; inset: auto; width: 100%; white-space: normal; overflow: visible; }
}
