/* ===================================== */
/* E.L.K. Contact Form 7 Reset & Control */
/* ===================================== */

/* Remove excessive theme spacing */
.wpcf7-form p {
  margin: 0 0 8px 0 !important;
}

.wpcf7-form br {
  display: none;
}

/* Input + textarea base styling */
.wpcf7-form input,
.wpcf7-form textarea,
.wpcf7-form select {
  width: 100%;
  box-sizing: border-box;
  padding: 12px 14px;
  margin: 0;
  font-family: 'Inter', sans-serif;
  font-size: 16px;
  line-height: 1.4;
  color: #2E2E2E;
  background-color: #FBF8F2;
  border: 1px solid #E2DDD4;
  border-radius: 6px;
}

/* Fix invisible date text on mobile (iOS especially) */
.wpcf7-form input[type="date"] {
  color: #2E2E2E !important;
  appearance: none;
  -webkit-appearance: none;
  min-height: 44px;
}

/* When no date selected, show muted placeholder tone */
.wpcf7-form input[type="date"]:invalid {
  color: #9B948A;
}

/* Focus state */
.wpcf7-form input:focus,
.wpcf7-form textarea:focus {
  outline: none;
  border-color: #B08D57;
  background-color: #F4F1EA;
}

/* Submit button */
.wpcf7-form input[type="submit"] {
  background-color: #B08D57;
  color: #F4F1EA;
  border: none;
  padding: 14px;
  margin-top: 12px;
  font-weight: 600;
  letter-spacing: 0.5px;
  border-radius: 6px;
  transition: background-color 0.25s ease;
}

.wpcf7-form input[type="submit"]:hover {
  background-color: #9C7A46;
  cursor: pointer;
}

/* Mobile layout tightening */
@media (max-width: 768px) {
  .wpcf7-form {
    padding: 0 6px;
  }
}

.ub-accordion .ub-accordion-title,
.kb-accordion .kb-accordion-title,
.elementor-accordion .elementor-accordion-title {
    color: #1E2F27; /* Forest - brand heading color */
    font-family: 'Cormorant Garamond', serif;
    font-weight: 600;
    font-size: 18px;
}

/* Accordion Answer / Content */
.ub-accordion .ub-accordion-content,
.kb-accordion .kb-accordion-content,
.elementor-accordion .elementor-accordion-content {
    color: #2E2E2E; /* Charcoal - answer text */
    font-family: 'Inter', sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.6;
}

/* Accordion Arrow / Icon */
.ub-accordion .ub-accordion-title:after,
.kb-accordion .kb-accordion-title:after,
.elementor-accordion .elementor-accordion-icon i {
    color: #B08D57; /* Brass arrow */
}

/* Hover / Open state for question */
.ub-accordion .ub-accordion-title:hover,
.kb-accordion .kb-accordion-title:hover,
.elementor-accordion .elementor-accordion-title:hover {
    color: #9C7A46; /* Darker brass */
}

/* Optional: spacing between accordion items */
.ub-accordion .ub-accordion-item,
.kb-accordion .kb-accordion-item,
.elementor-accordion .elementor-accordion-item {
    margin-bottom: 12px;
}

/* Labels inside forms (if using labels) */
.wpcf7-form label {
    font-family: 'Inter', sans-serif;
    font-size: 14px;
    display: block;
    margin-bottom: 4px;
    color: #2E2E2E;
}

/* ===========================
   DATE + TIME FIELD FIXES
   =========================== */

/* Make text visible for date / time fields on mobile */
.wpcf7-form input[type="date"],
.wpcf7-form input[type="time"] {
    color: #2E2E2E !important;
    appearance: none;
    -webkit-appearance: none;
    min-height: 44px;
}

/* Muted text if no date/time entered */
.wpcf7-form input[type="date"]:not(:focus):invalid,
.wpcf7-form input[type="time"]:not(:focus):invalid {
    color: #9B948A;
}