/******* Do not edit this file *******
Woody Code Snippets CSS and JS
Saved: Jan 31 2026 | 08:54:17 */
/* css КОД ДЛЯ ПЛАГИНА NEWSLETTER */

/* задала секции свой класс .custom-newsletter-page */

/* NEWSLETTER pages — safe scope */
.custom-newsletter-page .tnp {
  margin: 0 auto;
}

/* "карточка" для формы */
.custom-newsletter-page .custom-newsletter-subscribe {
  max-width: 600px;
  margin: 0 auto;
  padding: 28px 26px;
  border-radius: 10px;
  background: #fff;
  border: 1px solid rgba(0,0,0,.06);
  box-shadow: 0 10px 30px rgba(0,0,0,.06);
}

/* Заголовки */
.custom-newsletter-page .tnp h1,
.custom-newsletter-page h1 {
  text-align: center;
  margin: 0 0 18px;

  line-height: 1.18;
  letter-spacing: 0.02em;
}

/* Подзаголовок/текст под H1 */
.custom-newsletter-page .custom-newsletter-subscribe p {
  color: rgba(0,0,0,.65);
  line-height: 1.45;

  max-width: 520px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 4px;
}

.custom-newsletter-page .tnp p {
  text-align: center;
  margin: 0 0 14px;
}

/* поля */
.custom-newsletter-page .tnp-field {
  margin: 0 0 14px;
}

.custom-newsletter-page .tnp-field label {
  display: block;
  margin: 0 0 6px;
  font-weight: 600;
}

/* поля ввода */
.custom-newsletter-page .tnp input[type="text"],
.custom-newsletter-page .tnp input[type="email"],
.custom-newsletter-page .tnp input[type="password"],
.custom-newsletter-page .tnp select,
.custom-newsletter-page .tnp textarea {
  width: 100%;
  max-width: 100%;
  height: 44px;
  padding: 10px 12px;
  border-radius: 4px;
  box-sizing: border-box;
  margin-bottom: 20px !important;

  background: #fff;
  border: 1px solid rgba(0,0,0,.14);
  box-shadow: 0 1px 0 rgba(0,0,0,.02);
  transition: box-shadow .2s ease, border-color .2s ease, background .2s ease;
}

/* плейсхолдер */
.custom-newsletter-page .tnp input::placeholder,
.custom-newsletter-page .tnp textarea::placeholder {
  color: rgba(0,0,0,.35);
}

/* фокус */
.custom-newsletter-page .tnp input[type="text"]:focus,
.custom-newsletter-page .tnp input[type="email"]:focus,
.custom-newsletter-page .tnp input[type="password"]:focus,
.custom-newsletter-page .tnp select:focus,
.custom-newsletter-page .tnp textarea:focus {
  outline: none !important;
  border-color: rgba(0,0,0,.18) !important;
  box-shadow: 0 6px 18px rgba(0,0,0,.06) !important;
}

/* если браузер/тема добавляет свечение через focus-visible */
.custom-newsletter-page .tnp input[type="text"]:focus-visible,
.custom-newsletter-page .tnp input[type="email"]:focus-visible,
.custom-newsletter-page .tnp input[type="password"]:focus-visible,
.custom-newsletter-page .tnp select:focus-visible,
.custom-newsletter-page .tnp textarea:focus-visible {
  outline: none !important;
  box-shadow: 0 6px 18px rgba(0,0,0,.06) !important;
}

/* privacy link */
/*.custom-newsletter-page .tnp-field-privacy a {
  text-decoration: underline;  
}*/

/* privacy link  - текст */
.custom-newsletter-page .tnp-privacy-field a {
  color: rgba(0,0,0,.65); /*серый текст*/  
}

/* privacy link  - текст при наведении */
.custom-newsletter-page .tnp-privacy-field a:hover {
  color: #E09900; /*оранженый текст*/
	text-decoration: underline;
  
}

/* чекбокс privacy */
.custom-newsletter-page .tnp-privacy-field label {
  display: flex;
  gap: 10px;
  align-items: flex-start;
  font-weight: 500;
  line-height: 1.6;
  margin-top: 30px;	
}

.custom-newsletter-page .tnp-privacy-field input[type="checkbox"] {
  margin-top: 3px;
  width: 16px;
  height: 16px;
  flex: 0 0 16px;  
}


/* ======================================== */

/* чекбокс всегда тёмно-серый (иначе браузеры рисовали голубой) */
.custom-newsletter-page .tnp-privacy-field input[type="checkbox"]{
  accent-color: #555; /* цвет текста */
}

/* ===================================== */

/* кнопки плагина */
.custom-newsletter-page .tnp input.tnp-submit,
.custom-newsletter-page .tnp input[type="submit"],
.custom-newsletter-page .tnp button {
  width: 100%;
  height: 44px;
  border-radius: 4px;
  font-weight: 700;
  cursor: pointer;
}

/* кнопка в стиле сайта */
.custom-newsletter-page .tnp input.tnp-submit,
.custom-newsletter-page .tnp input[type="submit"],
.custom-newsletter-page .tnp button {
  background: #E09900;
  border: 1px solid #E09900;
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 1em;
}

/* отступ перед кнопкой */
.custom-newsletter-page .tnp-field-button {
  margin-top: 18px;
  margin-bottom: 6px;
}

.custom-newsletter-page .tnp input.tnp-submit:hover,
.custom-newsletter-page .tnp input[type="submit"]:hover,
.custom-newsletter-page .tnp button:hover {
  filter: brightness(0.95);
}

.custom-newsletter-page .tnp input.tnp-submit:active,
.custom-newsletter-page .tnp input[type="submit"]:active,
.custom-newsletter-page .tnp button:active {
  transform: translateY(1px);
}

/* убираем "левое выравнивание" кнопки из inline style */
.custom-newsletter-page .tnp-field-button[style] {
  text-align: initial !important;
}

/* ====================================================================== */
/* ПРОФИЛЬ ПОДПИСЧИКА (tnp-profile) */
/* ====================================================================== */

/* делаем "карточку" прямо на форме профиля (у неё нет твоей обёртки custom-newsletter-subscribe) */
.custom-newsletter-page .tnp.tnp-profile form {
  max-width: 600px;
  margin: 0 auto;
  padding: 28px 26px;
  border-radius: 10px;
  background: #fff;
  border: 1px solid rgba(0,0,0,.06);
  box-shadow: 0 10px 30px rgba(0,0,0,.06);
}

/* текст под формой (пояснение про подтверждение email) — чуть аккуратнее */
.custom-newsletter-page .tnp.tnp-profile + p,
.custom-newsletter-page .tnp.tnp-profile ~ p {
  color: rgba(0,0,0,.65);
  line-height: 1.45;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

/* privacy-ссылка в профиле — выравниваем как в форме */
.custom-newsletter-page .tnp.tnp-profile .tnp-field-privacy {
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
  text-align: left;
}

/* кнопка в профиле: т.к. она input[type=submit], стиль уже общий, но фиксируем отступ */
.custom-newsletter-page .tnp.tnp-profile .tnp-field-button {
  margin-top: 18px;
  margin-bottom: 6px;
}

/* ====================================================================== */
/* ОТПИСКА (custom-newsletter-unsubscribe) — добавлено */
/* ====================================================================== */

/* точечно стилизуем кнопку отписки (там форма НЕ в .tnp) */
.custom-newsletter-page .custom-newsletter-unsubscribe .tnp-submit {
  width: auto;               /* добавлено */
  min-width: 220px;          /* добавлено */
  height: 44px;              /* добавлено */
  padding: 0 22px;           /* добавлено */
  border-radius: 4px;        /* добавлено */
  cursor: pointer;           /* добавлено */

  background: #E09900;       /* добавлено */
  border: 1px solid #E09900; /* добавлено */
  color: #fff;               /* добавлено */
  font-size: 16px;           /* добавлено */
  font-weight: 500;          /* добавлено */
}

.custom-newsletter-page .custom-newsletter-unsubscribe .tnp-submit:hover {
  filter: brightness(0.95);  /* добавлено */
}

.custom-newsletter-page .custom-newsletter-unsubscribe .tnp-submit:active {
  transform: translateY(1px); /* добавлено */
}