/* AF Custom Creations — customer order journey. Scoped to Track an Order. */
main.afcc-track .afcc-journey[hidden],
main.afcc-track .afcc-journey-copy[hidden] {display:none!important;}
main.afcc-track .afcc-journey {
  width:min(100% - 40px,910px);
  margin:22px auto 0;
  padding:28px 30px 26px;
  border:1px solid #dccba7;
  border-radius:25px;
  background:linear-gradient(155deg,#fffdfa 0%,#f7f0df 100%);
  box-shadow:0 16px 38px rgba(9,54,39,.07);
  color:#153d2e;
}
main.afcc-track .afcc-journey-heading{display:flex;align-items:center;gap:13px;margin-bottom:8px;}
main.afcc-track .afcc-journey-icon{
  display:grid;place-items:center;flex:0 0 45px;
  height:45px;border-radius:15px;background:#e9dbb8;font-size:24px;
}
main.afcc-track .afcc-journey h2 {
  margin:0;
  font:600 clamp(23px,3vw,29px)/1.25 'Playfair Display',Georgia,serif;
  color:#0b3b2e;
}
main.afcc-track .afcc-journey-lead{max-width:780px;margin:8px 0 24px;color:#3a594a;line-height:1.7;}
main.afcc-track .afcc-journey-timeline{
  list-style:none;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
  margin:20px 0 0;
  padding:0;
}
main.afcc-track .afcc-journey-timeline:empty{display:none;}
main.afcc-track .afcc-journey-step{
  min-width:0;
  position:relative;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:9px;
  padding:16px 15px;
  border:1px solid #e4dac6;
  border-radius:19px;
  background:#fffdf8;
}
main.afcc-track .afcc-journey-step.is-current{border-color:#bc9250;background:#fbf0d7;box-shadow:inset 0 0 0 1px #e9d7b3;}
main.afcc-track .afcc-journey-step.is-complete{border-color:#b6d3c1;background:#eef6ed;}
main.afcc-track .afcc-journey-step.is-upcoming{opacity:.67;}
main.afcc-track .afcc-journey-dot{
  display:grid;place-items:center;
  width:35px;height:35px;
  border-radius:13px;
  background:#eee5d4;
  font-weight:800;
  font-size:14px;
}
main.afcc-track .is-complete .afcc-journey-dot{background:#125640;color:#fff;}
main.afcc-track .is-current .afcc-journey-dot{background:#b48743;color:white;}
main.afcc-track .afcc-journey-step-copy{display:grid;gap:5px;}
main.afcc-track .afcc-journey-step-copy strong{font-size:.97rem;line-height:1.3;}
main.afcc-track .afcc-journey-step-copy>span{font-size:.81rem;line-height:1.5;color:#4c6253;}
main.afcc-track .afcc-journey-state{
  display:inline-flex;
  align-items:center;
  margin-top:auto;
  border-radius:999px;
  padding:5px 10px;
  background:#efe8d7;
  color:#395247;
  font-size:.72rem;
  font-weight:700;
}
main.afcc-track .is-current .afcc-journey-state{background:#dfbf83;color:#2e402d;}
main.afcc-track .is-complete .afcc-journey-state{background:#d2e6d3;color:#14533f;}
main.afcc-track .afcc-journey-bottom{
  display:flex;align-items:center;justify-content:space-between;gap:16px;
  border-top:1px solid #e5d7bb;
  padding-top:22px;
  margin-top:22px;
}
main.afcc-track .afcc-journey-hint{margin:0;color:#54685b;line-height:1.55;font-size:.82rem;flex:1 1 340px;}
main.afcc-track .afcc-journey-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:10px;}
main.afcc-track .afcc-journey-actions a,
main.afcc-track .afcc-journey-actions button{
  font:700 .87rem/1.4 'DM Sans',Arial,sans-serif;
  padding:11px 16px;
  border-radius:999px;
  cursor:pointer;
  transition:transform .16s ease,background .16s ease;
}
main.afcc-track .afcc-journey-copy{border:1px solid #bca473;background:#fffaf0;color:#164b39;}
main.afcc-track .afcc-journey-help{display:inline-flex;align-items:center;justify-content:center;text-align:center;border:1px solid #0c4132;background:#0c4132;color:#fff;text-decoration:none;}
main.afcc-track .afcc-journey-help:hover{background:#185d46;color:white;}
main.afcc-track .afcc-journey-actions a:hover,
main.afcc-track .afcc-journey-actions button:hover{transform:translateY(-1px);}
main.afcc-track .afcc-journey-actions a:focus-visible,
main.afcc-track .afcc-journey-actions button:focus-visible{outline:3px solid #c99b55;outline-offset:3px;}
main.afcc-track .afcc-journey.has-alert{border-color:#d9b39d;background:#fffaf4;}
main.afcc-track .afcc-journey.has-alert .afcc-journey-icon{background:#f2dbcd;}
@media(max-width:760px){
  main.afcc-track .afcc-journey{width:min(100% - 32px,910px);padding:23px 19px;border-radius:21px;}
  main.afcc-track .afcc-journey-timeline{grid-template-columns:repeat(2,minmax(0,1fr));}
  main.afcc-track .afcc-journey-bottom{flex-direction:column;align-items:stretch;}
  main.afcc-track .afcc-journey-actions{justify-content:flex-start;}
}
@media(max-width:440px){
  main.afcc-track .afcc-journey-timeline{grid-template-columns:1fr;gap:8px;}
  main.afcc-track .afcc-journey-step{display:grid;grid-template-columns:35px 1fr auto;align-items:center;gap:11px;padding:12px;}
  main.afcc-track .afcc-journey-state{margin:0;}
  main.afcc-track .afcc-journey-actions{display:grid;grid-template-columns:1fr;}
  main.afcc-track .afcc-journey-actions a,
  main.afcc-track .afcc-journey-actions button{width:100%;text-align:center;}
}
@media(prefers-reduced-motion:reduce){main.afcc-track .afcc-journey-actions a,main.afcc-track .afcc-journey-actions button{transition:none;}}
/* Keep the existing tip centered and prevent mobile flex-basis vertical gaps. */
main.afcc-track > p.notice {margin-left:auto!important;margin-right:auto!important;}
@media(max-width:760px){main.afcc-track .afcc-journey-hint{flex:none;}}