/**
 * Estimated delivery and shipment tracking - see inc/delivery.php.
 *
 * Loaded on the product page, cart, checkout, order received, view order and
 * the Track Order page. Colour and type come from the base tokens only.
 */

/* ------------------------------------------------ Product page, under buy */
.ms-eta{
  display:flex;align-items:flex-start;gap:12px;
  margin:18px 0 0;padding:14px 16px;
  border:var(--ms-hairline);border-radius:var(--ms-radius-buy);
  background:var(--ms-surface);
}
.ms-eta__icon{flex:0 0 auto;display:inline-flex;margin-top:2px;color:var(--ms-earth);}
.ms-eta__body{
  display:flex;flex-wrap:wrap;align-items:baseline;column-gap:8px;row-gap:2px;
  min-width:0;
  font-size:var(--ms-fs-sm);line-height:1.5;color:var(--ms-muted);
}
.ms-eta__range{color:var(--ms-ink);font-weight:600;}
.ms-eta__note{flex-basis:100%;font-size:var(--ms-fs-xs);}
.ms-eta__note a{color:var(--ms-earth);text-decoration:underline;text-underline-offset:2px;}
.ms-eta__note a:hover{color:var(--ms-ink);}

/* ------------------------------------------------------------ Cart summary */
.ms-sum__notes li.ms-sum__eta strong{color:var(--ms-ink);font-weight:600;}

/* ---------------------------------------------- Order received, the facts */
/* Beats `.woocommerce ul.order_details.ms-ty__facts li strong.ms-ty__factValue`,
   whose nowrap would push a two-date range out of a 190px cell. */
.woocommerce ul.order_details.ms-ty__facts li strong.ms-ty__factValue.ms-ty__factValue--eta,
ul.order_details.ms-ty__facts li strong.ms-ty__factValue.ms-ty__factValue--eta{
  white-space:normal;
}

/* --------------------------------- View order and the Track Order result */
.ms-ship{
  margin:0 0 clamp(20px,2.4vw,30px);
  padding:clamp(20px,2.4vw,32px);
  background:var(--ms-surface);
  border:var(--ms-hairline);border-radius:14px;
}
.ms-ship .ms-ship__head{display:flex;align-items:center;gap:12px;}
.ms-ship .ms-ship__icon{
  flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;
  width:40px;height:40px;border-radius:50%;
  background:var(--ms-gold-soft);color:var(--ms-earth);
}
.ms-ship .ms-ship__title{margin:0;font-size:1.25rem;line-height:1.2;}

.ms-ship .ms-ship__eta{margin:18px 0 6px;display:flex;flex-direction:column;gap:4px;}
.ms-ship .ms-ship__label{
  font-size:var(--ms-fs-micro);font-weight:600;
  letter-spacing:var(--ms-track-micro);text-transform:uppercase;
  color:var(--ms-muted);
}
.ms-ship .ms-ship__range{
  font-family:var(--ms-font-body);font-size:1.25rem;font-weight:600;line-height:1.3;
  color:var(--ms-ink);
}
.ms-ship .ms-ship__note{margin:0;font-size:var(--ms-fs-xs);line-height:1.6;color:var(--ms-muted);}
.ms-ship .ms-ship__note .ms-link{margin-left:4px;}

.ms-ship .ms-ship__list{list-style:none;margin:18px 0 0;padding:0;border-top:var(--ms-hairline);}
.ms-ship .ms-ship__item{
  display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px 20px;
  margin:0;padding:16px 0;
  border-bottom:var(--ms-hairline);
}
.ms-ship .ms-ship__item:last-child{border-bottom:0;padding-bottom:0;}
.ms-ship .ms-ship__meta{display:flex;flex-direction:column;gap:3px;min-width:0;}
.ms-ship .ms-ship__courier{font-weight:600;color:var(--ms-ink);}
.ms-ship .ms-ship__awb,
.ms-ship .ms-ship__items{font-size:var(--ms-fs-sm);color:var(--ms-muted);overflow-wrap:anywhere;}
.ms-ship .ms-ship__num{font-variant-numeric:tabular-nums;color:var(--ms-ink);user-select:all;}
.ms-ship .ms-ship__track{flex:0 0 auto;}

.ms-ship .ms-ship__wait{
  display:flex;align-items:flex-start;gap:9px;
  margin:16px 0 0;padding-top:16px;border-top:var(--ms-hairline);
  font-size:var(--ms-fs-xs);line-height:1.6;color:var(--ms-muted);
}
/* The account screens cap paragraph width, which stopped this rule short. */
.ms-ship .ms-ship__wait{max-width:none;}
.ms-ship .ms-ship__wait svg{flex:0 0 auto;margin-top:2px;color:var(--ms-earth);}

@media (max-width:560px){
  .ms-ship .ms-ship__track{width:100%;justify-content:center;}
}