input[type="date"] {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-color: black; 
    border: 1px solid #ccc;
    padding: 0.5rem;
    color: white;
    position: relative;
    z-index: 1;
    cursor: pointer;
}

input[type="date"]:focus {
    background-color: black;
    border-color: #fd9100;
    outline: none; 
}

input[type="date"]::-webkit-calendar-picker-indicator {
    background-color: #fd9100; 
    color: white;
    padding: 5px;
    border-radius: 3px;
    cursor: pointer;
    z-index: 2;
}

input[type="date"]::-webkit-calendar-picker-indicator:hover {
    background-color: #ffb347; 
}


input[type="date"]::placeholder {
    color: rgba(255, 255, 255, 0.7); 
}