/* =====================================
   DARKER TEXT AND BETTER FORM SPACING
   ===================================== */

.derrons-contact-form label,
.derrons-booking-form label {
  color: #252525;
  font-size: 14px;
  line-height: 1.5;
  margin-bottom: 12px;
}

.derrons-contact-form input:not([type="submit"]),
.derrons-contact-form select,
.derrons-contact-form textarea,
.derrons-booking-form input:not([type="submit"]),
.derrons-booking-form select,
.derrons-booking-form textarea {
  color: #222222;
  background-color: #ffffff;
  border-color: #c9c5c6;
  margin-top: 5px;
  padding: 11px 13px;
}

.derrons-contact-form input::placeholder,
.derrons-contact-form textarea::placeholder,
.derrons-booking-form input::placeholder,
.derrons-booking-form textarea::placeholder {
  color: #666666;
  opacity: 1;
}

/* Reduce excessive space inside the forms */
.derrons-contact-form,
.derrons-booking-form {
  padding: 26px;
}

/* Keep form fields visually consistent */
.derrons-contact-form textarea,
.derrons-booking-form textarea {
  min-height: 115px;
}

/* =====================================
   LEFT-SIDE TEXT STYLING
   Add the relevant class to the
   left Elementor container.
   ===================================== */

.derrons-contact-copy,
.derrons-booking-copy {
  color: #333333;
}

/* Main headings */
.derrons-contact-copy .elementor-heading-title,
.derrons-booking-copy .elementor-heading-title {
  color: #242124;
  line-height: 1.2;
  letter-spacing: -0.4px;
}

/* Paragraphs and text editor content */
.derrons-contact-copy .elementor-widget-text-editor,
.derrons-booking-copy .elementor-widget-text-editor {
  color: #444044;
  font-size: 16px;
  line-height: 1.75;
}

.derrons-contact-copy .elementor-widget-text-editor p,
.derrons-booking-copy .elementor-widget-text-editor p {
  margin-top: 0;
  margin-bottom: 16px;
}

/* Smaller section headings */
.derrons-contact-copy h3 .elementor-heading-title,
.derrons-booking-copy h3 .elementor-heading-title {
  color: #7b263a;
}

/* Mobile adjustments */
@media (max-width: 767px) {
  .derrons-contact-form,
  .derrons-booking-form {
    padding: 20px;
  }

  .derrons-contact-copy .elementor-widget-text-editor,
  .derrons-booking-copy .elementor-widget-text-editor {
    font-size: 15px;
    line-height: 1.7;
  }
}