/**
 * public_html/assets/css/htown-date-us.css
 * US date text inputs (MM-DD-YYYY)
 */
input.htown-date-us {
  max-width: 11rem;
}

.htown-date-us-field input.htown-date-us {
  max-width: none;
  min-width: 0;
}

.htown-date-us-picker-overlay {
  position: relative;
  display: inline-flex;
  align-items: stretch;
  padding: 0 !important;
  margin: 0;
  cursor: pointer;
  background: transparent;
  user-select: none;
}

.htown-date-us-picker-face {
  pointer-events: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 2.25rem;
  padding: 0.25rem 0.55rem;
  line-height: 1;
}

.htown-date-us-picker-overlay:hover .htown-date-us-picker-face,
.htown-date-us-picker-overlay:focus-visible .htown-date-us-picker-face {
  background-color: var(--bs-secondary-bg, #e9ecef);
}

input.htown-date-us.is-invalid {
  border-color: var(--bs-danger, #dc3545);
}

input.htown-date-us::placeholder {
  color: var(--bs-secondary-color, #6c757d);
  opacity: 0.85;
}