/* === GLOBAL BODY === */
body {
  font-family: 'Merriweather', serif;
  background-color: #f8f9fa;
  color: #212529;
  line-height: 1.6;
}

/* === HEADER AREA === */
.header, .pkp_structure_head {
  background-color: #0a3a36;
  color: #ffffff;
}

.header h1, .header h2, .header h3 {
  color: #ffffff;
}

/* === NAVIGATION MENU === */
.navbar, .pkp_navigation_primary {
  background-color: #0a3a36;
}

.navbar a, .pkp_navigation_primary a {
  color: #ffffff;
  font-weight: bold;
}

.navbar a:hover, .pkp_navigation_primary a:hover {
  color: #f2b632;
  text-decoration: underline;
}

/* === JOURNAL TITLE AREA === */
.pkp_site_name, .pkp_structure_main h1, h2.title {
  font-family: 'Poppins', sans-serif;
  color: #0a3a36;
  font-weight: 600;
}

/* === ARTICLE TITLES === */
.obj_article_details h1, .title, .article-summary-title {
  color: #0a3a36;
  font-weight: 700;
}

/* === HOMEPAGE IMAGE === */
.pkp_structure_content img {
  max-width: 100%;
  border-radius: 10px;
  box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.1);
}

/* === FOOTER === */
.pkp_structure_footer {
  background-color: #0a3a36;
  color: #ffffff;
  padding: 20px;
  font-size: 14px;
  text-align: center;
}

.pkp_structure_footer a {
  color: #f2b632;
  text-decoration: none;
}

.pkp_structure_footer a:hover {
  text-decoration: underline;
}

/* === BUTTON STYLING === */
.button, .cmp_button {
  background-color: #f2b632;
  color: #0a3a36;
  font-weight: bold;
  border-radius: 5px;
}

.button:hover, .cmp_button:hover {
  background-color: #d9a423;
}

/* === LINKS === */
a {
  color: #0a3a36;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

/* === TABLES === */
table {
  width: 100%;
  border-collapse: collapse;
  margin: 20px 0;
}

table, th, td {
  border: 1px solid #dee2e6;
}

th {
  background-color: #e9ecef;
  font-weight: bold;
}

td, th {
  padding: 10px;
  text-align: left;
}