/******* Do not edit this file *******
Woody Code Snippets CSS and JS
Saved: Nov 09 2025 | 17:22:18 */
/* ================================================================= */
/* СТИЛИ ДЛЯ КОНТАКТНОЙ ФОРМЫ DOMPROEKT26.RU - ПОЛНОЕ ОПИСАНИЕ */
/* ================================================================= */

/* === ОСНОВНЫЕ СТИЛИ ФОРМЫ === */

/* Основной контейнер формы - задает базовые параметры для всего блока формы */
.elementor-element-519488c7 {
  margin-bottom: 5px !important;        /* Внешний отступ снизу 5px для отделения от других элементов */
  width: 100% !important;               /* Ширина контейнера на всю доступную ширину родителя */
  font-family: 'Montserrat', sans-serif !important; /* Основной шрифт для всех текстовых элементов внутри формы */
}

/* Контейнер самой формы Contact Form 7 - технические настройки */
.elementor-element-519488c7 .wpcf7-form {
  width: 100% !important;               /* Форма занимает всю ширину родительского контейнера */
}

/* Стили для меток (label) полей формы - названия полей "Ваше имя", "Телефон" и т.д. */
.elementor-element-519488c7 .wpcf7-form label {
  color: #EEEEEE !important;               /* Белый цвет текста для лучшей читаемости на темном фоне */
  font-size: clamp(13px, 2vw, 15px) !important; /* Адаптивный размер шрифта: минимальный 13px, оптимальный 2% от ширины экрана, максимальный 15px */
  margin-bottom: 8px !important;        /* Отступ снизу 8px между меткой и полем ввода для визуального разделения */
  display: block !important;            /* Отображение как блочный элемент для занятия всей ширины строки */
  font-family: 'Montserrat', sans-serif !important; /* Наследование основного шрифта формы */
}

/* Стили для параграфов с текстом в форме - описательные тексты */
.elementor-element-519488c7 .wpcf7-form p {
  color: #EEEEEE!important;                /* Белый цвет текста для согласованности с метками */
  font-size: clamp(13px, 2vw, 15px) !important; /* Адаптивный размер шрифта идентичный меткам */
  margin-bottom: 8px !important;        /* Стандартный отступ снизу для визуального разделения элементов */
  font-family: 'Montserrat', sans-serif !important; /* Единый шрифт для всего текста формы */
}

/* ================================================================= */
/* СТИЛИ ДЛЯ ПОЛЕЙ ВВОДА - ОСНОВНЫЕ ПАРАМЕТРЫ */
/* ================================================================= */

/* Базовые стили для всех типов полей ввода КРОМЕ КНОПКИ: текстовые, телефон, email, текстовые области */
html body .elementor-element-519488c7 .wpcf7-form-control:not([type="submit"]):not(.wpcf7-submit),
html body .elementor-element-519488c7 input[type="text"],
html body .elementor-element-519488c7 input[type="tel"],
html body .elementor-element-519488c7 input[type="email"],
html body .elementor-element-519488c7 textarea.wpcf7-textarea {
  width: 100% !important;               /* Ширина поля 100% от родительского контейнера для заполнения всей доступной ширины */
  background: transparent !important;   /* Прозрачный фон поля по умолчанию для интеграции с дизайном сайта */
  border: 3px solid #EEEEEE !important; /* Рамка толщиной 3px светло-серого цвета для визуального выделения поля */
  color: #000000 !important;            /* Черный цвет текста внутри поля для максимальной контрастности и читаемости */
  padding: 12px 15px !important;        /* Внутренние отступы: 12px сверху/снизу, 15px слева/справа для комфортного ввода текста */
  margin-bottom: 15px !important;       /* Внешний отступ снизу 15px для создания пространства между полями формы */
  border-radius: 5px !important;        /* Закругление углов рамки 5px для современного внешнего вида */
  font-family: 'Montserrat', sans-serif !important; /* Шрифт текста в поле идентичный основному шрифту формы */
  font-size: clamp(13px, 2vw, 15px) !important; /* Адаптивный размер шрифта для текста в поле ввода */
  transition: all 0.3s ease !important; /* Плавный переход всех свойств за 0.3 секунды для анимации изменений */
  box-sizing: border-box !important;    /* Учитываем padding и border в общей ширине элемента */
}

/* ================================================================= */
/* СТИЛИ ПРИ НАВЕДЕНИИ КУРСОРА МЫШИ НА ПОЛЯ ВВОДА (КРОМЕ КНОПКИ) */
/* ================================================================= */

/* Эффекты при наведении курсора мыши на любое поле ввода формы КРОМЕ КНОПКИ */
html body .elementor-element-519488c7 .wpcf7-form-control:not([type="submit"]):not(.wpcf7-submit):hover,
html body .elementor-element-519488c7 input[type="text"]:hover,
html body .elementor-element-519488c7 input[type="tel"]:hover,
html body .elementor-element-519488c7 input[type="email"]:hover,
html body .elementor-element-519488c7 textarea.wpcf7-textarea:hover {
  background: rgba(238, 238, 238, 0.1) !important; /* Легкий белый полупрозрачный фон при наведении для визуальной обратной связи */
  border-color: #bba460 !important;     /* Изменение цвета рамки на золотистый при наведении для акцента */
  box-shadow: 0 0 0 1px rgba(187, 164, 96, 0.5) !important; /* Внутренняя золотистая тень для создания эффекта глубины */
  transform: translateY(-1px) !important; /* Легкий подъем поля на 1px вверх для интерактивного эффекта "нажатия" */
}

/* ================================================================= */
/* СТИЛИ ДЛЯ АКТИВНОГО ПОЛЯ С ВВЕДЕННЫМ ТЕКСТОМ (КРОМЕ КНОПКИ) */
/* ================================================================= */

/* Стили для полей, в которых пользователь уже ввел текст (не пустые поля) КРОМЕ КНОПКИ */
html body .elementor-element-519488c7 .wpcf7-form-control:not([type="submit"]):not(.wpcf7-submit):not(:placeholder-shown),
html body .elementor-element-519488c7 input[type="text"]:not(:placeholder-shown),
html body .elementor-element-519488c7 input[type="tel"]:not(:placeholder-shown),
html body .elementor-element-519488c7 input[type="email"]:not(:placeholder-shown),
html body .elementor-element-519488c7 textarea.wpcf7-textarea:not(:placeholder-shown) {
  background: rgba(255, 255, 255, 0.1) !important; /* Белый полупрозрачный фон 10% для визуального выделения заполненного поля */
  color: #EEEEEE !important;            /* Светло-серый цвет текста #EEEEEE для хорошей читаемости на полупрозрачном фоне */
  border-color: #eeeeee !important;     /* Светло-серая рамка для заполненных полей в неактивном состоянии */
  box-shadow: inset 0 0 0 1px rgb(70 88 92) !important; /* Внутренняя тень цвета #46585C для создания эффекта углубления */
}

/* ================================================================= */
/* СТИЛИ ПРИ ФОКУСЕ НА ПОЛЕ (КОГДА ПОЛЬЗОВАТЕЛЬ КЛИКАЕТ НА ПОЛЕ) КРОМЕ КНОПКИ */
/* ================================================================= */

/* Базовые стили для любого поля в состоянии фокуса (активного ввода) КРОМЕ КНОПКИ */
html body .elementor-element-519488c7 .wpcf7-form-control:not([type="submit"]):not(.wpcf7-submit):focus,
html body .elementor-element-519488c7 input[type="text"]:focus,
html body .elementor-element-519488c7 input[type="tel"]:focus,
html body .elementor-element-519488c7 input[type="email"]:focus,
html body .elementor-element-519488c7 textarea.wpcf7-textarea:focus {
  outline: none !important;             /* Полное удаление стандартной браузерной обводки для кастомного дизайна */
  border-color: #06332e !important;     /* Темно-зеленая рамка #06332e при фокусе для визуального акцента */
  color: #EEEEEE !important;            /* Светло-серый цвет текста #EEEEEE при активном вводе */
  box-shadow: 0 0 0 2px rgba(187, 164, 96, 0.3) !important; /* Внешнее золотистое свечение вокруг поля для выделения */
  background: rgba(255, 255, 255, 0.1) !important; /* Белый полупрозрачный фон 10% при фокусе */
}

/* Дополнительные стили для поля в фокусе, которое уже содержит текст КРОМЕ КНОПКИ */
html body .elementor-element-519488c7 .wpcf7-form-control:not([type="submit"]):not(.wpcf7-submit):focus:not(:placeholder-shown) {
  background: rgba(255, 255, 255, 0.15) !important; /* Более насыщенный белый полупрозрачный фон 15% */
  border-color: #8A9A9E !important;     /* Серо-голубая рамка #8A9A9E для заполненных полей в фокусе */
  box-shadow: 0 0 0 2px #8A9A9E, inset 0 0 0 1px #202c2e !important; /* Двойная тень: внешняя серо-голубая и внутренняя темная */
}

/* ================================================================= */
/* СТИЛИ ДЛЯ ТЕКСТА-ПОДСКАЗКИ (PLACEHOLDER) В ПОЛЯХ ВВОДА */
/* ================================================================= */

/* Базовые стили для текста-подсказки в пустых полях ввода */
html body .elementor-element-519488c7 .wpcf7-form-control:not([type="submit"]):not(.wpcf7-submit)::placeholder {
  color: #666666 !important;            /* Темно-серый цвет #666666 для текста подсказки */
  opacity: 1 !important;                /* Полная непрозрачность 100% для четкого отображения подсказки */
}

/* Стили для текста-подсказки при наведении курсора на поле */
html body .elementor-element-519488c7 .wpcf7-form-control:not([type="submit"]):not(.wpcf7-submit):hover::placeholder {
  color: #999999 !important;            /* Более светлый серый цвет #999999 при наведении для визуальной обратной связи */
}

/* ================================================================= */
/* СТИЛИ ДЛЯ КНОПКИ ОТПРАВКИ ФОРМЫ - ТЕПЕРЬ ОТДЕЛЬНО */
/* ================================================================= */

/* Основные стили кнопки отправки формы */
.elementor-element-519488c7 .wpcf7-form .wpcf7-submit,
.elementor-element-519488c7 .wpcf7-form input[type="submit"],
.elementor-element-519488c7 input[type="submit"] {
  background: #8A9A9E !important;       /* Темный фон цвета #46585c для кнопки */ 
  color: #EEEEEE !important;            /* Светло-серый цвет текста #EEEEEE на кнопке */
  border: none !important;              /* Полное удаление стандартной рамки кнопки */
  padding: 12px 30px !important;        /* Внутренние отступы: 12px сверху/снизу, 30px слева/справа для комфортного отступа текста от краев */
  width: auto !important;               /* Автоматическая ширина кнопки в зависимости от содержимого */
  min-width: 200px !important;          /* Минимальная ширина кнопки 200px вместо максимальной */
  border-radius: 5px !important;        /* Закругление углов 5px в соответствии с дизайном полей ввода */
  cursor: pointer !important;           /* Изменение курсора на указатель при наведении для интерактивности */
  font-weight: 700 !important;          /* Жирное начертание шрифта (700) для выделения текста кнопки */
  font-size: clamp(13px, 2vw, 15px) !important; /* Адаптивный размер текста кнопки идентичный полям ввода */
  transition: all 0.3s !important;      /* Плавный переход всех свойств за 0.3 секунды для анимации */
  margin-top: 5px !important;           /* Внешний отступ сверху 5px для отделения от предыдущих элементов */
  display: inline-block !important;     /* Строчно-блочное отображение для автоматической ширины */
  font-family: 'Montserrat', sans-serif !important; /* Единый шрифт Montserrat для текста кнопки */
  box-sizing: border-box !important;    /* Учитываем padding и border в общей ширине элемента */
  opacity: 1 !important;                /* Полная непрозрачность кнопки */
  text-align: center !important;        /* Выравнивание текста по центру для симметричного отображения */
  white-space: nowrap !important;       /* Запрет переноса текста на новую строку */
}

/* Стили кнопки при наведении курсора мыши */
.elementor-element-519488c7 .wpcf7-form .wpcf7-submit:hover,
.elementor-element-519488c7 .wpcf7-form input[type="submit"]:hover,
.elementor-element-519488c7 input[type="submit"]:hover {
  background: #1c2729 !important;       /* Изменение фона на #1c2729 при наведении для интерактивности */
  color: #EEEEEE !important;            /* Светло-серый цвет текста при наведении для лучшего контраста */
  transform: translateY(-2px) !important; /* Подъем кнопки на 2px вверх для эффекта "нажатия" */
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2) !important; /* Добавление тени для создания эффекта глубины и объемности */
  opacity: 1 !important;                /* Убедиться, что кнопка остается непрозрачной при наведении */
}

/* ================================================================= */
/* АДАПТИВНЫЕ СТИЛИ ДЛЯ МОБИЛЬНЫХ УСТРОЙСТВ (до 480px) */
/* ================================================================= */

@media (max-width: 480px) {
  /* Уменьшение кнопки отправки для мобильных устройств */
  .elementor-element-519488c7 .wpcf7-form .wpcf7-submit {
    padding: 10px 25px !important;      /* Уменьшенные внутренние отступы кнопки 10px сверху/снизу, 25px слева/справа */
    min-width: 180px !important;        /* Немного уменьшенная минимальная ширина на мобильных */
    width: 100% !important;             /* На мобильных кнопка занимает всю ширину */
    display: block !important;          /* Блочное отображение для полной ширины */
  }
}

/* Дополнительные исправления для адаптивности */
@media (max-width: 1024px) {
  .elementor-element-519488c7 .wpcf7-form .wpcf7-submit {
    width: auto !important;             /* Автоматическая ширина на планшетах */
    display: inline-block !important;   /* Строчно-блочное отображение */
  }
}

/* ================================================================= */
/* СТИЛИ БЛОКА СОГЛАШЕНИЯ НА ОБРАБОТКУ ПЕРСОНАЛЬНЫХ ДАННЫХ */
/* ================================================================= */

/* Базовое скрытие всех блоков соглашения на сайте (глобальная настройка) */
.leon-consent-box {
  display: none !important;             /* Полное скрытие всех элементов с классом leon-consent-box */
}

/* Отображение блока соглашения только внутри нашей целевой формы */
.elementor-element-519488c7 .leon-consent-box {
  display: flex !important;             /* Flex-контейнер для горизонтального расположения иконки и текста */
  align-items: center !important;       /* Вертикальное выравнивание элементов по центру */
  margin-top: 2px !important;           /* УМЕНЬШЕННЫЙ отступ сверху 2px (было 8px) от кнопки отправки формы */
  width: 100% !important;               /* Ширина блока на 100% доступной ширины */
}

/* Стили для иконки соглашения (галочка в квадрате) */
.elementor-element-519488c7 .leon-consent-icon {
  width: 20px !important;               /* Фиксированная ширина иконки 20px */
  height: 20px !important;              /* Фиксированная высота иконки 20px для создания квадрата */
  background: #59696d !important;       /* Светло-серый фон #59696d для иконки */
  color: #46585C !important;            /* Темный цвет #46585C для символа галочки внутри иконки */
  border-radius: 2px !important;        /* Легкое закругление углов 2px для современного вида */
  display: flex !important;             /* Flex-контейнер для точного центрирования галочки */
  align-items: center !important;       /* Вертикальное центрирование галочки по середине иконки */
  justify-content: center !important;   /* Горизонтальное центрирование галочки по середине иконки */
  font-size: 12px !important;           /* Размер символа галочки 12px */
  font-weight: bold !important;         /* Жирное начертание галочки для лучшей видимости */
  margin-right: 10px !important;        /* Внешний отступ справа 10px для отделения от текста соглашения */
  flex-shrink: 0 !important;            /* Запрещаем сжатие иконки */
}

/* Стили для текста соглашения на обработку персональных данных */
.elementor-element-519488c7 .leon-consent-text {
  color: #EEEEEE !important;            /* Светло-серый цвет текста #EEEEEE для согласованности с дизайном */
  font-size: 9px !important;            /* Фиксированный размер шрифта 9px как требовалось */
  line-height: 1.4 !important;          /* Межстрочный интервал 1.4 для комфортного чтения текста */
  font-family: 'Montserrat', sans-serif !important; /* Единый шрифт Montserrat для всего текста формы */
}

/* ================================================================= */
/* СТИЛИ ДЛЯ УВЕДОМЛЕНИЙ ФОРМЫ WPCF7 (ОБЪЕДИНЕННЫЕ НАСТРОЙКИ) */
/* ================================================================= */

/* Общие стили для всех типов уведомлений формы (успех, ошибка, общие) */
.elementor-element-519488c7 .wpcf7-response-output,
.elementor-element-519488c7 .wpcf7-mail-sent-ok,
.elementor-element-519488c7 .wpcf7-validation-errors {
  color: #EEEEEE !important;            /* Светло-серый цвет текста #EEEEEE для хорошей читаемости */
  background-color: #46585c !important;    /* Темный фон #46585c для контрастного отображения уведомления */
  border-radius: 5px !important;           /* Закругление углов 5px в соответствии с общим дизайном формы */
  font-size: clamp(13px, 2vw, 15px) !important; /* Адаптивный размер шрифта идентичный другим элементам формы */
  font-family: 'Montserrat', sans-serif !important; /* Единый шрифт Montserrat для текста уведомлений */
  padding: 12px 15px !important;           /* Внутренние отступы 12px сверху/снизу, 15px слева/справа */
  margin: 15px 0 0 0 !important;           /* Внешние отступы: 15px сверху, 0 по остальным сторонам */
  text-align: center !important;           /* Выравнивание текста по центру для аккуратного вида */
  box-sizing: border-box !important;       /* Учитываем padding и border в общей ширине элемента */
}

/* Стили для общих уведомлений формы */
.elementor-element-519488c7 .wpcf7-response-output {
  border: 2px solid #46585c !important;    /* Рамка толщиной 2px цвета фона для монохромного вида */
}

/* Стили для уведомления об успешной отправке формы */
.elementor-element-519488c7 .wpcf7-mail-sent-ok {
  border: 2px solid #bba460 !important;    /* Золотистая рамка #bba460 для визуального выделения успешной операции */
}

/* Стили для уведомления об ошибках валидации формы */
.elementor-element-519488c7 .wpcf7-validation-errors {
  border: 2px solid #ff6b6b !important;    /* Красная рамка #ff6b6b для привлечения внимания к ошибкам */
}

/* ================================================================= */
/* АДАПТИВНЫЕ СТИЛИ ДЛЯ ПЛАНШЕТНЫХ УСТРОЙСТВ (до 768px) */
/* ================================================================= */

@media (max-width: 768px) {
  .elementor-element-519488c7 .wpcf7-form .wpcf7-submit {
    max-width: 100% !important;         /* Кнопка отправки занимает всю ширину экрана на планшетах */
  }
}

/* ================================================================= */
/* АДАПТИВНЫЕ СТИЛИ ДЛЯ МОБИЛЬНЫХ УСТРОЙСТВ (до 480px) */
/* ================================================================= */

@media (max-width: 480px) {
  /* Уменьшение отступов в полях ввода для компактности на мобильных устройствах */
  .elementor-element-519488c7 .wpcf7-form input[type="text"],
  .elementor-element-519488c7 .wpcf7-form input[type="tel"],
  .elementor-element-519488c7 .wpcf7-form input[type="email"],
  .elementor-element-519488c7 .wpcf7-form textarea {
    padding: 8px 10px !important;       /* Компактные внутренние отступы 8px сверху/снизу, 10px слева/справа */
  }
  
  /* Уменьшение кнопки отправки для мобильных устройств */
  .elementor-element-519488c7 .wpcf7-form .wpcf7-submit {
    padding: 10px 20px !important;      /* Уменьшенные внутренние отступы кнопки 10px сверху/снизу, 20px слева/справа */
  }
  
  /* Уменьшение иконки соглашения для мобильных устройств */
  .elementor-element-519488c7 .leon-consent-icon {
    width: 16px !important;             /* Уменьшенная ширина иконки 16px */
    height: 16px !important;            /* Уменьшенная высота иконки 16px */
    font-size: 10px !important;         /* Уменьшенный размер символа галочки 10px */
  }
  
  /* Уменьшение отступа между кнопкой и согласием на мобильных устройствах */
  .elementor-element-519488c7 .leon-consent-box {
    margin-top: 1px !important;         /* Еще меньше отступ на мобильных устройствах */
  }
}

/* ================================================================= */
/* ИСПРАВЛЕНИЯ ДЛЯ КНОПКИ И ОБРЕЗАНИЯ */
/* ================================================================= */

/* Убедимся, что кнопка полностью непрозрачная */
html body .elementor-element-519488c7 input[type="submit"],
html body .elementor-element-519488c7 .wpcf7-submit {
    background: #46585C !important;
    background-color: #46585C !important;
    opacity: 1 !important;
    background-image: none !important;
}

/* Исправление обрезания кнопки с правой стороны */
.elementor-element-519488c7 {
  overflow: visible !important;         /* Разрешаем отображение содержимого за пределами контейнера */
}

.elementor-element-519488c7 .wpcf7-form {
  overflow: visible !important;         /* Убедимся, что форма не обрезает содержимое */
}

/* Контейнер для кнопки с правильным box-sizing */
.elementor-element-519488c7 .wpcf7-form-control-wrap {
  box-sizing: border-box !important;    /* Учитываем padding и border в общей ширине */
}

/* Дополнительные исправления для адаптивности */
@media (max-width: 1024px) {
  .elementor-element-519488c7 .wpcf7-form .wpcf7-submit {
    max-width: 100% !important;         /* На планшетах и ПК с маленьким экраном кнопка на всю ширину */
  }
}