/*
 * Scandigenic — Contact Form 7 Styles
 * Automatically loaded when CF7 plugin is active.
 */

/* Form wrapper */
.sg-form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
@media (max-width: 600px) { .sg-form-row { grid-template-columns: 1fr; } }
.sg-form-group { margin-bottom: 20px; display: flex; flex-direction: column; }
.sg-form-group label { font-size: 13px; font-weight: 600; color: #cbd5e1; margin-bottom: 8px; }
.sg-form-group .req { color: #3b82f6; }

/* All inputs */
.wpcf7-form input[type="text"],
.wpcf7-form input[type="email"],
.wpcf7-form input[type="tel"],
.wpcf7-form textarea,
.wpcf7-form select {
  width: 100%; padding: 13px 16px;
  background: rgba(255,255,255,.04);
  border: 1.5px solid rgba(255,255,255,.07);
  border-radius: 6px; color: #ffffff;
  font-family: 'Inter', sans-serif; font-size: 15px;
  outline: none; transition: border-color .2s, background .2s, box-shadow .2s;
  appearance: none; -webkit-appearance: none;
}
.wpcf7-form input::placeholder,
.wpcf7-form textarea::placeholder { color: #475569; }

.wpcf7-form input:focus,
.wpcf7-form textarea:focus,
.wpcf7-form select:focus {
  border-color: #3b82f6;
  background: rgba(59,130,246,.06);
  box-shadow: 0 0 0 3px rgba(59,130,246,.12);
}
.wpcf7-form textarea { resize: vertical; min-height: 110px; }
.wpcf7-form select {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2.5'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
  background-repeat: no-repeat; background-position: right 14px center;
  padding-right: 40px; cursor: pointer;
}
.wpcf7-form select option { background: #1a2540; color: #fff; }

/* Submit button */
.wpcf7-form input[type="submit"] {
  width: 100%; padding: 16px 28px;
  background: #3b82f6; color: #fff;
  font-family: 'Inter', sans-serif; font-size: 16px; font-weight: 600;
  border: none; border-radius: 6px; cursor: pointer;
  transition: background .2s, transform .2s, box-shadow .2s;
}
.wpcf7-form input[type="submit"]:hover {
  background: #2563eb; transform: translateY(-2px);
  box-shadow: 0 8px 30px rgba(59,130,246,.35);
}

/* Validation */
.wpcf7-not-valid-tip { color: #f87171; font-size: 12px; margin-top: 6px; display: block; }
.wpcf7-form input.wpcf7-not-valid,
.wpcf7-form textarea.wpcf7-not-valid,
.wpcf7-form select.wpcf7-not-valid { border-color: #f87171; background: rgba(248,113,113,.05); }

/* Response messages */
.wpcf7-response-output {
  margin: 16px 0 0 !important; padding: 14px 20px !important;
  border-radius: 8px !important; font-size: 14px !important;
  font-weight: 500 !important; border: 1px solid !important;
}
.wpcf7-mail-sent-ok { background: rgba(16,185,129,.08) !important; border-color: rgba(16,185,129,.3) !important; color: #10b981 !important; }
.wpcf7-mail-sent-ng { background: rgba(248,113,113,.08) !important; border-color: rgba(248,113,113,.3) !important; color: #f87171 !important; }
.wpcf7-spinner { display: none !important; }
.sg-form-note { font-size: 12px; color: #475569; text-align: center; margin-top: 14px; display: flex; align-items: center; justify-content: center; gap: 6px; }

/* Web3Forms contact form */
#sg-contact-form input[type="text"],
#sg-contact-form input[type="email"],
#sg-contact-form input[type="tel"],
#sg-contact-form textarea,
#sg-contact-form select {
  width: 100%; padding: 13px 16px;
  background: rgba(255,255,255,.05);
  border: 1.5px solid rgba(255,255,255,.1);
  border-radius: 6px; color: #fff;
  font-family: 'Inter', sans-serif; font-size: 15px;
  outline: none; transition: border-color .2s, background .2s, box-shadow .2s;
  appearance: none; -webkit-appearance: none;
}
#sg-contact-form input::placeholder,
#sg-contact-form textarea::placeholder { color: #475569; }
#sg-contact-form input:focus,
#sg-contact-form textarea:focus,
#sg-contact-form select:focus {
  border-color: #3b82f6; background: rgba(59,130,246,.06);
  box-shadow: 0 0 0 3px rgba(59,130,246,.12);
}
#sg-contact-form textarea { resize: vertical; min-height: 110px; }
#sg-contact-form select {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2.5'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
  background-repeat: no-repeat; background-position: right 14px center;
  padding-right: 40px; cursor: pointer;
}
#sg-contact-form select option { background: #1a2540; color: #fff; }