/* Vortriq launch last-mile polish.
   Presentation only: no supplier, pricing, booking or ranking logic. */

/* iPhone/WebKit may render an empty date input with no visible affordance.
   Keep the native date control, but make the interaction explicit on mobile. */
@media (max-width: 620px) {
  [data-date-label]::after {
    content: " · tap to choose";
    font-weight: 720;
    letter-spacing: .055em;
    color: #8a8c83;
  }
}

@media (max-width: 420px) {
  /* Keep the customer account entry visible on the smallest viewport. */
  .site-header .nav-actions {
    display: flex !important;
    margin-left: auto !important;
  }

  .site-header .nav-actions .pill:first-child:not(:last-child) {
    display: none !important;
  }

  .site-header .nav-actions .pill:last-child {
    display: inline-flex !important;
    min-height: 36px !important;
    padding: 0 12px !important;
    font-size: 12px !important;
  }

  .hero-v2 h1 {
    font-size: clamp(36px, 10.8vw, 42px) !important;
    line-height: .99 !important;
    letter-spacing: -.05em !important;
  }

  .hero-v2 .hero-copy {
    max-width: 34rem;
  }

  /* Keep provider CTAs readable without horizontal overflow. */
  .result-card .price-box {
    display: grid;
    grid-template-columns: 1fr;
    gap: 4px;
    text-align: left;
  }

  .result-card .price-box small,
  .result-card .price,
  .result-card .price-box .deal-btn {
    grid-column: 1;
    grid-row: auto;
  }

  .result-card .price-box .deal-btn {
    width: 100%;
    white-space: normal;
    text-align: center;
  }

  .results-head-actions {
    justify-content: space-between;
    gap: 7px;
  }

  .results-edit-link,
  .results-head .preview-badge {
    min-height: 30px;
  }

  .result-panel .decision-card-v1__actions {
    width: 100%;
  }

  .result-panel .decision-card-v1 .deal-btn {
    white-space: normal;
    text-align: center;
  }
}