/**
 * mod_rcmforms preset: "ruscreative" — оформление форм под макет студии
 * (инженерная типографика: бумажная база, моно-метки, пилюли-кнопки).
 *
 * Scope: .rcmforms--preset-ruscreative (класс вешает FormCascadeRenderer).
 *
 * ЦВЕТА — ЛИТЕРАЛЫ, НЕ var(--…): пресет обязан выглядеть так же там, где
 * шаблон rcm не подключён (статья, модалка, предпросмотр админки) —
 * правило всех пресетов набора. Значения — светлая тема styles.css макета:
 *
 *   #F4F2EC bg      #FBFAF6 surface   #ECEAE1 surface-2   #16150F ink
 *   #46443B ink-soft  #807C70 muted   #7C5CFF accent      #B3423C danger
 *   rgba(20,19,12,.14) line   rgba(20,19,12,.30) line-strong
 *
 * Тёмной версии у пресета нет намеренно: механика пресетов одноцветная,
 * а баннер и формы на бумажной подложке читаются в обеих темах сайта.
 */

.rcmforms--preset-ruscreative {
  font-family: Manrope, system-ui, sans-serif;
  color: #16150F;
}

.rcmforms--preset-ruscreative .rcmforms__title {
  font-weight: 700;
  letter-spacing: -0.02em;
}

.rcmforms--preset-ruscreative .rcmforms__field { margin-bottom: 1.1rem; }

.rcmforms--preset-ruscreative .rcmforms__label {
  display: block;
  font-family: "JetBrains Mono", ui-monospace, monospace;
  font-size: 0.72rem;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #807C70;
  margin-bottom: 0.6rem;
}

.rcmforms--preset-ruscreative .rcmforms__control {
  width: 100%;
  background: #FBFAF6;
  color: #16150F;
  border: 1px solid rgba(20, 19, 12, 0.14);
  border-radius: 4px;
  padding: 0.95em 1.05em;
  font-size: 1rem;
  font-family: inherit;
  transition: border-color .3s, background .3s;
}

.rcmforms--preset-ruscreative .rcmforms__control:focus {
  outline: none;
  border-color: #7C5CFF;
}

.rcmforms--preset-ruscreative textarea.rcmforms__control {
  resize: vertical;
  min-height: 130px;
  line-height: 1.5;
}

.rcmforms--preset-ruscreative .rcmforms__consent {
  display: flex;
  gap: 0.8rem;
  align-items: flex-start;
  font-size: 0.85rem;
  color: #46443B;
  line-height: 1.5;
}

.rcmforms--preset-ruscreative .rcmforms__consent input[type="checkbox"] {
  margin-top: 0.25rem;
  width: 18px;
  height: 18px;
  accent-color: #7C5CFF;
  flex: none;
}

.rcmforms--preset-ruscreative .rcmforms__consent a { color: #16150F; }

.rcmforms--preset-ruscreative .rcmforms__submit {
  display: inline-flex;
  align-items: center;
  gap: 0.5em;
  border: 1px solid #16150F;
  border-radius: 999px;
  background: #16150F;
  color: #F4F2EC;
  font-family: "JetBrains Mono", ui-monospace, monospace;
  font-size: 0.74rem;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  padding: 0.9em 1.6em;
  cursor: pointer;
  transition: transform .3s, background .3s, border-color .3s;
}

.rcmforms--preset-ruscreative .rcmforms__submit:hover {
  transform: translateY(-2px);
  background: #7C5CFF;
  border-color: #7C5CFF;
  color: #ffffff;
}

/* Стрелка кнопки и звёздочки — паритет с макетом (сверка 2026-08-16, C6):
   у кнопки макета хвост «→», подписей required нет — звёздочка скрывается
   только визуально, атрибуты required и валидация не трогаются. */
.rcmforms--preset-ruscreative .rcmforms__submit::after { content: "→"; }

.rcmforms--preset-ruscreative .rcmforms__req { display: none; }

.rcmforms--preset-ruscreative .rcmforms__error {
  font-size: 0.8rem;
  color: #B3423C;
  margin-top: 0.4rem;
}

.rcmforms--preset-ruscreative .rcmforms__field--error .rcmforms__control {
  border-color: #B3423C;
}

.rcmforms--preset-ruscreative .rcmforms__messages--error {
  border: 1px solid #B3423C;
  background: #FBFAF6;
  color: #16150F;
  padding: 0.9rem 1.2rem;
  border-radius: 4px;
  margin-bottom: 1rem;
}

.rcmforms--preset-ruscreative .rcmforms__messages--success {
  border: 1px solid #7C5CFF;
  background: #FBFAF6;
  color: #16150F;
  padding: 0.9rem 1.2rem;
  border-radius: 4px;
  margin-bottom: 1rem;
}

.rcmforms--preset-ruscreative .rcmforms__help {
  font-size: 0.78rem;
  color: #807C70;
  margin-top: 0.35rem;
}

/* ---------- форма подписки «База знаний на почту» (blog-02, 2026-08-17) ----------
   Разметка живёт в html_template формы subscribe (com_rcmforms); классы
   rcmforms-nl__* — карточка макета NewsletterForm (worlds/site/pages.jsx):
   слева кикер + заголовок + подводка, справа поле, два согласия, кнопка
   и приписка про отписку. Цвета — литералы, как во всём пресете. */

.rcmforms--preset-ruscreative .rcmforms-nl {
  display: grid;
  grid-template-columns: minmax(0, 5fr) minmax(0, 6fr);
  gap: 1.5rem clamp(2rem, 4vw, 4rem);
  align-items: start;
  background: #FBFAF6;
  border: 1px solid rgba(20, 19, 12, 0.14);
  border-radius: 4px;
  padding: clamp(1.6rem, 3vw, 2.6rem);
  margin-block: clamp(2.5rem, 5vw, 4rem);
}

.rcmforms--preset-ruscreative .rcmforms-nl__kicker {
  display: inline-flex;
  align-items: center;
  gap: 0.6em;
  font-family: "JetBrains Mono", ui-monospace, monospace;
  font-size: 0.72rem;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: #7C5CFF;
}

/* Чёрточка кикера — как .kicker::before макета */
.rcmforms--preset-ruscreative .rcmforms-nl__kicker::before {
  content: "";
  inline-size: 1.6em;
  block-size: 2px;
  background: #7C5CFF;
}

.rcmforms--preset-ruscreative .rcmforms-nl__title {
  margin: 1rem 0 0;
  font-family: Manrope, system-ui, sans-serif;
  font-weight: 800;
  font-size: clamp(1.4rem, 2.4vw, 2rem);
  letter-spacing: -0.02em;
  line-height: 1.15;
  max-width: 18ch;
}

.rcmforms--preset-ruscreative .rcmforms-nl__lead {
  margin: 0.9rem 0 0;
  max-width: 40ch;
  color: #46443B;
}

.rcmforms--preset-ruscreative .rcmforms-nl__form { display: grid; gap: 0.9rem; }

.rcmforms--preset-ruscreative .rcmforms-nl__form .rcmforms__field { margin-bottom: 0; }

.rcmforms--preset-ruscreative .rcmforms-nl__note {
  margin: 0;
  font-size: 0.78rem;
  color: #807C70;
}

@media (max-width: 900px) {
  .rcmforms--preset-ruscreative .rcmforms-nl { grid-template-columns: 1fr; }
}