/* FPV Order Tracking - Temu style vertical timeline */
.fpv-tracking-wrap {
  max-width: 600px;
  margin: 24px auto;
  font-family: 'Inter', system-ui, sans-serif;
}

/* ETA banner */
.fpv-tracking-eta {
  background: #f0fdf4;
  border: 1px solid #bbf7d0;
  border-radius: 10px;
  padding: 14px 18px;
  margin-bottom: 16px;
  display: flex;
  align-items: center;
  gap: 10px;
}
.fpv-tracking-eta__icon { font-size: 20px; flex-shrink: 0; }
.fpv-tracking-eta__text { font-size: 13px; color: #3a3a40; line-height: 1.4; }
.fpv-tracking-eta__text strong { color: #ff6a00; font-size: 14px; }

/* Header */
.fpv-tracking-header {
  background: #0a0a0b;
  border-radius: 12px;
  padding: 18px 20px;
  margin-bottom: 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.fpv-tracking-header__left { flex: 1; }
.fpv-tracking-header__title {
  color: rgba(255,255,255,.6);
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .08em;
  margin: 0 0 4px;
}
.fpv-tracking-header__order {
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  margin: 0;
}
.fpv-tracking-header__date {
  color: rgba(255,255,255,.4);
  font-size: 11px;
  margin: 3px 0 0;
}
.fpv-tracking-header__status {
  background: rgba(255,106,0,.15);
  color: #ff6a00;
  font-size: 12px;
  font-weight: 600;
  padding: 6px 12px;
  border-radius: 20px;
  white-space: nowrap;
}
.fpv-tracking-header__status.is-delivered {
  background: rgba(22,163,74,.15);
  color: #16a34a;
}

/* Timeline */
.fpv-tracking-timeline {
  background: #fff;
  border: 1px solid #ececea;
  border-radius: 12px;
  padding: 8px 0;
  margin-bottom: 12px;
  overflow: hidden;
}

.fpv-tracking-step {
  display: flex;
  gap: 0;
  padding: 0 20px;
  position: relative;
}
/* Vertical line */
.fpv-tracking-step::before {
  content: '';
  position: absolute;
  left: 32px;
  top: 28px;
  bottom: -16px;
  width: 2px;
  background: #e0e0e0;
  z-index: 0;
}
.fpv-tracking-step:last-child::before { display: none; }
.fpv-tracking-step.is-done::before { background: #16a34a; }
.fpv-tracking-step.is-active::before { background: linear-gradient(to bottom, #ff6a00, #e0e0e0); }

.fpv-tracking-step__dot-wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 14px 16px 14px 0;
  position: relative;
  z-index: 1;
  flex-shrink: 0;
}
.fpv-tracking-step__dot {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  border: 2px solid #e0e0e0;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 11px;
  font-weight: 700;
  color: #ccc;
  flex-shrink: 0;
}
.fpv-tracking-step.is-done .fpv-tracking-step__dot {
  background: #16a34a;
  border-color: #16a34a;
  color: #fff;
}
.fpv-tracking-step.is-active .fpv-tracking-step__dot {
  background: #ff6a00;
  border-color: #ff6a00;
  color: #fff;
  box-shadow: 0 0 0 4px rgba(255,106,0,.15);
}

.fpv-tracking-step__content {
  flex: 1;
  padding: 12px 0 16px;
  border-bottom: 1px solid #f5f5f5;
}
.fpv-tracking-step:last-child .fpv-tracking-step__content { border-bottom: none; }

.fpv-tracking-step__label {
  font-size: 14px;
  font-weight: 600;
  color: #ccc;
  margin: 0 0 2px;
  line-height: 1.3;
}
.fpv-tracking-step.is-done .fpv-tracking-step__label { color: #0a0a0b; }
.fpv-tracking-step.is-active .fpv-tracking-step__label { color: #ff6a00; }

.fpv-tracking-step__desc {
  font-size: 12px;
  color: #aaa;
  margin: 0 0 4px;
  line-height: 1.4;
}
.fpv-tracking-step.is-done .fpv-tracking-step__desc { color: #7a7a82; }
.fpv-tracking-step.is-active .fpv-tracking-step__desc { color: #3a3a40; }

.fpv-tracking-step__time {
  font-size: 11px;
  color: #aaa;
  margin: 0;
}
.fpv-tracking-step.is-done .fpv-tracking-step__time { color: #7a7a82; }
.fpv-tracking-step__note {
  font-size: 11px;
  color: #ff6a00;
  margin: 3px 0 0;
  font-style: italic;
}

/* PP courier update */
.fpv-tracking-courier {
  background: #f6f5f1;
  border: 1px solid #ececea;
  border-radius: 10px;
  padding: 12px 16px;
  font-size: 13px;
  color: #3a3a40;
  display: flex;
  align-items: flex-start;
  gap: 10px;
}
.fpv-tracking-courier__icon { font-size: 16px; flex-shrink: 0; margin-top: 1px; }
.fpv-tracking-courier a { color: #ff6a00; font-weight: 600; text-decoration: none; }
.fpv-tracking-courier a:hover { text-decoration: underline; }

/* Search form */
.fpv-tracking-search {
  background: #fff;
  border: 1px solid #ececea;
  border-radius: 12px;
  padding: 20px;
  margin: 20px auto;
  max-width: 600px;
}
.fpv-tracking-search h3 {
  font-size: 14px;
  font-weight: 700;
  color: #0a0a0b;
  margin: 0 0 12px;
}
.fpv-tracking-search__row { display: flex; gap: 8px; }
.fpv-tracking-search input {
  flex: 1;
  border: 1.5px solid #ececea;
  border-radius: 8px;
  padding: 10px 14px;
  font-size: 14px;
  font-family: inherit;
  background: #f6f5f1;
  color: #0a0a0b;
  -moz-appearance: textfield;
}
.fpv-tracking-search input::-webkit-outer-spin-button,
.fpv-tracking-search input::-webkit-inner-spin-button { -webkit-appearance: none; }
.fpv-tracking-search input:focus { border-color: #ff6a00; outline: none; background: #fff; }
.fpv-tracking-search button {
  background: #ff6a00;
  color: #fff;
  border: none;
  border-radius: 8px;
  padding: 10px 20px;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  transition: background .15s;
  white-space: nowrap;
}
.fpv-tracking-search button:hover { background: #e55a00; }
.fpv-tracking-error { color: #ef4444; font-size: 12px; margin-top: 8px; display: none; }

/* Hide ParcelPanel default form - we use our own */
.pp-tracking-section,
.pp-test-box,
[class*="pp-track"] {
  display: none !important;
}