/* Order search page (V3) */

.app-search-hero {
  color: var(--app-color-text);
  background:
    radial-gradient(circle at 18% 12%, color-mix(in srgb, var(--app-color-accent) 16%, transparent), transparent 28rem),
    radial-gradient(circle at 82% 20%, color-mix(in srgb, var(--app-color-primary) 12%, transparent), transparent 26rem),
    linear-gradient(180deg, var(--app-color-surface-alt), var(--app-color-bg));
}

.app-search-hero > .container {
  max-width: 48rem;
}

.app-search-section {
  padding: var(--app-space-7) 0 var(--app-space-10);
}

.app-user-section.app-search-section {
  padding: var(--app-space-7) 0;
}

.app-search-layout {
  display: grid;
  gap: var(--app-space-5);
  max-width: 40rem;
  margin-inline: auto;
}

.app-search-layout.app-search-layout--results {
  max-width: none;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.app-search-form-card__heading {
  margin-bottom: var(--app-space-4);
}

.app-search-form {
  display: grid;
  gap: var(--app-space-4);
}

.app-search-form__actions {
  display: grid;
}

.app-search-form__submit {
  width: 100%;
}

.app-search-results {
  display: contents;
}

.app-search-result-card {
  display: grid;
  align-content: start;
  gap: var(--app-space-4);
  height: 100%;
}

.app-search-result-card .app-list__icon.app-icon > .bi {
  font-size: 1.25rem;
  line-height: 1;
}

.app-search-result-card__actions {
  margin-top: auto;
  padding-top: var(--app-space-2);
}

.row > .col-12.app-search-result-card__actions {
  margin-top: 0;
  padding-top: var(--app-space-5);
}

.app-search-result-card__actions .app-btn {
  width: 100%;
}

.app-search-shipping {
  padding: var(--app-space-4);
  background: color-mix(in srgb, var(--app-color-primary) 8%, var(--app-color-surface));
  border: 1px solid var(--app-color-border);
  border-radius: var(--app-radius-lg);
}

.app-search-shipping__item + .app-search-shipping__item {
  margin-top: var(--app-space-4);
  padding-top: var(--app-space-4);
  border-top: 1px solid var(--app-color-border);
}

.app-search-order-items .app-list__item {
  align-items: center;
}

.app-search-order-items .app-list__value {
  flex: 0 0 auto;
  color: var(--app-color-text-muted);
  font-size: var(--app-font-size-200);
}

.app-search-timeline {
  position: relative;
}

.app-search-timeline__toggle {
  position: absolute;
  top: 0;
  right: 0;
}

@media (max-width: 991.98px) {
  .app-search-layout.app-search-layout--results {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 767.98px) {
  .app-search-desktop {
    display: none;
  }

  .app-search-section {
    padding-top: 0;
  }

  .app-search-layout {
    max-width: none;
  }

  .app-layout-v3 > footer {
    margin-top: var(--app-space-2);
  }

  .app-floating-actions {
    display: none;
  }
}

@media (min-width: 768px) {
  .app-search-mobile {
    display: none;
  }
}