/******* Do not edit this file *******
Woody Code Snippets CSS and JS
Saved: Jan 28 2026 | 13:45:50 */
/* ===================================================================
   FOOTER NEWSLETTER — MINIMAL SHORTCODE FORM (ИТОГОВЫЙ ПОЛНЫЙ КОД)
   Цель:
   1) Email + кнопка всегда в ОДНУ строку на десктопе (>=980px)
   2) Email визуально = 1 колонке меню, кнопка стартует как 2 колонка
   3) Чекбокс/текст privacy — ниже отдельной строкой
   4) Адаптивность как в старом коде (уменьшение/затемнение по диапазонам)
   Контейнер секции Divi: .custom-newsletter-footer-form-desctop
   Обёртка minimal-формы: .tnp-subscription-minimal
   =================================================================== */


/* ==========================================================
   FIX: левое выравнивание (как меню)
   (аналогично старому коду, только для minimal)
========================================================== */
.custom-newsletter-footer-form-desctop{
  text-align: left !important;
}

.custom-newsletter-footer-form-desctop .et_pb_text,
.custom-newsletter-footer-form-desctop .et_pb_code,
.custom-newsletter-footer-form-desctop .et_pb_text_inner{
  text-align: left !important;
}

.custom-newsletter-footer-form-desctop .tnp-subscription-minimal,
.custom-newsletter-footer-form-desctop .tnp-subscription-minimal form{
  text-align: left !important;
}


/* ==========================================================
   КОНТЕЙНЕР MINIMAL-ФОРМЫ
   ✅ ДОБАВЛЕНО (логика из урезанного кода):
   делаем шире, чтобы соответствовать 2 колонкам меню
========================================================== */
.custom-newsletter-footer-form-desctop .tnp-subscription-minimal{
  max-width: 520px !important;                 /* ✅ ДОБАВЛЕНО: ключевое — 2 колонки */
  width: 100% !important;
  margin-top: 14px !important;
  margin-left: 0 !important;
  margin-right: auto !important;
}


/* ==========================================================
   ФОРМА: одна строка (email + submit), privacy переносится вниз
========================================================== */
.custom-newsletter-footer-form-desctop .tnp-subscription-minimal form{
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;                  /* privacy уйдёт на новую строку */
  justify-content: flex-start !important;
  margin: 0 !important;
}

/* ✅ ДОБАВЛЕНО: убираем возможные маргины полей, чтобы не ломали расчёт ширины */
.custom-newsletter-footer-form-desctop .tnp-subscription-minimal .tnp-field{
  margin: 0 !important;
  padding: 0 !important;
}


/* ==========================================================
   EMAIL — стиль как у твоей HTML-формы + ключ к flex-сжатию
========================================================== */
.custom-newsletter-footer-form-desctop .tnp-subscription-minimal input.tnp-email{
  /* ✅ ДОБАВЛЕНО: перебиваем стили плагина, которые мешают сжатию */
  width: auto !important;
  max-width: 300px !important;
	margin-right: 0 !important;

  /* ✅ ДОБАВЛЕНО: ключ к “всегда влезать” */
  flex: 1 1 0;                       /* email занимает всё доступное */
  min-width: 0 !important;           /* без этого flex-элементы часто не сжимаются */
  box-sizing: border-box;

  height: 42px;
  padding: 0 14px;

  background: rgba(0,0,0,0.10);
  border: 1px solid rgba(214, 141, 0, 0.55);
  border-radius: 4px;

  color: #DFDFDF;
  font-size: 14px;

  box-shadow: inset 0 0 6px 1px rgba(214, 141, 0, 0.10);
  transition: all .18s ease;
}

.custom-newsletter-footer-form-desctop .tnp-subscription-minimal input.tnp-email::placeholder{
  color: rgba(214, 141, 0, 0.78);
}

.custom-newsletter-footer-form-desctop .tnp-subscription-minimal input.tnp-email:focus{
  outline: none;
  border-color: rgba(214, 141, 0, 0.95);
  background: rgba(0,0,0,0.22);
  color: #DFDFDF !important;
  -webkit-text-fill-color: #DFDFDF !important;
  caret-color: #DFDFDF;

  box-shadow:
    inset 0 0 0 1px rgba(214, 141, 0, 0.18),
    0 0 0 2px rgba(214, 141, 0, 0.14);
}

/* FIX (как в старом коде): autofill не должен красить поле */
.custom-newsletter-footer-form-desctop .tnp-subscription-minimal input.tnp-email:-webkit-autofill{
  -webkit-text-fill-color: #DFDFDF !important;
  transition: background-color 9999s ease-out, color 9999s ease-out;
}
.custom-newsletter-footer-form-desctop .tnp-subscription-minimal input.tnp-email:focus:-webkit-autofill{
  -webkit-box-shadow: 0 0 0 1000px rgba(0,0,0,0.12) inset !important;
  box-shadow: 0 0 0 1000px rgba(0,0,0,0.12) inset !important;
}


/* ==========================================================
   КНОПКА — визуально “2 колонка”
========================================================== */
.custom-newsletter-footer-form-desctop .tnp-subscription-minimal input.tnp-submit{
  flex: 0 0 auto;
  height: 42px;
  padding: 0 22px;
  min-width: 140px;                  /* “ширина 2-й колонки” */
  box-sizing: border-box;

  background: rgba(214, 141, 0, 0.10);
  border: 1px solid rgba(214, 141, 0, 0.75);
  border-radius: 4px;

  color: rgba(214, 141, 0, 0.95);
  font-size: 14px;
  font-weight: 600;

  white-space: nowrap;               /* длинные переводы не ломают кнопку */
  cursor: pointer;

  transition: all .18s ease;
}

.custom-newsletter-footer-form-desctop .tnp-subscription-minimal input.tnp-submit:hover{
  background: rgba(214, 141, 0, 0.22);
  border-color: rgba(214, 141, 0, 0.95);
  color: #DFDFDF;
}

.custom-newsletter-footer-form-desctop .tnp-subscription-minimal input.tnp-submit:active{
  transform: translateY(1px);
  background: rgba(214, 141, 0, 0.48);
}


/* ==========================================================
   CHECKBOX / PRIVACY — вниз отдельной строкой и “малозаметно”
========================================================== */
.custom-newsletter-footer-form-desctop .tnp-subscription-minimal .tnp-privacy-field{
  flex: 0 0 100%;                     /* всегда отдельной строкой */
  margin-top: 6px;
  font-size: 11px;
  line-height: 1.35;
  color: rgba(223,223,223,0.45);
}

/* сам чекбокс */
.custom-newsletter-footer-form-desctop .tnp-subscription-minimal input.tnp-privacy{
  transform: scale(0.85);
  opacity: 0.55;
  accent-color: rgba(223,223,223,0.55);	
}

/* ссылка privacy */
.custom-newsletter-footer-form-desctop .tnp-subscription-minimal .tnp-privacy-field a{
  color: rgba(214,141,0,0.75); /*золотистый*/
	 color: rgba(223,223,223,0.45);  /*серый*/
  text-decoration: none;
  border-bottom: 0;
}
.custom-newsletter-footer-form-desctop .tnp-subscription-minimal .tnp-privacy-field a:hover{
  color: rgba(214,141,0,1);
  text-decoration: underline;
}


/* ===================================================================
   АДАПТИВНОСТЬ (берём логику из старого кода)
   Важно: НЕ задаём email min-width на десктопе — иначе опять сломает строку
   =================================================================== */

/* ШИРИНА ДЕСКТОПА 1200px — 1399px */
@media (min-width: 1200px) and (max-width: 1399px) {

  /* ✅ ИЗМЕНЕНО: контейнер становится компактнее, как в старом коде */
  .custom-newsletter-footer-form-desctop .tnp-subscription-minimal{
    max-width: 420px !important;                 /* было 520 */
  }

  .custom-newsletter-footer-form-desctop .tnp-subscription-minimal input.tnp-email{
    border-color: rgba(214, 141, 0, 0.62);
	   max-width: 300px !important;
    min-width: 200px !important;
  }

  .custom-newsletter-footer-form-desctop .tnp-subscription-minimal input.tnp-submit{
    /* как в старом — кнопка чуть заметнее */
    background: rgba(214, 141, 0, 0.40);
    color: #DFDFDF;
    border-color: rgba(214, 141, 0, 0.90);

    /* ✅ ДОБАВЛЕНО: на этом диапазоне чуть компактнее, чтобы влезали переводы */
    min-width: 140px;
    padding: 0 18px;
  }

  .custom-newsletter-footer-form-desctop .tnp-subscription-minimal input.tnp-submit:hover{
    background: rgba(214, 141, 0, 0.52);
  }
}


/* ШИРИНА ДЕСКТОПА 980px — 1199px */
@media (min-width: 980px) and (max-width: 1199px) {

  .custom-newsletter-footer-form-desctop .tnp-subscription-minimal{
    max-width: 360px !important;                 /* компактнее, чтобы не лезло на светлую часть */
    margin-top: 40px;                 /* как в старом коде */
  }

  .custom-newsletter-footer-form-desctop .tnp-subscription-minimal form{
    gap: 10px;
  }

  .custom-newsletter-footer-form-desctop .tnp-subscription-minimal input.tnp-email{
    border-color: rgba(214, 141, 0, 0.70);
    color: #DFDFDF;
  }

  .custom-newsletter-footer-form-desctop .tnp-subscription-minimal input.tnp-submit{
    background: rgba(214, 141, 0, 0.58);
    color: #DFDFDF;
    border-color: rgba(214, 141, 0, 0.95);

    /* ✅ ДОБАВЛЕНО: ещё компактнее, чтобы строка не ломалась на узком десктопе */
    min-width: 132px;
    padding: 0 16px;
  }

  .custom-newsletter-footer-form-desctop .tnp-subscription-minimal input.tnp-submit:hover{
    background: rgba(214, 141, 0, 0.70);
  }
}


/* МОБИЛЬНЫЙ ДИАПАЗОН (если у тебя есть отдельная mob-секция, она и должна работать)
   Здесь просто “страховка”, чтобы десктопная форма не ломала мобильный layout. */
@media (max-width: 979px){
  .custom-newsletter-footer-form-desctop .tnp-subscription-minimal{
    max-width: 420px !important;
  }

  .custom-newsletter-footer-form-desctop .tnp-subscription-minimal form{
    gap: 10px;
  }

  .custom-newsletter-footer-form-desctop .tnp-subscription-minimal input.tnp-submit{
    min-width: 0;
  }
}