/*
Theme Name: Enfold Child
Template: enfold
Version: 1.0
Description: Locstars child theme - custom code safe from Enfold updates.
*/

/* =========================================================
   Locstars - Contact Form 7, styled to match Enfold.
   Palette: navy #0f2043, gold #c9a44a.
   ========================================================= */

.wpcf7 { max-width: 860px; margin: 0 auto; text-align: left; }
.rtl .wpcf7 { text-align: right; }

.wpcf7 form > p { margin: 0 0 18px; }

.wpcf7 label { display: block; font-weight: 600; font-size: 15px; line-height: 1.5; margin-bottom: 4px; }

.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"],
.wpcf7 input[type="url"],
.wpcf7 input[type="date"],
.wpcf7 input[type="number"],
.wpcf7 textarea,
.wpcf7 select {
  width: 100%;
  box-sizing: border-box;
  margin-top: 6px;
  padding: 12px 14px;
  font-family: inherit;
  font-size: 15px;
  line-height: 1.5;
  color: #0f2043;
  background-color: #ffffff;
  border: 1px solid #c8d2e2;
  border-radius: 4px;
  box-shadow: none;
}

.wpcf7 textarea { min-height: 150px; resize: vertical; }

.wpcf7 input[type="text"]:focus,
.wpcf7 input[type="email"]:focus,
.wpcf7 input[type="tel"]:focus,
.wpcf7 input[type="url"]:focus,
.wpcf7 input[type="date"]:focus,
.wpcf7 input[type="number"]:focus,
.wpcf7 textarea:focus,
.wpcf7 select:focus,
.wpcf7 input[type="file"]:focus {
  border-color: #c9a44a;
  outline: 2px solid rgba(201,164,74,0.35);
  outline-offset: 1px;
}

/* File upload */
.wpcf7 input[type="file"] {
  display: block;
  width: 100%;
  box-sizing: border-box;
  margin-top: 6px;
  padding: 12px 14px;
  font-size: 15px;
  color: #0f2043;
  background-color: #ffffff;
  border: 1px dashed #c8d2e2;
  border-radius: 4px;
  cursor: pointer;
}
.wpcf7 .ls-field-hint { display: block; margin-top: 6px; font-size: 13px; font-weight: 400; opacity: 0.75; }

/* Consent checkbox */
.wpcf7 .wpcf7-acceptance .wpcf7-list-item { margin: 0; }
.wpcf7 .wpcf7-acceptance label { display: flex; align-items: flex-start; gap: 10px; font-weight: 400; font-size: 14px; line-height: 1.6; }
.wpcf7 .wpcf7-acceptance input[type="checkbox"] { margin-top: 3px; flex: 0 0 auto; width: auto; }
.wpcf7 .wpcf7-acceptance .wpcf7-list-item-label { flex: 1 1 auto; }

/* Submit */
.wpcf7 input[type="submit"] {
  display: inline-block;
  margin-top: 6px;
  padding: 14px 38px;
  font-family: inherit;
  font-size: 15px;
  font-weight: 600;
  color: #0f2043;
  background-color: #c9a44a;
  border: 0;
  border-radius: 4px;
  cursor: pointer;
  transition: background-color .2s ease;
}
.wpcf7 input[type="submit"]:hover,
.wpcf7 input[type="submit"]:focus { background-color: #b8923c; }
.wpcf7 input[type="submit"]:disabled { opacity: .6; cursor: default; }

/* Messages */
.wpcf7 .wpcf7-not-valid-tip { display: block; margin-top: 6px; font-size: 13px; color: #b3261e; }
.wpcf7 .wpcf7-not-valid { border-color: #b3261e; }
.wpcf7 .wpcf7-response-output {
  margin: 18px 0 0;
  padding: 14px 16px;
  font-size: 15px;
  line-height: 1.5;
  border-width: 1px;
  border-style: solid;
  border-radius: 4px;
}
.wpcf7 form.sent .wpcf7-response-output { border-color: #1e7a48; background: #eaf6ef; color: #14512f; }
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output { border-color: #c9a44a; background: #fdf7e9; color: #6b5313; }
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output { border-color: #b3261e; background: #fdeceb; color: #7f1d17; }
.wpcf7 .wpcf7-spinner { margin: 0 12px; }

/* Two-column layout on wider screens */
@media only screen and (min-width: 768px) {
  .ls-form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 0 24px; }
  .ls-form-grid .ls-col-full { grid-column: 1 / -1; }
}

/* When the form sits on a dark section */
.ls-form-on-dark .wpcf7 label,
.ls-form-on-dark .wpcf7 .wpcf7-list-item-label,
.ls-form-on-dark .wpcf7 .ls-field-hint { color: #ffffff; }
.ls-form-on-dark .wpcf7 .wpcf7-acceptance a { color: #e7c878; text-decoration: underline; }
