/*
 * MAYERA style for OJS's public pages (loaded only when a visitor picks "MAYERA style").
 * Same tokens as the website (Care/mmj/index.html): navy, blue, Open Sans, 5px navy rule under the header.
 * Overrides OJS 3.5's Default theme; it never changes the theme itself.
 */
:root{--mmj-navy:#0E2A4F;--mmj-blue:#3D7DB8;--mmj-ink:#14233A;--mmj-muted:#56627A;--mmj-line:#DCE3EC;--mmj-surface:#F3F6FA;--mmj-sky-soft:#E7F0F8;--mmj-foot:#0B2242;
  --mmj-font:"Open Sans","Helvetica Neue",Arial,system-ui,sans-serif}

html,body,body .pkp_structure_main h1,body .pkp_structure_main h2,body .pkp_structure_main h3,body .pkp_site_name,body .pkp_site_name .is_text,body .cmp_breadcrumbs .current h1,body .obj_article_details .item .label,body .obj_article_summary>.title,body .obj_issue_summary .title,body .pkp_block .title,body button,body input,body select,body textarea{font-family:var(--mmj-font)}
html,body{color:var(--mmj-ink)}
body a{color:var(--mmj-navy);text-underline-offset:3px}
body a:hover,body a:focus{color:var(--mmj-blue)}

/* Header: white, logo left, navy text menu, 5px navy rule (as on the website) */
.pkp_structure_head{background:#fff;border-bottom:5px solid var(--mmj-navy)}
body .pkp_site_name .is_text{display:block;width:245px;max-width:70vw;height:56px;margin:10px 0;padding:0;font-size:0;line-height:0;color:transparent;
  background:url(../images/mayera-logo.png) left center/contain no-repeat}
body .pkp_site_name .is_img img{max-height:56px}
body .pkp_site_nav_toggle{background:var(--mmj-navy);color:#fff}
body .pkp_site_nav_menu{background:#fff}
body .pkp_site_nav_menu a{color:var(--mmj-navy)}
body .pkp_site_nav_menu a:hover,body .pkp_site_nav_menu a:focus{color:var(--mmj-blue)}
body .pkp_navigation_primary>li>a,body .pkp_navigation_search_wrapper a{color:var(--mmj-navy);font-weight:600;font-size:.98rem;border-bottom:3px solid transparent}
body .pkp_navigation_primary>li>a:hover,body .pkp_navigation_search_wrapper a:hover{color:var(--mmj-navy);border-color:var(--mmj-navy)}
body .pkp_navigation_primary>li>a:focus,body .pkp_navigation_search_wrapper a:focus{background:var(--mmj-sky-soft);color:var(--mmj-navy)}
body .pkp_navigation_primary>li.mmj-on>a{border-color:var(--mmj-navy)}
body .pkp_navigation_primary>li.mmj-submit>a{background:var(--mmj-navy);color:#fff;border:0;padding:8px 16px;font-size:.82rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
body .pkp_navigation_primary>li.mmj-submit>a:hover{background:var(--mmj-blue);color:#fff}
body .pkp_navigation_user>li>a,body .pkp_navigation_user a{color:var(--mmj-navy)}
body .pkp_navigation_user>li>a:focus{background:var(--mmj-sky-soft);color:var(--mmj-navy)}
body .pkp_nav_list ul{border:1px solid var(--mmj-navy);border-radius:0;box-shadow:none}
body .pkp_nav_list ul a,body .pkp_nav_list ul a:hover,body .pkp_nav_list ul a:focus{color:var(--mmj-navy);border-color:var(--mmj-navy)}
@media (max-width:991px){
  body .pkp_site_name_wrapper{height:68px}
  body .pkp_site_nav_toggle{top:12px;left:12px;width:44px;height:44px;box-shadow:none}
  body .pkp_site_name{left:68px;right:12px;padding-left:0}
  body .pkp_site_name .is_text{height:44px;margin:12px 0;width:200px}
  body .pkp_site_nav_menu{top:calc(100% + 5px)}
  body .pkp_site_nav_menu{border-top:1px solid var(--mmj-line)}
  body .pkp_navigation_primary>li>a{display:block}
  body .pkp_navigation_user.pkp_navigation_user,body .pkp_navigation_search_wrapper{border-top-color:var(--mmj-line)}
}

/* Content */
.pkp_structure_content{padding-top:1.4rem}
body .pkp_structure_main:before,body .pkp_structure_main:after{background:var(--mmj-line)}
body .pkp_structure_main h1,body .pkp_structure_main h2,body .pkp_structure_main h3,body .pkp_structure_main h4{color:var(--mmj-navy);font-weight:700;letter-spacing:-.01em}
body .pkp_structure_main h1{font-size:2rem;line-height:1.2}
body .cmp_breadcrumbs,body .cmp_breadcrumbs a{color:var(--mmj-muted)}
body .obj_article_details .page_title{font-size:2rem;line-height:1.2;color:var(--mmj-navy)}
body .obj_article_details .item .label,body .obj_article_details .main_entry .item .label,body .obj_article_details .entry_details .item .label{color:var(--mmj-muted);font-size:.8rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
body .obj_article_details .main_entry .item{border-color:var(--mmj-line)}
body .obj_issue_toc .sections h2,body .obj_issue_toc .section>h2,body .page_index_journal .current_issue .section>h2{color:var(--mmj-muted);font-size:.85rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;border:0}
body .obj_issue_toc .section>h2:before,body .obj_issue_toc .section>h2:after{display:none}
body .obj_article_summary>.title a{color:var(--mmj-navy);font-weight:700}
body .obj_issue_summary .title{color:var(--mmj-navy)}

/* Buttons and PDF links: navy, square, like the website */
.cmp_button_wire,.obj_galley_link{border:2px solid var(--mmj-navy);border-radius:0;color:var(--mmj-navy);font-weight:700}
body .cmp_button_wire:hover,body .cmp_button_wire:focus,body .obj_galley_link:hover,body .obj_galley_link:focus{background:var(--mmj-navy);color:#fff}
body .cmp_button,body .cmp_form .buttons button,body .page_lost_password .buttons button,body .page_search .submit button,body .block_make_submission a{background:var(--mmj-navy);border:2px solid var(--mmj-navy);border-radius:0;color:#fff;font-weight:700;box-shadow:none;text-shadow:none}
body .cmp_button:hover,body .cmp_form .buttons button:hover,body .page_search .submit button:hover{background:var(--mmj-blue);border-color:var(--mmj-blue);box-shadow:none}
body .cmp_form input[type=text],body .cmp_form input[type=email],body .cmp_form input[type=password],body .cmp_form input[type=url],body .cmp_form select,body .cmp_form textarea{border-radius:0;border-color:var(--mmj-line)}
body .citation_display .csl-entry{background:var(--mmj-surface);border-left:4px solid var(--mmj-navy);padding:12px 14px}

/* Footer: dark navy band */
.pkp_structure_footer_wrapper{background:var(--mmj-foot);color:#fff}
body .pkp_footer_content,body .pkp_footer_content p{color:rgba(255,255,255,.88)}
body .pkp_footer_content a,body .pkp_brand_footer a{color:#fff}
body .pkp_brand_footer{opacity:.6}
body .pkp_brand_footer img{filter:brightness(0) invert(1)}