/* Custom Drop Shadow Class */
.custom-drop-shadow {
  box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
  transition: box-shadow 0.3s ease, transform 0.3s ease;
}

.custom-drop-shadow:hover {
  box-shadow: 0 20px 30px -10px rgba(0, 0, 0, 0.15), 0 10px 12px -5px rgba(0, 0, 0, 0.1);
  transform: translateY(-2px);
}

/* ==========================================
   Contact Form 7 Styling
   ========================================== */

/* Form Container Width & Alignment */
.wpcf7 {
  text-align: left;
  width: 100%;
  max-width: 700px; /* Limits form width for better visual flow */
  margin: 0 auto;
  padding: 10px 0 !important;
  background-color: transparent;
}

/* Label Styling (Bumped up font size) */
.wpcf7-form p,
.wpcf7-form label {
  font-size: 20px !important;
  font-weight: 500;
  color: #2b2825; /* Matches body text hue */
  margin-bottom: 8px;
  display: block;
}

/* Input Fields & Textarea */
.wpcf7-text,
.wpcf7-textarea {
  width: 100%;
  box-sizing: border-box;
  font-size: 18px !important; /* Larger typed text inside inputs */
  color: #2b2825;
  background-color: #ffffff !important; /* Pure solid white background */
  border: 1px solid #c4b8aa !important; /* Warm subtle border */
  border-radius: 4px;
  padding: 12px 15px !important;
  transition: border-color 0.3s ease, box-shadow 0.3s ease;
}

.wpcf7-text {
  height: 52px;
}

.wpcf7-textarea {
  height: 160px;
}

/* Input Field Focus State */
.wpcf7-text:focus,
.wpcf7-textarea:focus {
  border-color: #7c3a35 !important;
  outline: none;
  box-shadow: 0 0 0 2px rgba(124, 58, 53, 0.2);
}

/* Submit Button */
.wpcf7-submit {
  width: 100%;
  font-family: 'Big Shoulders Display', 'Big Shoulders Text', sans-serif !important;
  font-size: 22px !important; /* Larger button text */
  letter-spacing: 0.2em !important; /* 20% letter spacing */
  text-transform: uppercase;
  background-color: #7c3a35 !important; /* Deep Rust tone */
  color: #ffffff !important;
  border: none !important;
  border-radius: 4px;
  padding: 16px 24px !important;
  font-weight: 400 !important; /* Regular weight (no bold) */
  cursor: pointer;
  transition: background-color 0.3s ease, transform 0.2s ease !important;
}

/* Submit Button Hover */
.wpcf7-submit:hover {
  background-color: #632d29 !important;
  color: #ffffff !important;
  transform: translateY(-1px);
}

/* Response Messages (Error & Success) */
.wpcf7-response-output {
  margin-top: 20px !important;
  margin-bottom: 20px !important;
  padding: 12px !important;
  border-radius: 4px;
  font-size: 16px;
}