/* =========================
   MedPak / Green Medical Look
   Works with OJS 3.x default themes
   ========================= */

/* ---- Brand colors ---- */
:root{
  --brand: #0B8F5A;      /* main green */
  --brand2:#0A6F49;      /* darker green */
  --mint:  #EAF7F1;      /* very light green background */
  --text:  #0F172A;      /* near-black */
  --muted: #475569;      /* gray text */
  --line:  #E2E8F0;      /* borders */
  --card:  #FFFFFF;      /* cards */
}

/* ---- Base ---- */
body{
  color: var(--text);
  background: #F8FAFC;
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
}

/* ---- Links ---- */
a{ color: var(--brand2); }
a:hover{ color: var(--brand); text-decoration: underline; }

/* ---- Header bar ---- */
.pkp_site_name_wrapper,
.pkp_head_wrapper{
  background: linear-gradient(90deg, var(--brand2), var(--brand));
}

/* Site name/logo area text */
.pkp_site_name .is_text,
.pkp_site_name a{
  color: #fff !important;
  font-weight: 700;
  letter-spacing: .2px;
}

/* ---- Navigation ---- */
.pkp_navigation_primary > li > a{
  color: #EFFFF8 !important;
  font-weight: 600;
}
.pkp_navigation_primary > li > a:hover{
  color: #FFFFFF !important;
  opacity: .95;
  text-decoration: none;
}

/* Dropdowns */
.pkp_navigation_primary ul{
  border: 1px solid rgba(255,255,255,.18);
}
.pkp_navigation_primary ul a{
  color: var(--text) !important;
}
.pkp_navigation_primary ul a:hover{
  background: var(--mint) !important;
  color: var(--brand2) !important;
}

/* ---- Search bar (if visible in header) ---- */
.pkp_search input[type="text"]{
  border-radius: 10px;
  border: 1px solid rgba(255,255,255,.35);
}
.pkp_search button{
  background: #fff;
  color: var(--brand2);
  border-radius: 10px;
}

/* ---- Buttons ---- */
.pkp_button,
.pkp_button_primary,
button.submit,
a.pkp_button{
  background: var(--brand) !important;
  border-color: var(--brand) !important;
  color: #fff !important;
  border-radius: 12px;
  padding: 10px 14px;
  font-weight: 700;
}
.pkp_button:hover,
.pkp_button_primary:hover,
button.submit:hover,
a.pkp_button:hover{
  background: var(--brand2) !important;
  border-color: var(--brand2) !important;
}

/* Secondary button */
.pkp_button.pkp_button_secondary{
  background: #fff !important;
  color: var(--brand2) !important;
  border: 1px solid var(--brand) !important;
}

/* ---- Page headings ---- */
.pkp_page_title h1,
h1, h2, h3{
  color: #0B3B2B;
}
.pkp_page_title{
  border-bottom: 3px solid var(--mint);
  padding-bottom: 10px;
}

/* ---- Main content cards (clean journal look) ---- */
.pkp_structure_content,
.pkp_structure_main{
  background: transparent;
}
.pkp_structure_main .cmp_announcements,
.pkp_structure_main .obj_issue_toc,
.pkp_structure_main .cmp_article_list,
.pkp_structure_main .cmp_breadcrumbs,
.pkp_structure_main .cmp_notification,
.pkp_structure_main .block,
.pkp_structure_main .cmp_form{
  background: var(--card);
  border: 1px solid var(--line);
  border-radius: 16px;
  box-shadow: 0 6px 20px rgba(15, 23, 42, .06);
  padding: 16px;
  margin-bottom: 16px;
}

/* ---- Sidebar blocks ---- */
.pkp_structure_sidebar .pkp_block{
  background: var(--card);
  border: 1px solid var(--line);
  border-radius: 16px;
  box-shadow: 0 6px 20px rgba(15, 23, 42, .06);
}
.pkp_structure_sidebar .pkp_block .title{
  background: var(--mint);
  color: #0B3B2B;
  font-weight: 800;
  border-radius: 16px 16px 0 0;
  padding: 12px 14px;
}

/* ---- Article titles ---- */
.obj_article_summary .title a,
.obj_galley_link a,
.cmp_article_list .title a{
  color: #0B3B2B !important;
  font-weight: 800;
}
.obj_article_summary .title a:hover{
  color: var(--brand2) !important;
}

/* ---- Issue TOC ---- */
.obj_issue_toc .heading{
  border-left: 6px solid var(--brand);
  padding-left: 10px;
}

/* ---- Footer ---- */
.pkp_footer_content,
.pkp_structure_footer{
  background: #062E22;
  color: #DFF7EE;
}
.pkp_footer_content a{
  color: #B8F3DD;
}
.pkp_footer_content a:hover{
  color: #FFFFFF;
}

/* ---- Optional: add “medical” subtle background band on homepage ---- */
.pkp_structure_body{
  background:
    radial-gradient(circle at 20% 0%, rgba(11,143,90,.08), transparent 30%),
    radial-gradient(circle at 80% 10%, rgba(11,143,90,.06), transparent 35%),
    #F8FAFC;
}

/* ---- Responsive padding ---- */
@media (max-width: 768px){
  .pkp_structure_main .obj_issue_toc,
  .pkp_structure_main .cmp_article_list,
  .pkp_structure_main .cmp_form{
    padding: 12px;
    border-radius: 14px;
  }
}