/* =============================================================
   ESSENCE BY DEVONTEE — assets/css/track-guest.css
   Guest order-tracking page.
   Layout/colours/typography are inherited from auth.css (two
   column auth layout, form fields, buttons — green/gold palette,
   Playfair Display + Jost) and account.css (order card, status
   badges, progress tracker, item rows). This file only adds the
   small bits unique to this page.
   ============================================================= */

.tg-order-card { margin-bottom: 20px; }

.tg-order-date {
  font-size:     12.5px;
  color:         var(--text-light, #8a8a8a);
  font-family:   var(--font-body, 'Jost', sans-serif);
  margin-bottom: 4px;
}

/* Small reassurance line under the email field, above submit */
.tg-privacy-note {
  display:     flex;
  align-items: flex-start;
  gap:         8px;
  font-size:   12px;
  color:       var(--text-light, #8a8a8a);
  line-height: 1.6;
  font-family: var(--font-body, 'Jost', sans-serif);
  margin:      -6px 0 20px;
}
.tg-privacy-note svg { flex-shrink: 0; margin-top: 2px; fill: var(--text-light, #8a8a8a); }

.tg-shop-again {
  width:           100%;
  justify-content: center;
  margin-top:      6px;
}

@media (max-width: 480px) {
  .tg-order-card { padding: 20px 16px; }
}