/* =====================
   LAYOUT
===================== */

.cf7-wrapper {
  width: 100%;
}

.cf7-wrapper .wpcf7-form-control-wrap {
  display: block;
  width: 100%;
}

.cf7-row {
  display: flex;
  gap: 30px;
  margin-bottom: 25px;
}

.cf7-row.full {
  flex-direction: column;
}

.cf7-col {
  flex: 1;
  display: flex;
  flex-direction: column;
}

.cf7-col label {
  font-size: 14px;
  margin-bottom: 8px;
  color: #000;
}

/* =====================
   INPUTS
===================== */

.cf7-wrapper input[type="text"],
.cf7-wrapper input[type="email"],
.cf7-wrapper input[type="tel"],
.cf7-wrapper textarea {
  width: 100%;
  border: 1px solid #1aa6a6;
  border-radius: 30px;
  padding: 14px 20px;
  font-size: 14px;
  box-sizing: border-box;
}

.cf7-wrapper textarea {
  border-radius: 20px;
  resize: none;
  min-height: 160px;
}


/* =====================
   SUBMIT
===================== */

.mandatory-note {
  color: red;
  font-size: 13px;
  margin-bottom: 20px;
}

.cf7-submit {
  display: flex;
  justify-content: center;
}

.cf7-submit input[type="submit"] {
  background: #00827E;
  color: #fff;
  border: none;
  padding: 12px 40px;
  border-radius: 30px;
  cursor: pointer;
}


/* Hover state (optional but recommended) */
.cf7-submit input[type="submit"]:hover {
  background: #00A39E;
    color: #373A36; /* text color */

}

/* Active (when clicked) */
.cf7-submit input[type="submit"]:active {
  background: #2ED9C3;
    color: #373A36; /* text color */

  transform: scale(0.97); /* small press effect */
}

/* Focus state (keyboard accessibility) */
.cf7-submit input[type="submit"]:focus {
  background: #2ED9C3;
    color: #373A36; /* text color */

  outline: none;
}

/* =========================
   CHECKBOX – FINAL POLISH
========================= */

.cf7-checkbox-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 40px;
  margin: 30px 0;
}

/* Each checkbox block */
.cf7-checkbox-item {
  display: flex;
}

/* Checkbox + text alignment */
.cf7-checkbox-item label {
  display: flex;
  align-items: center; /* center vertically */
  gap: 10px;
  font-size: 13px;
  line-height: 1.4;
  cursor: pointer;
}

/* Checkbox look */
.cf7-checkbox-item input[type="checkbox"] {
  width: 16px;
  height: 16px;
  accent-color: #1aa6a6;
  cursor: pointer;
}

/* Required star */
.cf7-checkbox-item .required {
  color: red;
  margin-left: 2px;
}

/* Mobile */
@media (max-width: 768px) {
  .cf7-checkbox-row {
    grid-template-columns: 1fr;
    row-gap: 15px;
  }
}