/* Shared module search date display — matches hotel check-in/out format */

.hotel-date-display-field {
  position: relative;
  cursor: pointer;
}

.hotel-date-display-field .field-icon,
.hotel-date-display-field .field-icons {
  pointer-events: none;
  z-index: 1;
}

.hotel-date-display-field .hotel-date-display {
  position: absolute;
  left: 12px;
  right: 5px;
  bottom: 21px;
  font-size: var(--font-size-lg);
  font-weight: var(--font-weight-bold);
  color: var(--color-text-primary) !important;
  line-height: 1.2;
  pointer-events: none;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  z-index: 2;
}

.hotel-date-display-field .hotel-date-value-input,
.hotel-date-display-field .normalinput.hotel-date-value-input,
.hotel-date-display-field .flight-date-value-input,
.hotel-date-display-field .normalinput.flight-date-value-input,
.hotel-date-display-field.datemark > input.hasDatepicker {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  width: 100% !important;
  height: 100% !important;
  opacity: 0 !important;
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
  caret-color: transparent;
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
  border: none !important;
  font-size: var(--font-size-base) !important;
  transform: scale(1);
  cursor: pointer;
  z-index: 3;
}

.hotel-date-display-field:has(.hotel-date-value-input[disabled]) .hotel-date-display,
.hotel-date-display-field:has(.flight-date-value-input[disabled]) .hotel-date-display,
.hotel-date-display-field:has(input[disabled]) .hotel-date-display {
  opacity: 0.35;
}