/* Custom styling for date input to match existing form */
input[type="date"].custom-date-input {
    width: 100%;
    padding: 10px;
    font-size: 16px;
    border: 1px solid #ccc; /* Border color to match existing style */
    border-radius: 5px; /* Rounded corners */
    background-color: #f9f9f9; /* Light background color */
    transition: border-color 0.3s ease-in-out;
}

/* Focus effect for date input */
input[type="date"].custom-date-input:focus {
    border-color: #007bff; /* Change border color on focus */
    outline: none;
    background-color: #fff; /* Lighten background color on focus */
}

/* Placeholder styling */
input[type="date"].custom-date-input::placeholder {
    color: #bbb; /* Light gray placeholder text */
}