/* ==========================================================================
   JSSP Teal Theme — standalone stylesheet for OJS 3.4
   Paste-free option: upload/link this file, OR paste its contents into
   Settings > Website > Appearance > Additional CSS.
   Restyles the DEFAULT OJS structure (colours, fonts, masthead, nav,
   footer, buttons). Backend/workflow unaffected.
   ========================================================================== */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Source+Serif+4:wght@400;500;600&display=swap');

:root{
  --brand:#0d4f4f;
  --brand-dark:#04342c;
  --accent:#5dcaa5;
  --tint:#E1F5EE;
  --tint-text:#0F6E56;
  --ink:#1a1a1a;
  --radius:8px;
}

body{
  font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  color:var(--ink);
  line-height:1.6;
}

/* -------------------------------------------------------------------------
   Masthead
   ------------------------------------------------------------------------- */
.pkp_structure_head{
  background:var(--brand)!important;
  border:none!important;
  box-shadow:none!important;
}
.pkp_site_name .is_text,
.pkp_site_name a,
.pkp_site_name a:link,
.pkp_site_name a:visited{
  color:#fff!important;
  font-family:'Source Serif 4',Georgia,serif;
  font-weight:600;
  text-decoration:none;
}
.pkp_site_name .is_img img{max-height:64px;}
.pkp_site_nav_toggle{color:#fff!important;}

/* -------------------------------------------------------------------------
   Top user bar (login / register / admin)
   ------------------------------------------------------------------------- */
.pkp_navigation_user_wrapper{background:transparent!important;}
.pkp_navigation_user>li>a{
  color:rgba(255,255,255,.85)!important;
  background:transparent!important;
}
.pkp_navigation_user>li>a:hover{color:#fff!important;}

/* -------------------------------------------------------------------------
   Primary navigation
   ------------------------------------------------------------------------- */
.pkp_navigation_primary_row,
.pkp_navigation_primary_wrapper{
  background:var(--brand)!important;
  border:none!important;
  box-shadow:none!important;
}
.pkp_navigation_primary>li>a,
.pkp_navigation_primary a{
  color:rgba(255,255,255,.85)!important;
  text-transform:none;
}
.pkp_navigation_primary>li>a:hover,
.pkp_navigation_primary>li>a:focus{
  color:#fff!important;
  background:rgba(255,255,255,.10);
  border-radius:var(--radius);
}
.pkp_navigation_primary ul{
  background:var(--brand-dark);
  border:none;
}
.pkp_navigation_primary ul li a{color:rgba(255,255,255,.85)!important;}
.pkp_navigation_primary ul li a:hover{background:rgba(255,255,255,.10);}
.pkp_search a,
.pkp_search{color:rgba(255,255,255,.85)!important;}

/* -------------------------------------------------------------------------
   Footer
   ------------------------------------------------------------------------- */
.pkp_structure_footer_wrapper,
.pkp_structure_footer{
  background:var(--brand)!important;
  color:rgba(255,255,255,.55);
  border:none;
}
.pkp_structure_footer a{color:var(--accent);}
.pkp_structure_footer a:hover{color:#fff;}

/* -------------------------------------------------------------------------
   Buttons, links, headings
   ------------------------------------------------------------------------- */
.pkp_button,
.cmp_button,
.obj_article_details .download a.obj_galley_link{
  background:var(--brand);
  border-color:var(--brand);
  color:#fff;
  border-radius:var(--radius);
}
.pkp_button:hover,
.obj_article_details .download a.obj_galley_link:hover{
  background:var(--brand-dark);
}
.pkp_structure_content a{color:var(--tint-text);}
.obj_article_details h1{
  font-family:'Source Serif 4',Georgia,serif;
  color:var(--brand);
}

/* -------------------------------------------------------------------------
   Article-type / open-access badges (if present)
   ------------------------------------------------------------------------- */
.obj_article_summary .obj_galley_link,
.cmp_notification.callout{border-radius:var(--radius);}