/* ======================================
 Journal: Journal of Applied Finance and Economic Policy
 Theme: Professional Green + Finance Look
 Compatible: OJS 3.x Default / Bootstrap
 ====================================== */

/* ---- Brand Colors ---- */
:root{
  --brand:#1B7F5C;      /* Main Green */
  --brand-dark:#145F47; /* Dark Green */
  --accent:#F0FDF8;     /* Light Green */
  --gold:#D4AF37;       /* Finance Accent */
  --text:#0F172A;
  --muted:#475569;
  --border:#E2E8F0;
  --card:#FFFFFF;
}

/* ---- Base Layout ---- */
body{
  background:#F9FBFC;
  color:var(--text);
  font-family: "Segoe UI", Roboto, Arial, sans-serif;
  line-height:1.7;
}

/* ---- Header ---- */
.pkp_site_name_wrapper,
.pkp_head_wrapper{
  background:linear-gradient(90deg,var(--brand-dark),var(--brand));
  border-bottom:4px solid var(--gold);
}

.pkp_site_name a,
.pkp_site_name .is_text{
  color:#fff !important;
  font-weight:800;
  letter-spacing:.4px;
}

/* ---- Navigation ---- */
.pkp_navigation_primary > li > a{
  color:#EFFFF7 !important;
  font-weight:600;
}

.pkp_navigation_primary > li > a:hover{
  color:#FFFFFF !important;
  text-decoration:none;
  border-bottom:2px solid var(--gold);
}

/* Dropdown */
.pkp_navigation_primary ul{
  border:1px solid var(--border);
}
.pkp_navigation_primary ul a:hover{
  background:var(--accent) !important;
  color:var(--brand-dark) !important;
}

/* ---- Buttons ---- */
.pkp_button,
.pkp_button_primary,
button.submit,
a.pkp_button{
  background:var(--brand) !important;
  color:#fff !important;
  border-radius:10px;
  border:1px solid var(--brand);
  padding:9px 16px;
  font-weight:700;
}

.pkp_button:hover{
  background:var(--brand-dark) !important;
}

/* Secondary */
.pkp_button_secondary{
  background:#fff !important;
  color:var(--brand) !important;
  border:1px solid var(--brand) !important;
}

/* ---- Page Titles ---- */
h1,h2,h3{
  color:#0B3D2C;
  font-weight:700;
}

.pkp_page_title{
  border-left:6px solid var(--brand);
  padding-left:12px;
  margin-bottom:16px;
}

/* ---- Main Content Cards ---- */
.pkp_structure_main .cmp_announcements,
.pkp_structure_main .obj_issue_toc,
.pkp_structure_main .cmp_article_list,
.pkp_structure_main .cmp_form,
.pkp_structure_main .block{
  background:var(--card);
  border:1px solid var(--border);
  border-radius:14px;
  padding:18px;
  margin-bottom:18px;
  box-shadow:0 4px 18px rgba(0,0,0,.05);
}

/* ---- Article Titles ---- */
.obj_article_summary .title a,
.cmp_article_list .title a{
  color:#083726 !important;
  font-weight:800;
}

.obj_article_summary .title a:hover{
  color:var(--brand) !important;
}

/* ---- Issue TOC ---- */
.obj_issue_toc .heading{
  background:var(--accent);
  padding:10px 14px;
  border-left:5px solid var(--brand);
  font-weight:700;
}

/* ---- Sidebar ---- */
.pkp_structure_sidebar .pkp_block{
  background:#fff;
  border:1px solid var(--border);
  border-radius:14px;
  box-shadow:0 3px 12px rgba(0,0,0,.05);
}

.pkp_structure_sidebar .pkp_block .title{
  background:var(--accent);
  color:#0B3D2C;
  padding:12px;
  font-weight:800;
  border-radius:14px 14px 0 0;
}

/* ---- Tables (Finance/Data) ---- */
table{
  border-collapse:collapse;
  width:100%;
}

table th{
  background:var(--brand);
  color:#fff;
  padding:8px;
}

table td{
  border:1px solid var(--border);
  padding:8px;
}

/* ---- Forms ---- */
input, select, textarea{
  border-radius:8px;
  border:1px solid var(--border);
  padding:7px 10px;
}

input:focus,
textarea:focus{
  border-color:var(--brand);
  outline:none;
}

/* ---- Footer ---- */
.pkp_structure_footer,
.pkp_footer_content{
  color:#DFF7EE;
}

.pkp_footer_content a{
  color:#9FF0D0;
}

.pkp_footer_content a:hover{
  color:#fff;
}

/* ---- Homepage Finance Effect ---- */
.pkp_structure_body{
  background:
    linear-gradient(180deg, rgba(27,127,92,.05), transparent 35%),
    #F9FBFC;
}

/* ---- Mobile ---- */
@media(max-width:768px){
  .pkp_structure_main .cmp_article_list,
  .pkp_structure_main .obj_issue_toc{
    padding:14px;
  }
}
