/* Moment Makers — Track Order page (purely visual). The order-tracking form, its nonce field,
 * and submit handling are all WooCommerce-owned and untouched — this only restyles the card,
 * inputs and button to match the rest of the site. */
:root{--mx-red:#880000;--mx-ink:#1c1b1f;--mx-mute:#6d6a70;--mx-line:#eee7e1;--mx-cream:#fbf7f3}

.woocommerce-order-tracking,
form.track_order{
  max-width:640px;background:#fff!important;border:1px solid var(--mx-line)!important;border-radius:18px!important;
  padding:28px!important;box-shadow:0 14px 34px -24px rgba(0,0,0,.3)!important
}
form.track_order p{color:var(--mx-mute)!important;font:400 13.5px/1.7 Inter,sans-serif!important}
form.track_order .form-row{margin-bottom:16px!important}
form.track_order label{display:block!important;font:600 12.5px Inter,sans-serif!important;color:var(--mx-ink)!important;margin-bottom:6px!important}
form.track_order input.input-text{
  width:100%!important;border-radius:10px!important;border:1.5px solid var(--mx-line)!important;
  height:46px!important;padding:0 14px!important;font:400 13.5px Inter,sans-serif!important;background:var(--mx-cream)!important;box-sizing:border-box!important
}
form.track_order input.input-text:focus{border-color:var(--mx-red)!important;outline:none!important;background:#fff!important}
form.track_order button[type="submit"], form.track_order .button{
  border-radius:10px!important;background:var(--mx-red)!important;color:#fff!important;border:0!important;
  font:600 13.5px Inter,sans-serif!important;text-transform:none!important;box-shadow:none!important;padding:13px 28px!important
}
form.track_order button[type="submit"]:hover{background:#650000!important}

/* result box (order status), when shown */
.woocommerce-order-tracking .woocommerce-order-overview,
.woocommerce-order-tracking .order_details{
  background:var(--mx-cream)!important;border-radius:14px!important;border:1px solid var(--mx-line)!important;padding:14px 0!important
}

@media (max-width:600px){
  .woocommerce-order-tracking, form.track_order{padding:18px!important}
}

/* ---- Audit fixes (v1.7.0): stack the two fields on phones so placeholders aren't cut off ---- */
@media (max-width:600px){
  form.track_order .form-row-first,form.track_order .form-row-last{float:none!important;width:100%!important}
}