/* ============================================================
   Реквизиты продавца в подвале, строка способов оплаты и текст
   об автопродлении у кнопки оплаты.

   Подключается из base.html, только когда задан SELLER_NAME или
   включён SITE_SHOW_RECURRENT_NOTICE: пока ни того, ни другого
   нет, страницы сайта и style.css остаются прежними.
   При правке — поднять ?v= у этого файла в base.html.
   ============================================================ */

/* ---------- Реквизиты в подвале ---------- */
.footer__seller {
  max-width: 720px;
  text-align: center;
  color: var(--text-muted);
  font-size: 0.85rem;
  line-height: 1.6;
}
/* «ИНН 000…», «ОГРНИП 000…» на узком экране не рвутся между подписью и номером */
.footer__seller-id { white-space: nowrap; }
.footer__seller a { color: var(--text-muted); }
.footer__seller a:hover { color: var(--cyan); }
/* Номер телефона на узком экране не рвётся по дефису: не помещается рядом с почтой — уходит на
   новую строку целиком. Именно inline-block, а не nowrap: очень длинное значение (два номера,
   добавочный) с nowrap растянуло бы страницу вширь, а так переносится внутри своей строки. */
.footer__seller a[href^="tel:"] { display: inline-block; }

/* ---------- Способы оплаты (подвал и /contacts) ---------- */
.pay-methods {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 8px 12px;
  margin-top: 6px;
}
/* Фирменные логотипы рисуют под светлый фон — подкладываем его, сайт тёмный. */
.pay-methods__logo {
  height: 22px;
  width: auto;
  box-sizing: content-box;
  padding: 5px 9px;
  border-radius: 7px;
  background: #fff;
}
.pay-methods__label { margin-right: 2px; }
.legal .pay-methods { justify-content: flex-start; margin: 0 0 12px; }

/* ---------- Условия автопродления у кнопки оплаты ---------- */
.recurrent-notice { font-size: 0.82rem; line-height: 1.55; }
.recurrent-notice a { text-decoration: underline; text-underline-offset: 2px; }
.auth__note.recurrent-notice { margin-top: 16px; }
.hero__note.recurrent-notice { margin-top: 10px; max-width: 540px; }