/* WC Dynamic Delivery Timeline Styles */
.wc-ddt-timeline{
  position:relative;
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap: 4rem;
  margin:24px 0 16px;
  padding:12px 0 8px;
}
.wc-ddt-line{
  position:absolute;
  top:32px;
  left:0;
  right:0;
  height:2px;
  background:#111;
  opacity:0.9;
}
.wc-ddt-step{
  position:relative;
  text-align:center;
  flex:1 1 0;
}
.wc-ddt-step .wc-ddt-icon{
  width:44px;
  height:44px;
  border-radius:50%;
  background:#111;
  display:flex;
  align-items:center;
  justify-content:center;
  margin:0 auto 12px;
  box-shadow: 0 1px 2px rgba(0,0,0,.2) inset;
}
.wc-ddt-date{
  font-weight:600;
  margin-bottom:4px;
}
.wc-ddt-label{
  color:#111;
  font-size:14px;
}
@media (max-width: 600px){
  .wc-ddt-timeline{ gap: 1.25rem; }
  .wc-ddt-date{ font-size:12px; }
  .wc-ddt-label{ font-size:12px; }
  .wc-ddt-step .wc-ddt-icon{ width:40px; height:40px; }
}