/* Полоска-ссылка «Инвестиционные находки». Между чипами и лентой.
   Высота ≈ высоты чипса (32-36px). Terracotta-акцент, без рамок и
   баннеров — обычный текст-CTA.

   v7 (боевой заход в прод): SVG-звезда в тёплом золоте
   (вариант B — бледное шампанское) + статичный glow + однократная
   анимация «зажигания» 0.55с при загрузке главной. Далее — статика.

   Тяжёлые стили самого раздела (карточки, detail-sheet) — в
   radar-section.css, который грузится ЛЕНИВО (по тапу), не на старте. */

:root {
  --rd-gold: #E0B85A;
  --rd-gold-glow:   rgba(224, 184, 90, 0.70);
  --rd-gold-glow-2: rgba(255, 220, 130, 0.45);
}

.radar-strip {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 10px 16px;
  margin: 6px 0 4px;

  color: var(--terracotta);
  text-decoration: none;
  font: inherit;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: 0.01em;

  cursor: pointer;
  transition: color 0.15s;

  border-top:    1px dashed rgba(198, 93, 60, 0.20);
  border-bottom: 1px dashed rgba(198, 93, 60, 0.20);
}

.radar-strip:hover,
.radar-strip:focus-visible {
  color: var(--terracotta-dark, #a04a30);
  background: rgba(198, 93, 60, 0.05);
  outline: none;
}
.radar-strip:active {
  background: rgba(198, 93, 60, 0.10);
}

/* На узких экранах (320-360px) строка длинная для 13px — уменьшаем кегль. */
@media (max-width: 360px) {
  .radar-strip { font-size: 12px; padding: 10px 12px; gap: 6px; }
}
@media (max-width: 320px) {
  .radar-strip { font-size: 11.5px; padding: 10px 10px; gap: 5px; }
}

.radar-strip-icon {
  font-size: 14px; line-height: 1;
  display: inline-flex; align-items: center; justify-content: center;
  width: 16px; height: 16px;
}
.radar-strip-icon svg { display: block; overflow: visible; }

/* Статичный золотой glow + однократное «зажигание» 0.55с при загрузке. */
.rd-star-glow svg {
  filter: drop-shadow(0 0 5px var(--rd-gold-glow))
          drop-shadow(0 0 2px var(--rd-gold-glow-2));
  animation: rd-star-ignite 0.55s ease-out both;
  will-change: filter, transform;
}
@keyframes rd-star-ignite {
  from {
    filter: drop-shadow(0 0 0 transparent)
            drop-shadow(0 0 0 transparent)
            brightness(0.50);
    transform: scale(0.90);
  }
  60% {
    filter: drop-shadow(0 0 8px var(--rd-gold-glow))
            drop-shadow(0 0 3px var(--rd-gold-glow-2))
            brightness(1.15);
    transform: scale(1.04);
  }
  to {
    filter: drop-shadow(0 0 5px var(--rd-gold-glow))
            drop-shadow(0 0 2px var(--rd-gold-glow-2))
            brightness(1);
    transform: scale(1);
  }
}
@media (prefers-reduced-motion: reduce) {
  .rd-star-glow svg { animation: none; }
}

.radar-strip-arrow {
  font-size: 14px; line-height: 1;
  transition: transform 0.15s ease;
}
.radar-strip:hover .radar-strip-arrow { transform: translateX(3px); }

.radar-strip[aria-busy="true"] {
  opacity: 0.6;
  pointer-events: none;
}
.radar-strip[aria-busy="true"] .radar-strip-arrow { display: none; }