/* =============================================================================
   Emblem Orbit — hero-анимация Техноразум v7
   Палитра: бело-зелёная v7 (#00B86B, #2ECC71, #3498DB, #1a1a1f, #fff)
   Расположение: слева от главного меню (внутри .nav__inner, absolute)
   Чистый CSS (без JS), SVG-вектор для качества в Chrome/Safari/Firefox
   ============================================================================= */

/* ---------- Контейнер эмблемы (внутри nav, слева от меню) ---------- */
.emblem-orbit {
  position: absolute;
  left: 18px;
  top: 50%;
  transform: translateY(-50%);
  width: 132px;
  height: 132px;
  pointer-events: none;
  z-index: 1;
  /* лёгкое зелёное сияние под эмблемой */
  filter: drop-shadow(0 0 12px rgba(0, 184, 107, 0.35));
}

@media (max-width: 1024px) {
  .emblem-orbit { width: 104px; height: 104px; left: 12px; }
}
@media (max-width: 768px) {
  .emblem-orbit { display: none; } /* на мобиле скрываем, экономим место */
}

/* ---------- SVG-базовые стили ---------- */
.emblem-orbit svg {
  width: 100%;
  height: 100%;
  overflow: visible;
}

/* ---------- Орбиты (5 эллиптических, разные углы) ---------- */
.emblem-orbit__orbit {
  fill: none;
  stroke-width: 1;
  transform-origin: 250px 250px; /* центр viewBox */
  transform-box: fill-box;
  will-change: transform;
}

/* Орбита 1: угол 15°, скорость 25s, по часовой, цвет зелёный основной */
.emblem-orbit__orbit--1 {
  stroke: #00B86B;
  opacity: 0.55;
  transform: rotate(15deg);
  animation: emblemOrbitSpin1 25s linear infinite;
}
/* Орбита 2: угол 35°, скорость 40s, против часовой, светло-зелёный */
.emblem-orbit__orbit--2 {
  stroke: #2ECC71;
  opacity: 0.5;
  transform: rotate(35deg);
  animation: emblemOrbitSpin2 40s linear infinite reverse;
}
/* Орбита 3: угол 60°, скорость 15s, по часовой, синий акцент */
.emblem-orbit__orbit--3 {
  stroke: #3498DB;
  opacity: 0.5;
  transform: rotate(60deg);
  animation: emblemOrbitSpin3 15s linear infinite;
}
/* Орбита 4: угол 80°, скорость 8s, против часовой, белый */
.emblem-orbit__orbit--4 {
  stroke: #ffffff;
  opacity: 0.35;
  transform: rotate(80deg);
  animation: emblemOrbitSpin4 8s linear infinite reverse;
}
/* Орбита 5: угол -25°, скорость 30s, по часовой, зелёный */
.emblem-orbit__orbit--5 {
  stroke: #00B86B;
  opacity: 0.4;
  transform: rotate(-25deg);
  animation: emblemOrbitSpin5 30s linear infinite;
  stroke-dasharray: 4 6;
}

/* ---------- Ядра (3 размера в центре) ---------- */
.emblem-orbit__core {
  transform-origin: 250px 250px;
  transform-box: fill-box;
  will-change: transform;
}
/* Большое ядро — пульс */
.emblem-orbit__core--lg {
  animation: emblemCorePulse 3.2s ease-in-out infinite;
}
/* Среднее ядро — медленный поворот */
.emblem-orbit__core--md {
  animation: emblemCoreRotate 18s linear infinite reverse;
  transform-origin: 250px 250px;
}
/* Малое ядро — быстрый поворот */
.emblem-orbit__core--sm {
  animation: emblemCoreRotate 10s linear infinite;
  transform-origin: 250px 250px;
}

/* ---------- Планеты (8 точек) ---------- */
.emblem-orbit__planet {
  transform-box: fill-box;
  will-change: transform, opacity;
}
/* Лёгкое свечение для планет */
.emblem-orbit__planet--glow {
  filter: drop-shadow(0 0 4px currentColor);
}

/* ---------- KEYFRAMES ---------- */

/* Орбита 1: 25s */
@keyframes emblemOrbitSpin1 {
  from { transform: rotate(15deg) translateZ(0); }
  to   { transform: rotate(375deg) translateZ(0); }
}
/* Орбита 2: 40s reverse */
@keyframes emblemOrbitSpin2 {
  from { transform: rotate(35deg) translateZ(0); }
  to   { transform: rotate(395deg) translateZ(0); }
}
/* Орбита 3: 15s */
@keyframes emblemOrbitSpin3 {
  from { transform: rotate(60deg) translateZ(0); }
  to   { transform: rotate(420deg) translateZ(0); }
}
/* Орбита 4: 8s reverse */
@keyframes emblemOrbitSpin4 {
  from { transform: rotate(80deg) translateZ(0); }
  to   { transform: rotate(440deg) translateZ(0); }
}
/* Орбита 5: 30s */
@keyframes emblemOrbitSpin5 {
  from { transform: rotate(-25deg) translateZ(0); }
  to   { transform: rotate(335deg) translateZ(0); }
}

/* Пульс большого ядра */
@keyframes emblemCorePulse {
  0%, 100% { transform: scale(1);    opacity: 1;   }
  50%      { transform: scale(1.18); opacity: 0.85;}
}

/* Поворот ядер */
@keyframes emblemCoreRotate {
  from { transform: rotate(0deg);   }
  to   { transform: rotate(360deg); }
}

/* Планеты: лёгкое мигание (независимое от вращения) */
@keyframes emblemPlanetBlink {
  0%, 100% { opacity: 0.55; }
  50%      { opacity: 1;    }
}

/* Уважение к reduced motion */
@media (prefers-reduced-motion: reduce) {
  .emblem-orbit,
  .emblem-orbit__orbit,
  .emblem-orbit__core,
  .emblem-orbit__planet {
    animation: none !important;
  }
}

/* Подсветка активной ссылки nav — НЕ трогаем, но если понадобится,
   можно добавить: .nav__item:hover ~ .emblem-orbit { filter: ... } */