/* Generated from components/shared/ContactForm.module.css by wordpress/tools/convert-css.cjs. Do not edit. */
.ContactForm__form {
  flex-direction: column;
  gap: 1.5rem;
  width: 100%;
  display: flex;
}

.ContactForm__formGroup {
  flex-direction: column;
  gap: .5rem;
  display: flex;
}

.ContactForm__label {
  color: var(--primary);
  letter-spacing: .02em;
  font-size: .95rem;
  font-weight: 700;
}

.ContactForm__input, .ContactForm__select, .ContactForm__textarea {
  background-color: var(--white);
  width: 100%;
  color: var(--primary);
  border: 1px solid #0b1a3026;
  border-radius: .85rem;
  padding: .85rem 1.2rem;
  font-family: inherit;
  font-size: .98rem;
  font-weight: 500;
  transition: all .3s cubic-bezier(.16, 1, .3, 1);
}

.ContactForm__select {
  appearance: none;
  cursor: pointer;
  background-image: url("data:image/svg+xml;utf8,<svg fill=\"none\" stroke=\"%230b1a30\" stroke-width=\"2\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M19 9l-7 7-7-7\"></path></svg>");
  background-position: right 1.2rem center;
  background-repeat: no-repeat;
  background-size: 1em;
  padding-right: 2.8rem;
}

[dir="rtl"] .ContactForm__select {
  background-position: 1.2rem 50%;
  padding-left: 2.8rem;
  padding-right: 1.2rem;
}

.ContactForm__input::placeholder, .ContactForm__textarea::placeholder {
  color: #4b586e80;
}

.ContactForm__input:focus, .ContactForm__select:focus, .ContactForm__textarea:focus {
  border-color: var(--secondary);
  background-color: #fff;
  outline: none;
  box-shadow: 0 0 0 4px #ff6b0026;
}

.ContactForm__textarea {
  resize: vertical;
  min-height: 120px;
}

.ContactForm__submitBtn {
  background: linear-gradient(135deg, var(--secondary-dark), var(--secondary));
  color: #fff;
  cursor: pointer;
  border: none;
  border-radius: .85rem;
  justify-content: center;
  align-items: center;
  gap: .75rem;
  padding: .95rem 2rem;
  font-size: 1rem;
  font-weight: 700;
  transition: all .3s cubic-bezier(.16, 1, .3, 1);
  display: flex;
  box-shadow: 0 6px 18px #ff6b0040;
}

.ContactForm__submitBtn:hover:not(:disabled) {
  background: linear-gradient(135deg, var(--secondary), var(--accent));
  transform: translateY(-2px);
  box-shadow: 0 10px 25px #ff6b0066;
}

.ContactForm__submitBtn:disabled {
  opacity: .6;
  cursor: not-allowed;
}

.ContactForm__successMessage {
  color: #166534;
  background-color: #f0fdf4;
  border: 1px solid #bbf7d0;
  border-radius: .85rem;
  flex-wrap: wrap;
  align-items: center;
  gap: .75rem;
  margin-bottom: 1.5rem;
  padding: 1.25rem;
  font-size: .95rem;
  font-weight: 600;
  display: flex;
}

.ContactForm__notice {
  color: #475569;
  font-size: .9rem;
  line-height: 1.7;
}

.ContactForm__notice p {
  margin: 0 0 .75rem;
}

.ContactForm__notice a {
  color: var(--primary);
  text-decoration: underline;
}

.ContactForm__international {
  background-color: var(--white);
  border: 1px solid #0b1a301f;
  border-radius: .85rem;
  padding: .9rem 1.2rem;
}

.ContactForm__international summary {
  cursor: pointer;
  color: var(--primary);
  font-weight: 700;
}

.ContactForm__international[open] summary {
  margin-bottom: 1.2rem;
}

.ContactForm__internationalFields {
  flex-direction: column;
  gap: 1.25rem;
  display: flex;
}

.ContactForm__dateRow {
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
  display: grid;
}

@media (width <= 480px) {
  .ContactForm__dateRow {
    grid-template-columns: 1fr;
  }
}