/* Breckland Paving — style native Formham forms to match the original Elementor
   contact form (dark panel: semi-transparent white fields, white text, hidden
   labels/placeholder-only, orange "LET'S TALK" button that darkens on hover). */

.formham-form {
    display: flex;
    flex-wrap: wrap;
    gap: 15px 10px;
    width: 100%;
}
.formham-form .formham-field-group {
    flex-basis: 100%;
    margin: 0;
}

/* Placeholder-only, like the original form */
.formham-form .formham-label {
    display: none;
}

/* Default field style — readable on the light/white cards the service pages use. */
.formham-form .formham-input {
    width: 100%;
    background-color: #ffffff;
    color: #1b252f;
    border: 1px solid #cfd4d8;
    border-radius: 0;
    padding: 14px 16px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 300;
    box-shadow: none;
}
.formham-form .formham-input::placeholder { color: #8a9199; opacity: 1; }
.formham-form textarea.formham-input { min-height: 130px; resize: vertical; }
.formham-form .formham-checkbox-label { color: #333333; }

/* Contact page only (form sits on a dark panel): keep the light-on-dark look —
   translucent white fields, white text. */
.page-id-126 .formham-form .formham-input {
    background-color: rgba(255, 255, 255, 0.23);
    color: #ffffff;
    border-color: #ffffff;
}
.page-id-126 .formham-form .formham-input::placeholder { color: #ffebeb; }
.page-id-126 .formham-form .formham-checkbox-label { color: #ffebeb; }

/* !important beats the Formham widget's per-element default button colour
   (Elementor generates .elementor-element-XXXX .formham-submit at higher
   specificity than a plain theme rule). */
.formham-form .formham-submit {
    background-color: #ffb253 !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 0 !important;
    font-family: 'Archivo', sans-serif;
    font-weight: 800;
    text-transform: capitalize;
    letter-spacing: .3px;
    padding: 16px 34px !important;
    cursor: pointer;
    transition: background-color .2s ease, color .2s ease;
}
.formham-form .formham-submit:hover {
    background-color: #1b252f !important;
    color: #ffb253 !important;
}

/* Success / error messages on the dark panel */
.formham-message, .formham-success-message { color: #ffffff; }