@charset "utf-8";

/* Shared mobile schedule control used by the main, vehicle list and order detail. */
.mobile-rental-schedule {
  --mobile-rental-schedule-gutter: var(--mobile-ui-page-gutter, 0.75rem);
  --mobile-rental-schedule-space-xs: var(--mobile-ui-space-xs, 0.25rem);
  --mobile-rental-schedule-space-sm: var(--mobile-ui-space-sm, 0.5rem);
  --mobile-rental-schedule-space-md: var(--mobile-ui-space-md, 0.75rem);
  --mobile-rental-schedule-row-gap: 0.375rem;
  --mobile-rental-schedule-ink: var(--sys-color-ink, #293544);
  --mobile-rental-schedule-muted: var(--sys-color-text, #506079);
  --mobile-rental-schedule-date: var(--mobile-ui-brand-text, #0078a5);
  --mobile-rental-schedule-icon: var(--mobile-ui-brand, #00a1e4);
  --mobile-rental-schedule-active: rgb(232 247 252 / 58%);
  --mobile-rental-schedule-type-label: var(--mobile-ui-type-support-size, 0.8125rem);
  --mobile-rental-schedule-type-display: var(--mobile-ui-type-numeric-display-size, 1.875rem);
  --mobile-rental-schedule-type-meta: var(--mobile-ui-type-meta-size, 0.75rem);
  --mobile-rental-schedule-weight-semibold: var(--mobile-ui-type-weight-semibold, 600);
  --mobile-rental-schedule-weight-bold: var(--mobile-ui-type-weight-bold, 700);
  --mobile-rental-schedule-line-card: var(--mobile-ui-type-line-card, 1.35);
  --mobile-rental-schedule-line-compact: var(--mobile-ui-type-line-compact, 1.4);
  position: relative;
  display: block;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  padding: var(--mobile-rental-schedule-space-sm) var(--mobile-rental-schedule-gutter);
  border: 0;
  border-radius: 0;
  background: var(--sys-color-surface, #fff);
  box-shadow: none;
  filter: none;
  color: var(--mobile-rental-schedule-ink);
  font: inherit;
  text-align: left;
  -webkit-tap-highlight-color: transparent;
}

/* Neutralize the legacy subsearch flex/blue panel on list and order screens. */
section.subsearchSection.mobile-rental-schedule {
  display: block;
  padding: var(--mobile-rental-schedule-space-sm) var(--mobile-rental-schedule-gutter);
  background: var(--sys-color-surface, #fff);
}

.mobile-rental-schedule--interactive {
  cursor: pointer;
}

.mobile-rental-schedule--main:active,
.mobile-rental-schedule__hitarea:active {
  background: var(--mobile-rental-schedule-active);
}

.mobile-rental-schedule:focus,
.mobile-rental-schedule:focus-visible,
.mobile-rental-schedule__hitarea:focus,
.mobile-rental-schedule__hitarea:focus-visible {
  outline: none;
  box-shadow: none;
  filter: none;
}

.mobile-rental-schedule__summary {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--mobile-rental-schedule-space-sm);
  align-items: stretch;
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--mobile-rental-schedule-ink);
  pointer-events: none;
}

.mobile-rental-schedule__item {
  display: grid;
  min-width: 0;
  align-content: center;
  gap: var(--mobile-rental-schedule-row-gap);
  padding: var(--mobile-rental-schedule-space-sm) 0.625rem;
  border: 0;
  background: transparent;
  color: var(--mobile-rental-schedule-ink);
}

.mobile-rental-schedule__item:first-child {
  padding-left: 0;
}

.mobile-rental-schedule__item:last-child {
  padding-right: 0;
}

.mobile-rental-schedule__label {
  display: flex;
  min-width: 0;
  align-items: center;
  gap: var(--mobile-rental-schedule-row-gap);
  margin: 0;
  padding: 0;
  color: var(--mobile-rental-schedule-muted);
  font-size: var(--mobile-rental-schedule-type-label);
  font-weight: var(--mobile-rental-schedule-weight-bold);
  line-height: var(--mobile-rental-schedule-line-card);
}

.mobile-rental-schedule__calendar-icon {
  display: inline-flex;
  width: 1em;
  flex: 0 0 1em;
  align-items: center;
  justify-content: center;
  color: var(--mobile-rental-schedule-icon);
  font-size: 1em;
  line-height: 1;
}

.mobile-rental-schedule__value {
  display: grid;
  min-width: 0;
  gap: 0.375rem;
  margin: 0;
  padding: 0;
  color: var(--mobile-rental-schedule-ink);
  white-space: nowrap;
}

.mobile-rental-schedule__date-row {
  display: grid;
  grid-template-columns: max-content minmax(2.625rem, 1fr);
  align-items: center;
  gap: var(--mobile-rental-schedule-space-sm);
  min-width: 0;
  margin: 0;
  padding: 0;
}

.mobile-rental-schedule__day,
.mobile-rental-schedule__time {
  display: block;
  min-width: 0;
  margin: 0;
  padding: 0;
  font-family: inherit;
  white-space: nowrap;
}

.mobile-rental-schedule__day {
  color: var(--mobile-rental-schedule-date);
  font-size: var(--mobile-rental-schedule-type-display);
  font-weight: var(--mobile-rental-schedule-weight-bold);
  letter-spacing: -0.037em;
  line-height: 1.133;
}

.mobile-rental-schedule__meta {
  display: block;
  min-width: 0;
  margin: 0;
  padding: 0.0625rem 0;
  border: 0;
}

.mobile-rental-schedule__meta-line {
  display: block;
  color: var(--mobile-rental-schedule-muted);
  font-size: var(--mobile-rental-schedule-type-meta);
  font-weight: var(--mobile-rental-schedule-weight-semibold);
  line-height: var(--mobile-rental-schedule-line-compact);
  white-space: nowrap;
}

.mobile-rental-schedule__time {
  color: var(--mobile-rental-schedule-ink);
  font-size: var(--mobile-rental-schedule-type-label);
  font-weight: var(--mobile-rental-schedule-weight-bold);
  line-height: var(--mobile-rental-schedule-line-compact);
}

.mobile-rental-schedule__hitarea,
.mobile-rental-schedule button.researchButton.mobile-rental-schedule__hitarea {
  position: absolute;
  z-index: 2;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  min-width: 0;
  min-height: 0;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  color: transparent;
  cursor: pointer;
  font-size: 0;
  -webkit-tap-highlight-color: transparent;
}

.mobile-rental-schedule__sr-only {
  position: absolute !important;
  width: 0.0625rem !important;
  height: 0.0625rem !important;
  margin: -0.0625rem !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

@media (max-width: 21.25em) {
  .mobile-rental-schedule__item {
    padding-right: 0.375rem;
    padding-left: 0.375rem;
  }

  .mobile-rental-schedule__item:first-child {
    padding-left: 0;
  }

  .mobile-rental-schedule__item:last-child {
    padding-right: 0;
  }

  .mobile-rental-schedule__date-row {
    grid-template-columns: max-content minmax(2.375rem, 1fr);
    gap: 0.375rem;
  }

}