/* Website Discovery owner cleanup.
 * Kept as a narrowly scoped override so the guided Discovery layout can remain
 * stable while mobile/iPad touch and native time-input behavior are corrected.
 */

/* Discovery should read as a mature owner workflow, without decorative status
 * labels or a celebration icon on completion.
 */
.deterministic-discovery .deterministic-eyebrow,
.deterministic-complete .deterministic-complete-icon {
  display: none !important;
}

/* Native time inputs, especially Safari/iPadOS, can retain an intrinsic width
 * larger than their CSS grid track. Give the range explicit compact tracks and
 * force the controls to size inside those tracks rather than clipping overflow.
 */
.deterministic-hours .deterministic-time-range {
  grid-template-columns: minmax(0, 132px) auto minmax(0, 132px) !important;
  justify-content: start;
  min-width: 0;
}

.deterministic-hours .deterministic-time-range .deterministic-input {
  box-sizing: border-box;
  width: 132px !important;
  min-width: 0 !important;
  max-width: 100%;
}

.deterministic-hours .deterministic-time-range > span {
  display: inline !important;
  white-space: nowrap;
}

/* Keep the footer fixed to the Discovery frame, but give touch targets breathing
 * room above home indicators and rounded device edges.
 */
.deterministic-discovery .deterministic-discovery-footer {
  padding: 13px 28px max(20px, calc(env(safe-area-inset-bottom, 0px) + 12px)) !important;
}

.deterministic-discovery .deterministic-primary-button,
.deterministic-discovery .deterministic-secondary-button {
  min-height: 48px;
}

.deterministic-discovery .deterministic-messages {
  scroll-padding-bottom: 112px;
}

@media (max-width: 767px) {
  /* On narrow screens the schedule becomes two deliberate rows: day/toggle,
   * then the full-width start-to-end range. This avoids squeezing two native
   * time controls into the leftover third column.
   */
  .deterministic-hours .deterministic-hours-row {
    grid-template-columns: minmax(0, 1fr) 36px !important;
    gap: 8px 10px !important;
    padding: 10px 12px 12px !important;
  }

  .deterministic-hours .deterministic-time-range {
    grid-column: 1 / -1;
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) !important;
    width: 100%;
    gap: 8px !important;
  }

  .deterministic-hours .deterministic-time-range .deterministic-input {
    width: 100% !important;
    min-height: 44px;
    padding: 8px 9px !important;
    font-size: 14px !important;
  }

  .deterministic-hours .deterministic-closed-label {
    grid-column: 1 / -1;
  }

  .deterministic-discovery .deterministic-discovery-footer {
    padding: 11px 16px max(24px, calc(env(safe-area-inset-bottom, 0px) + 14px)) !important;
  }

  .deterministic-discovery .deterministic-messages {
    padding-bottom: 48px !important;
    scroll-padding-bottom: 128px;
  }
}