/******* Do not edit this file *******
Woody Code Snippets CSS and JS
Saved: Jan 28 2026 | 14:54:10 */
/* ===================================================================
   FOOTER NEWSLETTER — MOBILE (MINIMAL SHORTCODE)
   СНИППЕТ ТОЛЬКО ДЛЯ МОБИЛЬНОЙ СЕКЦИИ: .custom-newsletter-footer-form-mob

   ВАЖНО:
   - НЕ используем .newsletter-footer-form (он для старой HTML-формы)
   - Работаем с обёрткой минимальной формы: .tnp-subscription-minimal
   - На мобильных: форма в 1 колонку (stack), 100% ширины
   =================================================================== */


/* === МОБИЛЬНЫЙ ДИАПАЗОН === */
@media (max-width: 979px){

  /***************************************************************
    1) ЛЕВОЕ ВЫРАВНИВАНИЕ (в минимальной форме иногда есть inline center)
  ***************************************************************/
  .custom-newsletter-footer-form-mob{
    text-align: left !important;
  }

  .custom-newsletter-footer-form-mob .et_pb_text,
  .custom-newsletter-footer-form-mob .et_pb_code,
  .custom-newsletter-footer-form-mob .et_pb_text_inner,
  .custom-newsletter-footer-form-mob .tnp-subscription-minimal,
  .custom-newsletter-footer-form-mob .tnp-subscription-minimal form{
    text-align: left !important;
  }


  /***************************************************************
    2) КОНТЕЙНЕР МИНИ-ФОРМЫ
  ***************************************************************/
  .custom-newsletter-footer-form-mob .tnp-subscription-minimal{
    width: 100% !important;
    max-width: 420px;          /* как в старом моб. коде; можно убрать, если нужно 100% всегда */
    margin: 14px 0 0 0 !important;
  }


  /***************************************************************
    3) ФОРМА: В КОЛОНКУ (stack)
  ***************************************************************/
  .custom-newsletter-footer-form-mob .tnp-subscription-minimal form{
    display: flex !important;
    flex-direction: column !important;   /* ключевое: 1 колонка */
    gap: 10px;
    align-items: stretch !important;
    justify-content: flex-start !important;

    margin: 0 !important;
    padding: 0 !important;
  }

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


  /***************************************************************
    4) EMAIL (копия стилистики, как у старой формы)
  ***************************************************************/
  .custom-newsletter-footer-form-mob .tnp-subscription-minimal input.tnp-email{
    width: 100% !important;
    min-width: 0 !important;       /* важно: не ломаем мобильную ширину */
    max-width: none !important;

    height: 44px;
    padding: 0 14px;

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

    color: rgba(214, 141, 0, 0.78);
    font-size: 14px;

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

    box-sizing: border-box;
  }

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

  .custom-newsletter-footer-form-mob .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);
  }


  /***************************************************************
    5) AUTOFILL (чтобы Chrome не делал белый фон и чёрный текст)
  ***************************************************************/
  .custom-newsletter-footer-form-mob .tnp-subscription-minimal input.tnp-email:-webkit-autofill,
  .custom-newsletter-footer-form-mob .tnp-subscription-minimal input.tnp-email:-webkit-autofill:hover,
  .custom-newsletter-footer-form-mob .tnp-subscription-minimal input.tnp-email:-webkit-autofill:focus,
  .custom-newsletter-footer-form-mob .tnp-subscription-minimal input.tnp-email:-webkit-autofill:active{
    -webkit-box-shadow: 0 0 0 1000px rgba(0,0,0,0.10) inset !important;
    box-shadow: 0 0 0 1000px rgba(0,0,0,0.10) inset !important;

    -webkit-text-fill-color: #DFDFDF !important;
    caret-color: #DFDFDF !important;

    transition: background-color 9999s ease-out, color 9999s ease-out;
  }

  .custom-newsletter-footer-form-mob .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;
  }


  /***************************************************************
    6) SUBMIT (кнопка 100% ширины)
  ***************************************************************/
  .custom-newsletter-footer-form-mob .tnp-subscription-minimal input.tnp-submit{
    width: 100% !important;
    height: 44px;
    padding: 0 18px;

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

    color: rgba(214, 141, 0, 0.98);
    font-size: 14px;
    font-weight: 600;
    letter-spacing: .2px;

    cursor: pointer;
    transition: all .18s ease;

    box-sizing: border-box;
  }

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

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


  /***************************************************************
    7) PRIVACY (чекбокс + текст) — “тихий”, серый, но кликабельный
  ***************************************************************/
  .custom-newsletter-footer-form-mob .tnp-subscription-minimal .tnp-privacy-field{
    margin: 6px 0 0 0 !important;
    max-width: 420px; /* чтобы красиво совпадало с max-width формы */
  }

  .custom-newsletter-footer-form-mob .tnp-subscription-minimal .tnp-privacy-field label{
    display: inline-flex;
    align-items: flex-start;
    gap: 8px;

    font-size: 11px;
    line-height: 1.35;

    color: rgba(223,223,223,0.45);
  }

  /* сам чекбокс — чуть “приглушённый” */
  .custom-newsletter-footer-form-mob .tnp-subscription-minimal input.tnp-privacy{
    width: 12px;
    height: 12px;
    margin-top: 2px;
	 
	  /*уменьнаю в размере сам чекбокс и делаю его серым*/
	  transform: scale(0.9);
      opacity: 0.55;
      accent-color: rgba(223,223,223,0.55);	

    accent-color: rgba(223,223,223,0.45); /* современные браузеры */
    filter: saturate(0.2) brightness(1.05); /* подстраховка */
  }

  /* ссылка privacy — тоже “тихая”, но заметнее при hover */
  .custom-newsletter-footer-form-mob .tnp-subscription-minimal .tnp-privacy-field a{
    color: rgba(223,223,223,0.55);  /*серый*/	
    text-decoration: none;
  }

  .custom-newsletter-footer-form-mob .tnp-subscription-minimal .tnp-privacy-field a:hover{
    /*color: rgba(223,223,223,0.80);*/
	  color: rgba(214,141,0,1);  /*золотистый*/
    text-decoration: underline;
  }

}