/* ==========================================================
   Custom CSS для OJS — анимации кнопок
   Журнал: Educational Challenges

   КАК ПОДКЛЮЧИТЬ:
   1. Settings → Website → Appearance → кнопка "Advanced"
      рядом с "Journal Stylesheet (CSS)"
   2. Загрузить этот файл (или вставить его содержимое
      в уже существующий custom.css)
   3. В HTML нужных кнопок/карточек добавить соответствующий class
      (см. комментарии ниже; для карточек сайдбара — class="sidebar-card",
      а у стрелки/шеврона внутри — class="chevron")
   4. Очистить кеш: Settings → Website → Clear Data Caches
   ========================================================== */

/* --- Универсальный класс: плавная анимация для любой кнопки --- */
/* Добавь class="ojs-btn-animate" любой кнопке, если нет отдельного стиля ниже */
.ojs-btn-animate {
  transition: transform 0.25s ease, box-shadow 0.25s ease, filter 0.25s ease;
}

.ojs-btn-animate:hover {
  transform: translateY(-3px) scale(1.03);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.25);
  filter: brightness(1.05);
}

/* --- Карточки-ссылки в сайдбаре: языки, ISSN, статус, издатель,
   индексация, архивирование, политики, соцсети --- */
.sidebar-card {
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.sidebar-card:hover {
  transform: translateX(4px);
  box-shadow: 0 4px 12px rgba(26, 45, 69, 0.18), 0 2px 4px rgba(26, 45, 69, 0.12);
}

.sidebar-card .chevron {
  display: inline-block;
  transition: transform 0.2s ease;
}

.sidebar-card:hover .chevron {
  transform: translateX(3px);
}

/* --- Кнопка "SUBMISSION FORM" (синий градиент, со стрелкой) --- */
.submission-form-btn {
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.submission-form-btn:hover {
  transform: translateY(-3px) scale(1.03);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.25);
}

/* если стрелка — отдельный элемент внутри кнопки, например <span class="arrow">→</span> */
.submission-form-btn .arrow {
  display: inline-block;
  transition: transform 0.25s ease;
}

.submission-form-btn:hover .arrow {
  transform: translateX(5px);
}

/* --- Кнопка "MANUSCRIPT TEMPLATE" (вторичная) --- */
.manuscript-template-btn {
  transition: transform 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease;
}

.manuscript-template-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 14px rgba(0, 0, 0, 0.15);
}

/* --- Кнопки профилей в редколлегии (ORCID, Web of Science, Scopus, Google Scholar) --- */
.profile-btn {
  display: inline-block;
  transition: transform 0.2s ease, opacity 0.2s ease;
}

.profile-btn:hover {
  transform: scale(1.15);
  opacity: 0.85;
}

/* --- Постоянная пульсация (опционально, чтобы кнопка сама привлекала внимание) --- */
@keyframes pulse {
  0%, 100% { box-shadow: 0 0 0 0 rgba(37, 99, 235, 0.4); }
  50%      { box-shadow: 0 0 0 8px rgba(37, 99, 235, 0); }
}

/* добавь этот класс вторым, вместе с основным: class="submission-form-btn pulse" */
.pulse {
  animation: pulse 2s infinite;
}