/* AAOL My Account customizations */
.aaol-timeline { margin: 24px 0 32px; padding: 16px 0; }
.aaol-timeline h3 { font-size: 14px; font-weight: 600; color: #333; margin: 0 0 16px; text-transform: uppercase; letter-spacing: 0.04em; }
.aaol-timeline__steps { list-style: none; margin: 0; padding: 0; display: flex; justify-content: space-between; position: relative; }
.aaol-timeline__steps::before {
  content:''; position:absolute; top:11px; left:8%; right:8%;
  height:2px; background:#e5e5e5; z-index:0;
}
.aaol-timeline__step { flex:1; text-align:center; position:relative; z-index:1; }
.aaol-timeline__dot {
  display:inline-block; width:24px; height:24px; border-radius:50%;
  background:#fff; border:2px solid #ccc; margin-bottom:8px;
}
.aaol-timeline__label { display:block; font-size:12px; color:#777; line-height:1.3; }
.aaol-timeline__step.is-done .aaol-timeline__dot { background:#ad8348; border-color:#ad8348; }
.aaol-timeline__step.is-done .aaol-timeline__label { color:#333; }
.aaol-timeline__step.is-current .aaol-timeline__dot { background:#fff; border-color:#ad8348; box-shadow: 0 0 0 4px rgba(173,131,72,0.2); }
.aaol-timeline__step.is-current .aaol-timeline__label { color:#ad8348; font-weight:600; }

/* Step date labels (desktop: beneath step label, mobile: inline) */
.aaol-timeline__date { display:block; font-size:11px; color:#999; margin-top:2px; }
.aaol-timeline__step.is-done .aaol-timeline__date { color:#777; }
.aaol-timeline__step.is-current .aaol-timeline__date { color:#ad8348; font-weight:400; }

/* Pulse animation for current step */
@keyframes aaol-pulse {
  0%   { box-shadow: 0 0 0 0 rgba(173,131,72,0.4); }
  70%  { box-shadow: 0 0 0 8px rgba(173,131,72,0); }
  100% { box-shadow: 0 0 0 0 rgba(173,131,72,0); }
}
.aaol-timeline__step.is-current .aaol-timeline__dot {
  animation: aaol-pulse 2s ease-in-out infinite;
}

/* ── Mobile: vertical timeline below 640px ────────────────────── */
@media (max-width: 640px) {
  .aaol-timeline { padding: 12px 0; }
  .aaol-timeline__steps {
    flex-direction: column;
    align-items: flex-start;
    gap: 0;
    padding-left: 12px;
  }
  /* Replace the horizontal connector with a vertical left-side line */
  .aaol-timeline__steps::before {
    top: 12px; bottom: 12px;
    left: 23px; right: auto;
    width: 2px; height: auto;
  }
  .aaol-timeline__step {
    display: flex;
    align-items: flex-start;
    text-align: left;
    padding: 10px 0 10px 0;
    flex: none;
  }
  .aaol-timeline__dot {
    flex-shrink: 0;
    margin-bottom: 0;
    margin-right: 12px;
  }
  .aaol-timeline__label {
    display: flex;
    flex-direction: column;
    font-size: 13px;
    padding-top: 3px;
  }
  .aaol-timeline__date { font-size: 11px; margin-top: 1px; }
}

/* Status badges in order list */
.woocommerce-orders-table__cell-order-status { padding:4px 10px; border-radius:999px; font-size:12px; font-weight:600; display:inline-block; }
.order-status.status-in-production    { background:#fff5dc; color:#ad8348; }
.order-status.status-awaiting-freight { background:#ffe9c2; color:#8a5a1a; }
.order-status.status-completed        { background:#e6f6ec; color:#1f6e3a; }