/* =========================================================
   Блок: "Как с нами связаться" (feedback-form)
   Форма обратной связи + колонка контактов.
   CSS полей формы — см. css/forms.css (общие для всех форм на сайте).
   Используется без изменений на: index.html, individuals.html,
   business.html, contacts.html.
   ========================================================= */

.feedback-panel {
  position: relative;
  background: var(--color-navy);
  color: var(--color-text-on-dark);
  border-radius: var(--radius-l);
  padding: var(--space-7);
  display: grid;
  grid-template-columns: 1.3fr 1fr;
  gap: var(--space-7);
  /* Деликатная постоянная рамка-хайрлайн */
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.09);
}

/* Мягкий блик, плавно скользящий по периметру (см. glow-border в base.css).
   Без кислотного свечения — тонкая линия с плавным нарастанием/затуханием. */
.feedback-panel::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  padding: 1.5px;
  background: conic-gradient(
    from var(--glow-angle),
    transparent 0deg,
    transparent 210deg,
    rgba(206, 93, 37, 0.35) 275deg,
    rgba(255, 255, 255, 0.9) 320deg,
    rgba(206, 93, 37, 0.35) 350deg,
    transparent 360deg
  );
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
  animation: glow-border-travel 7s linear infinite;
}

/* Колонки грида по умолчанию не сжимаются уже min-content своего
   содержимого (min-width: auto). Самая длинная неразрывная строка здесь —
   почта prizma.consulting@yandex.ru: она распирала колонку, и вместе с ней
   за пределы панели уезжали поля формы (они width: 100% от той же колонки).
   Разрешаем колонкам сжиматься. */
.feedback-panel > * {
  min-width: 0;
}

.feedback-panel .form-field__label {
  color: var(--color-text-on-dark-muted);
}

.feedback-panel .form-field__control {
  background: rgba(245, 244, 241, 0.06);
  border-color: rgba(245, 244, 241, 0.2);
  color: var(--color-text-on-dark);
}

.feedback-panel .form-field__control::placeholder {
  color: rgba(245, 244, 241, 0.4);
}

.feedback-panel .form-checkbox {
  color: var(--color-text-on-dark-muted);
}

.feedback-panel .form-checkbox a {
  color: var(--color-text-on-dark);
}

.feedback-panel__title {
  margin-bottom: var(--space-4);
}

/* Правая колонка (контакты) — по центру по вертикали относительно формы */
.feedback-panel > div:last-child {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.feedback-contacts__title {
  font-size: var(--fs-small);
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--color-text-on-dark-muted);
  margin-bottom: var(--space-4);
}

.feedback-contacts__list {
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
}

.feedback-contacts__item {
  display: flex;
  align-items: center;
  gap: var(--space-3);
  font-weight: 700;
  font-size: 1.05rem;
  /* anywhere, а не break-word: только anywhere уменьшает min-content строки,
     то есть реально разрешает почте перенестись на узком экране. */
  min-width: 0;
  overflow-wrap: anywhere;
}

.feedback-contacts__icon {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: rgba(245, 244, 241, 0.08);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 0.8rem;
  flex: none;
}

.feedback-contacts__icon img,
.feedback-contacts__icon svg {
  width: 70%;
  height: 70%;
  object-fit: contain;
  flex-shrink: 0;
}

.feedback-contacts__item:hover .feedback-contacts__icon {
  background: var(--color-accent);
  color: var(--color-navy);
}

@media (max-width: 860px) {
  .feedback-panel {
    grid-template-columns: 1fr;
    padding: var(--space-5);
  }
}