/* Keep the empty native date control readable when the browser uses a different OS locale. */
.date-input-placeholder {
    display: none;
    position: absolute;
    top: 20px;
    left: 15px;
    z-index: 1;
    color: var(--text-muted);
    font-size: 14px;
    font-weight: 600;
    line-height: 1;
    pointer-events: none;
}

.locale-date-field:has(.locale-date-input:not(.has-value)) .date-input-placeholder,
.marketplace-search__date-field:has(.locale-date-input:not(.has-value)) .date-input-placeholder {
    display: block;
}

html[lang="en"] .locale-date-field .date-input-placeholder,
html[lang="en"] .marketplace-search__date-field .date-input-placeholder {
    display: block;
}

html[lang="en"] .locale-date-input {
    color: transparent;
    -webkit-text-fill-color: transparent;
}

html[lang="en"] .locale-date-input::-webkit-datetime-edit,
html[lang="en"] .locale-date-input::-webkit-datetime-edit-fields-wrapper,
html[lang="en"] .locale-date-input::-webkit-datetime-edit-text,
html[lang="en"] .locale-date-input::-webkit-datetime-edit-month-field,
html[lang="en"] .locale-date-input::-webkit-datetime-edit-day-field,
html[lang="en"] .locale-date-input::-webkit-datetime-edit-year-field {
    color: transparent;
    -webkit-text-fill-color: transparent;
}