/******* Do not edit this file *******
Woody Code Snippets CSS and JS
Saved: Nov 06 2026 | 14:04:46 */
/* Марселин — навигация между записями Elementor.
   Woody Snippets: тип CSS, вставлять без тегов <style>. */

body .elementor-post-navigation {
  --mn-navy: #0c1d5c;
  --mn-muted: #516480;
  --mn-blue: #5396f6;
  --mn-border: #dfe7f3;
  --mn-radius: 18px;

  display: flex !important;
  align-items: stretch;
  gap: 20px !important;
  width: 100%;
  margin: 28px 0 0 !important;
  padding: 0 !important;
  border: 0 !important;
  overflow: visible !important;
}

body .elementor-post-navigation,
body .elementor-post-navigation * {
  box-sizing: border-box;
}

/* Убираем стандартный разделитель */
body .elementor-post-navigation .elementor-post-navigation__separator-wrapper {
  display: none !important;
}

/* Две равные карточки */
body .elementor-post-navigation .elementor-post-navigation__link {
  display: flex;
  flex: 1 1 0;
  width: auto !important;
  min-width: 0;
  padding: 0 !important;
  border: 0 !important;
  overflow: visible !important;
  white-space: normal !important;
}

/* Если соседней записи нет, пустая карточка не занимает место */
body .elementor-post-navigation .elementor-post-navigation__link:not(:has(> a)) {
  display: none !important;
}

/* Вся карточка является ссылкой */
body .elementor-post-navigation .elementor-post-navigation__link > a {
  display: flex !important;
  align-items: center;
  gap: 18px !important;
  width: 100%;
  min-width: 0;
  min-height: 128px;
  padding: 24px 26px !important;
  border: 1px solid var(--mn-border) !important;
  border-radius: var(--mn-radius) !important;
  background: #f7f9fd !important;
  color: var(--mn-navy) !important;
  text-decoration: none !important;
  box-shadow: 0 4px 16px rgba(12, 29, 92, 0.04);
  transition: background-color 0.22s ease,
              border-color 0.22s ease,
              box-shadow 0.22s ease,
              transform 0.22s ease;
}

/* Текстовая часть */
body .elementor-post-navigation :is(
  .elementor-post-navigation__link__prev,
  .elementor-post-navigation__link__next
) {
  display: flex;
  flex: 1 1 0;
  flex-direction: column;
  gap: 7px;
  min-width: 0;
  overflow: visible !important;
  white-space: normal !important;
}

body .elementor-post-navigation .elementor-post-navigation__link__prev {
  text-align: left;
}

body .elementor-post-navigation .elementor-post-navigation__link__next {
  text-align: right;
}

/* «Предыдущая» и «Следующая» */
body .elementor-post-navigation :is(
  .post-navigation__prev--label,
  .post-navigation__next--label
) {
  font-family: "Nunito Sans", Arial, sans-serif !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  line-height: 1.4 !important;
  letter-spacing: 0.07em !important;
  text-transform: uppercase !important;
  color: var(--mn-muted) !important;
  white-space: normal !important;
  overflow: visible !important;
  overflow-wrap: anywhere;
  text-overflow: clip !important;
}

/* Названия статей: показываем полностью, с переносом строк */
body .elementor-post-navigation :is(
  .post-navigation__prev--title,
  .post-navigation__next--title
) {
  font-family: "Nunito Sans", Arial, sans-serif !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  line-height: 1.45 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  color: var(--mn-navy) !important;
  white-space: normal !important;
  overflow: visible !important;
  overflow-wrap: anywhere;
  word-break: normal;
  text-overflow: clip !important;
}

/* Круглые стрелки */
body .elementor-post-navigation .post-navigation__arrow-wrapper {
  display: flex !important;
  align-items: center;
  justify-content: center;
  flex: 0 0 46px;
  width: 46px;
  height: 46px;
  margin: 0 !important;
  padding: 0 !important;
  border: 1px solid #d9e6fb;
  border-radius: 50%;
  background: #eaf2ff;
  color: #2e3f7f !important;
  fill: currentColor !important;
  font-size: 15px !important;
  line-height: 1;
  transition: background-color 0.22s ease,
              border-color 0.22s ease,
              color 0.22s ease;
}

body .elementor-post-navigation .post-navigation__arrow-wrapper i {
  color: inherit !important;
  font-size: inherit !important;
  line-height: 1;
  transform: none !important;
}

body .elementor-post-navigation .post-navigation__arrow-wrapper svg {
  width: 1em !important;
  height: 1em !important;
  fill: currentColor !important;
}

/* Наведение мышью */
@media (hover: hover) and (pointer: fine) {
  body .elementor-post-navigation .elementor-post-navigation__link > a:hover {
    background: #ffffff !important;
    border-color: var(--mn-blue) !important;
    box-shadow: 0 12px 28px rgba(12, 29, 92, 0.1);
    transform: translateY(-3px);
  }

  body .elementor-post-navigation a:hover .post-navigation__arrow-wrapper {
    background: var(--mn-navy);
    border-color: var(--mn-navy);
    color: #ffffff !important;
  }
}

/* Выделение при переходе клавишей Tab */
body .elementor-post-navigation .elementor-post-navigation__link > a:focus-visible {
  outline: 3px solid var(--mn-navy) !important;
  outline-offset: 4px;
}

/* Телефон: карточки друг под другом */
@media (max-width: 767px) {
  body .elementor-post-navigation {
    flex-direction: column;
    gap: 12px !important;
    margin-top: 22px !important;
  }

  body .elementor-post-navigation .elementor-post-navigation__link {
    flex: 0 0 auto;
    width: 100% !important;
  }

  body .elementor-post-navigation .elementor-post-navigation__link > a {
    min-height: 106px;
    padding: 20px 18px !important;
    gap: 14px !important;
  }

  body .elementor-post-navigation .elementor-post-navigation__link__next {
    text-align: left;
  }

  body .elementor-post-navigation :is(
    .post-navigation__prev--title,
    .post-navigation__next--title
  ) {
    font-size: 16px !important;
  }

  body .elementor-post-navigation .post-navigation__arrow-wrapper {
    flex-basis: 40px;
    width: 40px;
    height: 40px;
    font-size: 13px !important;
  }
}

/* Учитываем системную настройку уменьшения анимации */
@media (prefers-reduced-motion: reduce) {
  body .elementor-post-navigation a,
  body .elementor-post-navigation .post-navigation__arrow-wrapper {
    transition: none !important;
    transform: none !important;
  }
}