/**
 * HyperCorners — Free shipping progress.
 * Loaded only on cart and checkout pages.
 */

.hc-free-shipping-progress {
  --hc-shipping-progress: 0%;
  width: 100%;
  margin: 0 0 var(--hc-space-5, 1.25rem);
  padding: 1rem 1.1rem;
  border: 1px solid rgba(37, 99, 235, 0.14);
  border-radius: var(--hc-radius-lg, 18px);
  background: linear-gradient(135deg, rgba(37, 99, 235, 0.055), rgba(101, 40, 247, 0.045));
  box-shadow: var(--hc-shadow-sm, 0 8px 24px rgba(15, 23, 42, 0.06));
  box-sizing: border-box;
}

.hc-free-shipping-progress.is-complete {
  border-color: rgba(37, 99, 235, 0.22);
  background: linear-gradient(135deg, rgba(37, 99, 235, 0.075), rgba(101, 40, 247, 0.065));
}

.hc-free-shipping-progress__message {
  margin: 0 0 0.7rem !important;
  color: var(--hc-color-ink, #0f172a);
  font-size: 0.92rem;
  line-height: 1.45;
  font-weight: 750;
}

.hc-free-shipping-progress__message .woocommerce-Price-amount {
  color: var(--hc-color-primary, #2563eb);
  font-weight: 850;
}

.hc-free-shipping-progress__track {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 8px;
  border-radius: 999px;
  background: rgba(148, 163, 184, 0.22);
}

.hc-free-shipping-progress__fill {
  display: block;
  height: 100%;
  min-width: 0;
  border-radius: inherit;
  background: linear-gradient(90deg, var(--hc-color-primary, #2563eb), var(--hc-color-accent, #6528f7));
  transition: width 240ms ease;
}

.hc-free-shipping-progress.is-complete .hc-free-shipping-progress__fill {
  width: 100% !important;
}

.woocommerce-checkout-review-order-table .hc-free-shipping-progress-row td {
  padding: 0.9rem 0 0.3rem !important;
  border: 0 !important;
}

.woocommerce-checkout-review-order-table .hc-free-shipping-progress-row .hc-free-shipping-progress {
  margin-bottom: 0;
}

@media (max-width: 767px) {
  .hc-free-shipping-progress {
    margin-bottom: 1rem;
    padding: 0.9rem 0.95rem;
    border-radius: 16px;
  }

  .hc-free-shipping-progress__message {
    font-size: 0.86rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  .hc-free-shipping-progress__fill {
    transition: none;
  }
}
