.wedding-enquiry-form div {
    margin-bottom: 10px;
}

label {
    display: block;
    font-size: 15px;
    color: rgba(255, 255, 255, 0.9); /* 80% white */
    margin-bottom: 8px;
}


h3 {margin-top: 120px;}
h3.first {margin-top: -10px;}
h3.left {text-align: left !important;}

.wedding-enquiry-form input[type=text],
.wedding-enquiry-form input[type=date],
.wedding-enquiry-form input[type=email],
.wedding-enquiry-form textarea {
    width: 100% !important;
    padding: 15px;
    margin: 0px 0px 20px 0px;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    color: #FFF; /* User input text color */
    display: inline-block;
    background: rgba(50, 50, 50, 0.2);
    border: 1px solid rgba(128, 95, 146, 0.0); /* Transparent border */
    border-radius: 6px;
    box-sizing: border-box;
    transition: border 1s, color 0.3s;
}

.wedding-enquiry-form textarea {min-height: 150px;
}

.wedding-enquiry-form input[type=text]:focus,
.wedding-enquiry-form input[type=date]:focus,
.wedding-enquiry-form input[type=email]:focus,
.wedding-enquiry-form textarea:focus {
    background: rgba(50, 50, 50, 0.5);
    border: 1px solid rgba(255, 255, 255, 0.3); /* White border on focus */
}

::placeholder {
    color: rgba(255, 255, 255, 0.2); /* Lighter placeholder text */
}

.wedding-enquiry-form button {
    cursor: pointer;
}

.form-alert {
    padding: 15px;
    margin-top: 25px;
    padding-left: 37px;
    display: none; /* Initially hidden */
    border-radius: 6px;
    transition: all 0.5s ease-in-out;
}

/* Style for validation errors - Custom purple */
.form-alert.validation-error {
    color: rgba(165, 123, 188, 1); /* Purple text */
    background-color: rgba(128, 95, 146, 0.4); /* Lighter purple background */
    border: 1px solid rgba(128, 95, 146, 0.8); /* Darker purple border */
}

/* Style for form send failure - Red */
.form-alert.send-failure {
    color: rgba(255, 0, 0, 1); /* Red text */
    background-color: rgba(255, 0, 0, 0.25); /* Light red background */
    border: 1px solid rgba(255, 0, 0, 0.8); /* Darker red border */
}

/* Style for successful form submission - Green */
.form-alert.success {
    color: rgba(0, 128, 0, 1); /* Green text */
    background-color: rgba(0, 128, 0, 0.25); /* Light green background */
    border: 1px solid rgba(0, 128, 0, 0.8); /* Darker green border */
}

.wedding-enquiry-form input[type=text].error,
.wedding-enquiry-form input[type=date].error,
.wedding-enquiry-form input[type=email].error,
.wedding-enquiry-form textarea.error {
    border: 1px solid #805f92; /* Error border color */
}

.field-error {
    color: #805f92; /* Error text color */
    font-style: italic;
    margin-left: 5px;
}

label[data-error]::after {
    content: attr(data-error);
    margin-left: 10px;
    font-style: italic;
    color: #805f92; /* Inline error color */
}

/* Style for radio buttons and their labels */
.wedding-enquiry-form input[type="radio"] + label {
    margin-left: 5px; /* Adjust spacing between radio button and label text */
    cursor: pointer;
}

/* Highlighting error fields */
.wedding-enquiry-form .error {
    border-color: #ff0000; /* Red border for error fields */
}

/* Style for disabled send button, in case it's not already defined */
.wedding-enquiry-form .site-btn.disabled, .wedding-enquiry-form .site-btn:disabled {
    background-color: #1f1f1f;
    color: #666;
    border: 1px solid #666;
    cursor: not-allowed;
}


/* Aligning the text of radio buttons and checkboxes */
.wedding-enquiry-form input[type="radio"],
.wedding-enquiry-form input[type="checkbox"] {
    vertical-align: middle;
    margin-top: -7px; /* Adjust this value as needed */
    margin-left: 20px;
}

.wedding-enquiry-form label {
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
}


.wedding-enquiry-form .form-note {
    font-size: 0.9rem;
    color: #666;
    margin-top: 10px;
}



.suppliers-container .supplier-row {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 20px;
}

.suppliers-container .supplier-column {
    flex: 1;
    min-width: 250px; /* Adjust based on your layout's needs */
    padding-right: 20px; /* Space between columns */
}

/* Optional: Adjustments for smaller screens */
@media (max-width: 600px) {
    .suppliers-container .supplier-row {
        flex-direction: column;
    }
    .suppliers-container .supplier-column {
        min-width: 0;
        padding-right: 0;
    }
}



.wedding-enquiry-form input[type=date] {
    -webkit-appearance: none; /* Removes default iOS styling */
    /* Your custom styles here */
    width: 100% !important;
    padding: 15px;
    min-height: 55px !important;
    /* rest of your styles... */
}