:root {
  --main-green: #3a8b5f;
  --accent-gold: #e4b857;
  --light-gray: #f5f5f5;
  --text-dark: #1c1c1c;
  --font-main: "Times New Roman", Times, serif;
}

body, html {
  background-color: var(--light-gray) !important;
  color: var(--text-dark);
  font-family: var(--font-main);
  line-height: 1.7;
  text-align: justify;
}

.pkp_site_nav_menu, .pkp_navigation_primary, .navbar {
  background-color: var(--main-green) !important;
  border: none !important;
}

.pkp_site_nav_menu a, .navbar a {
  color: #fff !important;
  font-weight: 500;
}

.pkp_site_nav_menu a:hover, .navbar a:hover {
  background-color: rgba(255,255,255,0.2);
  color: #fff !important;
}

h1, h2, h3, h4 {
  color: var(--main-green);
  font-family: var(--font-main);
  text-align: center;
  margin-top: 1em;
  margin-bottom: 0.5em;
}

h1 {
  border-bottom: 3px solid var(--accent-gold);
  padding-bottom: 5px;
}

button, .pkp_button, .cmp_button, input[type="submit"] {
  background-color: var(--main-green) !important;
  color: #fff !important;
  border: none !important;
  border-radius: 6px;
  padding: 6px 14px;
  transition: all 0.3s ease;
}

button:hover, .pkp_button:hover {
  background-color: #2f724e !important;
}

.pkp_structure_main .homepage_image img {
  max-width: 100%;
  height: auto !important;
  object-fit: contain !important;
  display: block;
  margin: 0 auto;
  border-radius: 6px;
  box-shadow: 0 2px 10px rgba(0,0,0,0.2);
}

.pkp_structure_footer_wrapper {
  background-color: #333 !important;
  color: #eee !important;
  font-family: var(--font-main);
  padding: 20px 0;
}

.pkp_structure_footer_wrapper a {
  color: var(--accent-gold) !important;
}

iframe {
  border-radius: 6px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.1);
}

@media (max-width: 900px) {
  h1, h2, h3, h4 { text-align: left; }
}
/* ============================
   ПІДМЕНЮ
   ============================ */

/* Випадаюче підменю */
.pkp_nav_list ul {
  background-color: #2f724e !important;
  border-radius: 4px;
  padding: 5px 0;
  box-shadow: 0 2px 8px rgba(0,0,0,0.3);
}

.pkp_nav_list ul li a {
  color: #fff !important;
  padding: 6px 12px;
  display: block;
}

.pkp_nav_list ul li a:hover {
  background-color: #3a8b5f !important;
  color: #fff !important;
}

/* ============================
   ВИРІВНЮВАННЯ НАЗВ СТАТЕЙ
   ============================ */
.obj_article_summary .title,
.obj_article_summary h2,
.obj_article_details .title {
  text-align: left !important;
}

/* Для списку статей */
.cmp_article_list h3,
.cmp_article_list .title {
  text-align: left !important;
}
/* ============================
   ВИРІВНЮВАННЯ УСІХ ЗАГОЛОВКІВ
   ============================ */

/* Заголовки сторінок, секцій, блоків */
h1, h2, h3, h4, h5, h6,
.page_title, 
.obj_issue_toc .title,
.cmp_article_list .title,
.pkp_block .title,
.obj_section h2,
.obj_section h3,
.obj_section h4 {
  text-align: left !important;
  color: var(--main-green);
  font-family: var(--font-main);
  margin-top: 1em;
  margin-bottom: 0.5em;
}

/* Лінія під основним заголовком */
h1 {
  border-bottom: 3px solid var(--accent-gold);
  padding-bottom: 5px;
}

/* Субзаголовки у списках або метаданих */
.cmp_article_list h3,
.obj_article_summary h2,
.obj_article_details h2 {
  text-align: left !important;
  font-weight: bold;
}

/* Заголовки віджетів у боковій панелі */
.pkp_block .title {
  border-bottom: 2px solid var(--accent-gold);
  padding-bottom: 4px;
  font-size: 1.1em;
}