/* ==============================
   CONTACT FORM 7 – STYLING
   ============================== */

.wpcf7{
  max-width:900px;
  margin:0 auto;
  font-family: var(--sj-font);
}

/* Labels */
.wpcf7 label{
  font-size:14px;
  font-weight:500;
  color: var(--sj-text);
  display:block;
  margin-bottom: .25rem;
}

/* Inputs & textarea */
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 textarea{
  width:100%;
  padding:.75rem .9rem;
  font-size:14px;
  font-family: var(--sj-font);

  border:1px solid #e5e7eb;
  border-radius:0;
  background:#fff;

  transition: border-color .2s ease, box-shadow .2s ease;
}

.wpcf7 textarea{
  min-height:140px;
  resize:vertical;
}

.wpcf7 input:focus,
.wpcf7 textarea:focus{
  outline:none;
  border-color: var(--sj-blue);
  box-shadow: 0 0 0 1px rgba(44, 90, 160, 0.15);
}

/* Submit button */
.wpcf7 input[type="submit"]{
  background: var(--sj-blue);
  color:#fff;
  border:none;
  border-radius:0;

  font-family: var(--sj-font);
  font-size:14px;
  font-weight:500;

  padding:.75rem 2rem;
  cursor:pointer;

  transition: background-color .2s ease;
}

.wpcf7 input[type="submit"]:hover{
  background: var(--sj-blue-hover);
}

/* Validation errors */
.wpcf7-not-valid-tip{
  font-size:12px;
  color:#dc2626;
  margin-top:.25rem;
}

/* Stjärna efter label-texten */
.wpcf7-form .cf7-label::after{
  content:" *";
  color: var(--sj-orange);
  font-weight:700;
}

/* Response box */
.wpcf7-response-output{
  margin-top:1.5rem;
  padding:1rem;
  font-size:14px;
  border-radius:0;
}

.wpcf7-mail-sent-ok{
  border:1px solid #16a34a;
  background:#f0fdf4;
  color:#166534;
}

.wpcf7-validation-errors,
.wpcf7-mail-sent-ng{
  border:1px solid #dc2626;
  background:#fef2f2;
  color:#7f1d1d;
}

/* Introtext matchar formulärets bredd */
.contact-intro{
  max-width:900px;
  margin-left:auto;
  margin-right:auto;
}