/* ====================
   Order Tracking Page
   ==================== */
.order-tracking-main {
  margin-top: var(--space-8);
  margin-bottom: var(--space-12);
  display: flex;
  flex-direction: column;
  gap: var(--space-8);
}
.order-search-section {
  max-width: 540px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: var(--space-8);
  box-shadow: var(--shadow-lg);
}
.track-order-form {
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
  margin-bottom: var(--space-2);
}
.form-row {
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
}
.form-label {
  font-weight: 500;
  font-size: var(--font-size-sm);
  color: var(--gray-700);
}
.form-actions {
  display: flex;
  align-items: center;
  gap: var(--space-3);
  margin-top: var(--space-2);
}
.form-note {
  font-size: var(--font-size-xs);
  color: var(--gray-600);
  margin-top: var(--space-2);
}

/* Status explainer */
.order-status-explanation ol.status-list {
  padding-left: var(--space-5);
  list-style: decimal;
  color: var(--color-text);
  gap: var(--space-2);
  display: flex;
  flex-direction: column;
}
.order-status-explanation li {
  margin-bottom: var(--space-2);
}

/* Info grid (methods and updates, support and delivery) */
.order-info-sections {
  grid-template-columns: repeat(2,1fr);
  gap: var(--space-6);
}
@media (max-width: 900px) {
  .order-info-sections {
    grid-template-columns: 1fr;
    gap: var(--space-4);
  }
}
.tracking-methods ul,
.delivery-info ul {
  padding-left: var(--space-4);
  list-style: disc;
  color: var(--gray-700);
  margin-bottom: 0;
}
.status-list,
.methods-list {
  gap: var(--space-2);
}

.customer-support .support-label {
  font-size: var(--font-size-xs);
  color: var(--gray-500);
  margin-left: var(--space-1);
}

/* FAQ styles */
.faq-section {
  margin-top: var(--space-8);
}
.faq-list dt {
  font-weight: 600;
  color: var(--gray-800);
  margin-top: var(--space-4);
  margin-bottom: var(--space-1);
}
.faq-list dd {
  margin-left: 0;
  margin-bottom: var(--space-2);
  color: var(--gray-700);
}
.faq-list dt:first-child {
  margin-top: 0;
}

/* Feedback Panel */
.feedback-section {
  margin-top: var(--space-8);
}
.feedback-form {
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
  margin-bottom: var(--space-2);
}
.feedback-message {
  margin-top: var(--space-2);
  font-size: var(--font-size-sm);
  min-height: 32px;
}
.feedback-message[aria-live="polite"] {
  color: var(--color-success);
}

/* Accessibility for required fields */
input:required, select:required {
  box-shadow: none;
}

/* Misc. Responsive */
@media (max-width: 600px) {
  .order-tracking-main {
    gap: var(--space-5);
    margin-top: var(--space-4);
    margin-bottom: var(--space-6);
  }
  .order-search-section {
    padding: var(--space-4);
  }
}