/* ===============================
   CF7 BIM STYLE – FINAL FIX
   Class: cf-6977a68
   =============================== */

/* Layout */
.cf-6977a68 .cf-row {
  display: flex;
  gap: 24px;
  margin-bottom: 22px;
}

.cf-6977a68 .cf-col {
  flex: 1;
}

.cf-6977a68 .cf-col.full {
  width: 100%;
}

/* Reset theme / elementor */
.cf-6977a68 input,
.cf-6977a68 textarea {
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  background: #f2f2f2 !important;
  border-radius: 6px !important;
}

/* Inputs – base state */
.cf-6977a68 input[type="text"],
.cf-6977a68 input[type="email"],
.cf-6977a68 input[type="tel"],
.cf-6977a68 textarea {
  width: 100%;
  padding: 14px 16px;
  font-size: 15px;
  border-bottom: 3px solid #4DCAF1 !important; /* PRIMARY */
  transition: border-color 0.25s ease;
}

/* HOVER state (FIXED) */
.cf-6977a68 input[type="text"]:hover,
.cf-6977a68 input[type="email"]:hover,
.cf-6977a68 input[type="tel"]:hover,
.cf-6977a68 textarea:hover {
  border-bottom-color: #3098C6 !important; /* SECONDARY */
}

/* FOCUS state */
.cf-6977a68 input:focus,
.cf-6977a68 textarea:focus {
  border-bottom-color: #3098C6 !important;
}

/* Message height */
.cf-6977a68 textarea {
  height: 150px;
  resize: none;
}

/* Placeholder */
.cf-6977a68 ::placeholder {
  color: #8a8a8a;
}

/* ===============================
   BUTTON – FORCE COLORS
   =============================== */

.cf-6977a68 input[type="submit"] {
  appearance: none;
  -webkit-appearance: none;
  background: #4DCAF1 !important; /* PRIMARY */
  color: #ffffff !important;
  border: none !important;
  padding: 12px 28px;
  font-size: 15px;
  border-radius: 4px;
  cursor: pointer;
  transition: background 0.25s ease, box-shadow 0.25s ease;
}

/* Button hover */
.cf-6977a68 input[type="submit"]:hover {
  background: #3098C6 !important; /* SECONDARY */
}

/* Button focus / active */
.cf-6977a68 input[type="submit"]:focus,
.cf-6977a68 input[type="submit"]:active {
  background: #3098C6 !important;
  box-shadow: 0 0 0 3px rgba(48, 152, 198, 0.25);
  outline: none;
}

/* Mobile */
@media (max-width: 768px) {
  .cf-6977a68 .cf-row {
    flex-direction: column;
  }
}