/* Контейнер форми */
.wpforms-container {
  max-width: 420px !important;
	min-width: 360px !important;
  margin: 10px auto !important;
  padding: 24px !important;
  background: #fff !important;
  border-radius: 16px !important;
  box-shadow: 0 6px 16px rgba(0,0,0,0.08) !important;
  transition: box-shadow 0.3s ease ;
}

.wpforms-container input.wpforms-field-medium {
max-width: 100%;
}

.wpforms-container:hover {
  box-shadow: 0 8px 20px rgba(0,0,0,0.12) ;
}

/* Поле вводу */
.wpforms-field input[type="text"],
.wpforms-field input[type="tel"],
.wpforms-field input[type="email"],
.wpforms-field input[type="number"] {

  width: 100% ;
  padding: 14px 18px;
  font-size: 16px;
  border: 2px solid #ddd;
  border-radius: 10px;
  transition: border-color 0.25s ease, box-shadow 0.25s ease;
}

.wpforms-field input:focus {
  border-color: #ff7f50; /* кольори можна змінити */
  box-shadow: 0 0 0 3px rgba(255,127,80,0.2);
  outline: none;
}

/* Кнопка */
.wpforms-submit-container {
  text-align: center;
  margin-top: 18px;
}
#wpforms-form-22045 .wpforms-field-container {
	width: 100% !important;
}
#wpforms-form-22062 .wpforms-field-container {
	width: 100% !important;
}
.wpforms-submit {
      width: fit-content;
    border-radius: 0;
    background: #E10811 !important;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 24px !important;
    line-height: 20px;
    color: #FFFFFF !important;
    padding: 15px;
    text-transform: uppercase;
    clip-path: polygon(0 0, 100% 10%, 100% 90%, 0% 100%);
    display: block;
    max-width: 100%;
    text-align: center;
    outline: none !important;
}


.wpforms-submit:hover {
  background: linear-gradient(135deg, #ff5500, #ff7f50);
  transform: translateY(-2px);
}

.wpforms-submit:active {
  transform: translateY(0);
}

/* При мобільному вигляді */
@media (max-width: 480px) {
  .wpforms-container {
    padding: 18px;
min-width: 280px !important;
  }

  .wpforms-submit {
    width: 100%;
  }
}