/* =====================================================================
   Asian Journal «Steppe Panorama» — таблица стилей журнала
   Основной цвет: #16284a
   Часть 1 — восстановленные правила старого файла (снимок Wayback, июль 2025)
   Часть 2 — новые правила (октябрь 2026)
   ===================================================================== */


/* ---------- 1. СТАРЫЕ ПРАВИЛА (восстановлены) ---------- */

/* Логотип в шапке */
.pkp_site_name .is_img img {
  display: inline-block;
  max-height: 300px;
  max-width: 1150px;
  height: auto;
}

/* Без отступа над и под страницей */
.pkp_structure_page {
  margin-top: 0;
  margin-bottom: 0;
}

/* Подвал: скрыть логотип OJS/PKP, текст по центру */
.pkp_brand_footer {
  display: none;
}
.pkp_footer_content {
  padding: 2.143rem;
  text-align: center;
}

/* Кнопки в боковой панели (<button class="button button2">) */
.button {
  background-color: #16284a;   /* было #0c73bc */
  border: none;
  color: #cfa457;   /* золото, как в верхнем меню */
  padding: 10px;
  text-align: left;
  text-decoration: none;
  display: block;
  font-size: 14px;
  margin: 2px;
  width: 200px;
  border-radius: 4px;
  cursor: pointer;
  -webkit-transition-duration: 0.4s;
  transition-duration: 0.4s;
}
.button1 {
  box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
  cursor: text;
}
.button2:hover {
  background-color: #2e4a85;
  box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);
}

/* Выпадающие кнопки (если используются в блоках) */
.dropbtn {
  background-color: #16284a;   /* было #454d98 */
  color: #fff;
  padding: 10px;
  text-align: left;
  font-size: 14px;
  margin: 2px;
  border: none;
  width: 200px;
  border-radius: 4px;
  cursor: pointer;
}
.dropdown {
  position: relative;
  display: inline-block;
}
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  padding: 10px;
  text-align: left;
  font-size: 18px;
  margin: 2px;
  width: 200px;
  box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
  z-index: 1;
}
.dropdown-content a {
  color: black;
  padding: 10px;
  text-decoration: none;
  display: block;
}
.dropdown-content a:hover { background-color: #f1f1f1; }
.dropdown:hover .dropdown-content { display: block; }
.dropdown:hover .dropbtn { background-color: #2e4a85; }


/* ---------- 2. НОВЫЕ ПРАВИЛА ---------- */

/* Ссылки */
a,
.pkp_page_index .current_issue .read_more,
.obj_announcement_summary .read_more,
.obj_galley_link_supplementary { color: #16284a; }

a:hover, a:focus,
.pkp_page_index .current_issue .read_more:hover,
.obj_announcement_summary .read_more:hover,
.obj_galley_link_supplementary:hover { color: #2e4a85; }

/* Полоса главного меню — тёмно-синяя, текст золотой (#cfa457, как на логотипе) */
@media (min-width: 992px) {
  .pkp_navigation_primary_row { background: #16284a; }

  #navigationPrimary > li > a { color: #cfa457; }
  #navigationPrimary > li > a:hover,
  #navigationPrimary > li > a:focus { color: #e3c27f; border-color: #cfa457; }

  /* выпадающее подменю «Журнал» */
  #navigationPrimary ul a:hover,
  #navigationPrimary ul a:focus {
    background: #2e4a85;   /* как у кнопок сайдбара при наведении */
    border-color: #cfa457;
    color: #e3c27f;
  }

  .pkp_navigation_search_wrapper a { color: #cfa457; }
  .pkp_navigation_search_wrapper a:hover,
  .pkp_navigation_search_wrapper a:focus { color: #e3c27f; border-color: #cfa457; }

  /* меню пользователя в шапке (вход / регистрация / имя) */
  .pkp_navigation_user > li > a { color: #cfa457; }
  .pkp_navigation_user > li > a:hover { color: #e3c27f; }
}

/* Золотые подчёркивания заголовков (блоки сайдбара, «Текущий выпуск», разделы, статья) */
.pkp_block .title,
.pkp_page_index .current_issue h2,
.obj_issue_toc > .galleys h2,
.obj_issue_toc .section h2,
.obj_article_details .main_entry .label,
.obj_article_details .entry_details .sub_item:not(:first-child) .label {
  border-bottom-color: #cfa457;
}

/* Золотая полоса внизу подвала */
.pkp_structure_footer_wrapper { border-bottom-color: #cfa457; }

/* Кнопки сайдбара: золотой текст при наведении */
.button2:hover { color: #e3c27f; }

/* Кнопки PDF (гранки статей и выпусков) — как кнопки сайдбара:
   синий фон, золотой текст; при наведении фон и текст светлее */
.obj_galley_link {
  color: #cfa457;
  border-radius: 4px;
  transition: background-color .3s, color .3s, box-shadow .3s;
}
.obj_galley_link:hover,
.obj_galley_link:focus {
  background: #2e4a85;
  color: #e3c27f;
  box-shadow: 0 4px 10px rgba(0, 0, 0, .2);
}

/* Логотипы в сайдбаре (индексация, антиплагиат, флаги):
   при наведении слегка подсвечиваются и поднимаются */
.pkp_structure_sidebar .pkp_block a img {
  transition: transform .25s ease, filter .25s ease;
}
.pkp_structure_sidebar .pkp_block a:hover img,
.pkp_structure_sidebar .pkp_block a:focus img {
  transform: translateY(-4px);
  filter: brightness(1.08) drop-shadow(0 6px 8px rgba(22, 40, 74, .25));
}
@media (prefers-reduced-motion: reduce) {
  .pkp_structure_sidebar .pkp_block a img { transition: none; }
  .pkp_structure_sidebar .pkp_block a:hover img { transform: none; }
}

/* Заголовки блоков сайдбара и «Текущий выпуск» — золотым.
   Оттенок чуть глубже #cfa457, чтобы читался на белом фоне */
.pkp_block .title,
.pkp_page_index .current_issue h2 {
  color: #a07a32;
}

/* Меню закрепляется сверху при прокрутке (только на компьютере).
   -150px = высота баннера (плагин ajspHeader, css/header.css): он уезжает,
   остаётся строка меню. Если меняется высота баннера — поправить и здесь. */
@media (min-width: 992px) {
  .pkp_structure_head {
    position: -webkit-sticky;
    position: sticky;
    top: -150px;
    z-index: 1000;
    background-color: transparent;   /* фон даёт сама полоса меню */
  }

  /* Полупрозрачное меню с размытием того, что под ним (эффект «матового стекла»).
     .78 — степень непрозрачности: меньше — прозрачнее, больше — плотнее */
  .pkp_navigation_primary_row {
    background: rgba(22, 40, 74, .78);
    -webkit-backdrop-filter: blur(10px) saturate(140%);
    backdrop-filter: blur(10px) saturate(140%);
    box-shadow: 0 2px 8px rgba(0, 0, 0, .15);
  }
}

/* Выпадающее меню пользователя (Dashboard / View Profile / Administration / Logout)
   — в стиле подменю «Журнал»: синий фон, белый текст, золото при наведении */
.pkp_navigation_user_wrapper .pkp_navigation_user ul {
  background: #132c5c;
  border-radius: 4px;
}
.pkp_navigation_user_wrapper .pkp_navigation_user ul a {
  color: #fff;
}
.pkp_navigation_user_wrapper .pkp_navigation_user ul a:hover,
.pkp_navigation_user_wrapper .pkp_navigation_user ul a:focus {
  background: #2e4a85;
  border-color: #cfa457;
  color: #e3c27f;
}

/* Шапка (плагин ajspHeader): тонкая золотая линия между баннером и меню,
   правая колонка фиксированной ширины, «Поиск» по центру под ней */
@media (min-width: 992px) {
  .ajsp_head.pkp_site_name_wrapper {
    box-shadow: inset 0 -1px 0 rgba(207, 164, 87, .6);   /* inset — не меняет высоту 150px */
  }
  .ajsp_banner .ajsp_side {   /* селектор сильнее, т.к. header.css плагина грузится после этого файла */
    width: 200px;
    box-sizing: border-box;
    border-left: 0;          /* без вертикальной линии */
  }
  .pkp_navigation_primary_row { position: relative; }
  .pkp_navigation_primary_wrapper { position: static; }
  .pkp_navigation_search_wrapper {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 200px;          /* = ширина .ajsp_side */
    float: none;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .pkp_navigation_search_wrapper a { margin: 0; }
}

/* Нажатый / выделенный пункт меню (фокус): вместо белого фона — тёмно-синий,
   текст светло-золотой, снизу золотая черта (видно и при навигации с клавиатуры) */
@media (min-width: 992px) {
  #navigationPrimary > li > a:focus,
  #navigationPrimary > li > a:active,
  .pkp_navigation_primary_row .pkp_navigation_search_wrapper a:focus,
  .pkp_navigation_primary_row .pkp_navigation_search_wrapper a:active,
  .pkp_navigation_user > li > a:focus {
    background: #0d1a33;
    color: #e3c27f;
    border-color: #cfa457;
    outline: 0;
  }
}

/* =====================================================================
   Редакционная коллегия (страницы redac-col и redac-col/*)
   ===================================================================== */

/* --- Заголовки разделов --- */
.ajsp_board_group { margin: 0 0 2.25rem; }
.pkp_structure_main .ajsp_board_heading {
  display: inline-block;
  margin: 0 0 1rem;
  padding-bottom: .357rem;
  border-bottom: 3px solid #cfa457;
  font-family: "Noto Serif", Georgia, serif;
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: .02em;
  text-transform: uppercase;
  color: #a07a32;
}
.pkp_structure_main h3.ajsp_board_heading { font-size: .9rem; }
.pkp_structure_main .ajsp_board_section {
  margin: 1rem 0 1.5rem;
  padding: .75rem 0 0;
  border-top: 1px solid #ddd;
  font-family: "Noto Serif", Georgia, serif;
  font-size: 1.15rem;
  font-weight: 700;
  text-transform: uppercase;
  color: #16284a;
}

/* --- Список: фото слева, справа ФИО, должность, ID --- */
.ajsp_board_list { margin: 0; padding: 0; list-style: none; }
.ajsp_board_item {
  display: flex;
  align-items: flex-start;
  gap: 1.25rem;
  padding: 1.1rem 0;
  border-bottom: 1px solid #e3e3e3;
}
.ajsp_board_item:first-child { border-top: 1px solid #e3e3e3; }
.ajsp_board_photolink { flex: 0 0 auto; line-height: 0; }
.ajsp_board_photo {
  display: block;
  width: 84px;
  height: 105px;
  overflow: hidden;
  border-radius: 3px;
  background: #16284a;
  box-shadow: 0 1px 4px rgba(0, 0, 0, .15);
  transition: transform .2s ease, box-shadow .2s ease;
}
.ajsp_board_photo img { display: block; width: 100%; height: 100%; object-fit: cover; }
.ajsp_board_photolink:hover .ajsp_board_photo {
  transform: translateY(-3px);
  box-shadow: 0 8px 14px rgba(22, 40, 74, .25);
}
.ajsp_board_photo.is_initials,
.ajsp_profile_photo.is_initials {
  display: flex;
  align-items: center;
  justify-content: center;
  border-top: 4px solid #cfa457;
  font-family: "Noto Serif", Georgia, serif;
  font-weight: 700;
  font-size: 1.5rem;
  letter-spacing: .05em;
  color: #cfa457;
}
.ajsp_board_info { flex: 1 1 auto; min-width: 0; }
.ajsp_board_name {
  display: inline-block;
  margin-bottom: .3rem;
  font-family: "Noto Serif", Georgia, serif;
  font-size: 1.05rem;
  font-weight: 700;
  line-height: 1.35;
  color: #16284a;
  text-decoration: none;
}
.ajsp_board_name:hover,
.ajsp_board_name:focus { color: #a07a32; text-decoration: underline; }
.pkp_structure_main .ajsp_board_desc {
  margin: 0 0 .4rem;
  font-size: .93rem;
  line-height: 1.55;
  color: rgba(0, 0, 0, .75);
}
.ajsp_board_ids { display: flex; flex-wrap: wrap; gap: .2rem 1.5rem; font-size: .88rem; }
.ajsp_board_idlabel { font-weight: 700; color: rgba(0, 0, 0, .6); }
.ajsp_h { margin-left: .5rem; color: rgba(0, 0, 0, .55); font-size: .88rem; }

/* --- Личная страница --- */
.ajsp_profile_back {
  display: inline-block;
  margin-bottom: 1.5rem;
  font-size: .9rem;
  font-weight: 700;
  text-decoration: none;
}
.ajsp_profile_card {
  display: flex;
  align-items: flex-start;
  gap: 2rem;
  padding-bottom: 1.75rem;
  border-bottom: 1px solid #ddd;
}
.ajsp_profile_photo {
  flex: 0 0 180px;
  width: 180px;
  height: 225px;
  overflow: hidden;
  border-radius: 4px;
  background: #16284a;
  box-shadow: 0 2px 6px rgba(0, 0, 0, .18);
}
.ajsp_profile_photo img { display: block; width: 100%; height: 100%; object-fit: cover; }
.ajsp_profile_photo.is_initials { font-size: 3rem; }
.ajsp_profile_body { flex: 1 1 auto; min-width: 0; }
.ajsp_profile_role {
  display: inline-block;
  margin-bottom: .9rem;
  padding-bottom: .3rem;
  border-bottom: 3px solid #cfa457;
  font-family: "Noto Serif", Georgia, serif;
  font-size: .9rem;
  font-weight: 700;
  letter-spacing: .02em;
  text-transform: uppercase;
  color: #a07a32;
}
.pkp_structure_main .ajsp_profile_desc { margin: 0 0 1.25rem; line-height: 1.7; }
.ajsp_profile_row { display: flex; gap: .75rem; padding: .35rem 0; }
.ajsp_profile_label { flex: 0 0 160px; font-weight: 700; color: rgba(0, 0, 0, .6); }
.ajsp_profile_value { min-width: 0; word-break: break-word; }

/* Разделы: Образование / Научные интересы / Основные публикации */
.ajsp_profile_section {
  padding: 1.25rem 0;
  border-bottom: 1px solid #ddd;
}
.pkp_structure_main .ajsp_profile_section h2 {
  display: inline-block;
  margin: 0 0 .75rem;
  padding-bottom: .3rem;
  border-bottom: 3px solid #cfa457;
  font-family: "Noto Serif", Georgia, serif;
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: .02em;
  text-transform: uppercase;
  color: #a07a32;
}
.pkp_structure_main .ajsp_profile_section p { margin: 0 0 .5rem; line-height: 1.7; }
.ajsp_profile_section ul,
.ajsp_profile_section ol { margin: 0; padding-left: 1.25rem; line-height: 1.7; }

@media (max-width: 600px) {
  .ajsp_board_photo { width: 64px; height: 80px; }
  .ajsp_board_photo.is_initials { font-size: 1.2rem; }
  .ajsp_profile_card { flex-direction: column; align-items: center; gap: 1.25rem; }
  .ajsp_profile_row { flex-direction: column; gap: .1rem; }
  .ajsp_profile_label { flex-basis: auto; }
}