.jk-contact-form {
  max-width: 600px;
  margin: 0 auto;
  padding: 1.5em;
  border: 1px solid #ccc;
  background: #f9f9f9;
}

.jk-contact-form label {
  display: block;
  margin-bottom: 0.5em;
  font-weight: bold;
}

.jk-contact-form input[type="text"],
.jk-contact-form input[type="email"],
.jk-contact-form textarea {
  width: 100%;
  padding: 0.75em;
  margin-bottom: 1em;
  border: 1px solid #bbb;
  border-radius: 4px;
  box-sizing: border-box;
}

.jk-contact-form textarea {
  min-height: 120px;
  resize: vertical;
}

.jk-contact-form .jk-contact-row {
  margin-bottom: 1em;
}

.jk-contact-form .jk-contact-submit {
  text-align: right;
}

.jk-contact-form button[type="submit"] {
  background: var(--topbar-bg, #0073aa);
  color: #fff;
  border: none;
  padding: 0.75em 1.5em;
  border-radius: 4px;
  cursor: pointer;
}

.jk-contact-form button[type="submit"]:hover {
  background: #005f8d;
}

.jk-contact-form select {
  width: 100%;
  padding: 0.75em;
  margin-bottom: 1em;
  border: 1px solid #bbb;
  border-radius: 4px;
  background-color: #fff;
  font-size: 1em;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 140 140' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M70 95L35 50h70z' fill='%23666'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 0.75em center;
  background-size: 1em;
  cursor: pointer;
}

.jk-contact-success {
  background-color: #e0ffe0;
  border: 1px solid #00aa00;
  color: #006600;
  text-align:center;
  padding: 1em;
  margin: 1.5em 0;
  border-radius: 4px;
  font-size: 1em;
  box-shadow: 0 0 5px rgba(0,0,0,0.05);
}

.jk-contact-success strong {
  display: block;
  margin-bottom: 0.5em;
  font-weight: bold;
}