/* scope: single-10 */
.co-steps {
  display: flex;
  align-items: center;
  justify-content: center; /* Centers the content within the full-width bar */
  gap: 0;
  padding: 24px 20px 8px;
  font-family: 'Montserrat', sans-serif;
  background: linear-gradient(135deg, #f0f5fd 0%, #e8f1fb 100%);
  
  /* Full-width container logic */
  width: 100%;
  box-sizing: border-box;
}

.co-step {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  min-width: 80px;
  position: relative;
  flex: 0 0 auto; /* Prevents steps from stretching */
}

.co-step a { 
  text-decoration: none; 
}

.co-bubble {
  width: 52px; 
  height: 52px;
  border-radius: 50%;
  display: flex; 
  align-items: center; 
  justify-content: center;
  font-weight: 700; 
  font-size: 1rem;
  transition: transform .2s;
  flex-shrink: 0;
}

.co-bubble:hover { 
  transform: scale(1.08); 
}

.co-bubble svg { 
  width: 20px; 
  height: 20px; 
}

.co-bubble-done { 
  background: #1A62AB; 
  color: #fff; 
  box-shadow: 0 3px 12px rgba(26,98,171,.25); 
}

.co-bubble-active {
  background: #1A62AB; 
  color: #fff;
  box-shadow: 0 0 0 6px rgba(26,98,171,.15), 0 4px 18px rgba(26,98,171,.35);
  animation: checkoutPulse 1.8s ease-in-out infinite;
}

.co-bubble-pending { 
  background: #e8f1fb; 
  color: #8fa3bc; 
  border: 2px solid #c5d9f4; 
}

.co-bubble-complete { 
  background: #22c55e; 
  color: #fff; 
  box-shadow: 0 3px 12px rgba(34,197,94,.3); 
}

.co-label { 
  font-size: .82rem; 
  font-weight: 600; 
  color: #0d1f35; 
  white-space: nowrap; 
}

.co-label-muted { 
  color: #8fa3bc; 
}

.co-label-sub { 
  font-size: .72rem; 
  color: #1A62AB; 
  position: absolute; 
  top: 100%; 
  margin-top: 28px; 
  white-space: nowrap; 
}

.co-line { 
  flex: 0 0 90px; /* Fixed width for the line to prevent stretching on desktop */
  height: 2px; 
  background: #c5d9f4; 
  border-radius: 2px; 
  margin-bottom: 20px; 
}

.co-line-filled {
  background: linear-gradient(90deg, #1A62AB 30%, #6aaff5 50%, #1A62AB 70%);
  background-size: 200% 100%;
  animation: lineShimmer 2.4s linear infinite;
}

.co-chip-wrap { 
  text-align: center; 
  padding-bottom: 4px; 
}

.co-chip {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: #fff;
  border: 1.5px solid #c5d9f4;
  border-radius: 99px;
  padding: 8px 20px;
  font-size: .85rem;
  font-weight: 600;
  color: #1A62AB;
  margin: 16px auto 0;
  line-height: 1;
}

.co-chip svg {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  display: block;
}

/* Animations */
@keyframes checkoutPulse {
  0%   { transform: scale(1); box-shadow: 0 0 0 6px rgba(26,98,171,.15), 0 4px 18px rgba(26,98,171,.35); }
  40%  { transform: scale(1.07); box-shadow: 0 0 0 12px rgba(26,98,171,.08), 0 6px 24px rgba(26,98,171,.4); }
  100% { transform: scale(1); box-shadow: 0 0 0 6px rgba(26,98,171,.15), 0 4px 18px rgba(26,98,171,.35); }
}

@keyframes lineShimmer {
  0%   { background-position: -200% center; }
  100% { background-position: 200% center; }
}

/* Responsiveness */
@media (max-width: 767px) {
  .co-steps { padding: 16px 8px 6px; }
  .co-step { min-width: 0; flex: 1; gap: 6px; }
  .co-bubble { width: 40px; height: 40px; font-size: .85rem; }
  .co-bubble svg { width: 16px; height: 16px; }
  .co-line { 
    flex: 1; /* Allow lines to shrink/grow to fit mobile screens */
    max-width: none; 
    margin-bottom: 14px; 
  }
  .co-label { font-size: .70rem; white-space: normal; text-align: center; line-height: 1.3; }
  .co-label-sub { display: none; }
  .co-chip { font-size: .78rem; padding: 7px 14px; gap: 6px; margin-top: 12px; }
  .co-chip svg { width: 14px; height: 14px; }
}

@media (max-width: 380px) {
  .co-steps { padding: 14px 4px 4px; }
  .co-bubble { width: 34px; height: 34px; font-size: .75rem; }
  .co-bubble svg { width: 14px; height: 14px; }
  .co-label { font-size: .62rem; }
  .co-chip { font-size: .70rem; padding: 6px 10px; gap: 5px; margin-top: 10px; }
  .co-chip svg { width: 12px; height: 12px; }
}
body.theme-woodmart.woocommerce-checkout form.woocommerce-checkout .fc-wrapper #order_review table.woocommerce-checkout-review-order-table .product-details .cart-item__price {
  display: none !important;
}

/* Regular/original (strikethrough) price color */
body.theme-woodmart.woocommerce-checkout form.woocommerce-checkout .fc-wrapper #order_review table.woocommerce-checkout-review-order-table .product-total del,
body.theme-woodmart.woocommerce-checkout form.woocommerce-checkout .fc-wrapper #order_review table.woocommerce-checkout-review-order-table .product-total del .woocommerce-Price-amount {
  color: #9aa3b1 !important;
}

/* Sale/current price color */
body.theme-woodmart.woocommerce-checkout form.woocommerce-checkout .fc-wrapper #order_review table.woocommerce-checkout-review-order-table .product-total ins,
body.theme-woodmart.woocommerce-checkout form.woocommerce-checkout .fc-wrapper #order_review table.woocommerce-checkout-review-order-table .product-total ins .woocommerce-Price-amount,
body.theme-woodmart.woocommerce-checkout form.woocommerce-checkout .fc-wrapper #order_review table.woocommerce-checkout-review-order-table .product-total>.amount,
body.theme-woodmart.woocommerce-checkout form.woocommerce-checkout .fc-wrapper #order_review table.woocommerce-checkout-review-order-table .product-total>.woocommerce-Price-amount {
  color: #1A62AB !important;
}

/* Cart subtotal row: original/current price colors */
body.theme-woodmart.woocommerce-checkout form.woocommerce-checkout .fc-wrapper #order_review table.woocommerce-checkout-review-order-table .cart-subtotal td del,
body.theme-woodmart.woocommerce-checkout form.woocommerce-checkout .fc-wrapper #order_review table.woocommerce-checkout-review-order-table .cart-subtotal td del .woocommerce-Price-amount {
  color: #9aa3b1 !important;
}

body.theme-woodmart.woocommerce-checkout form.woocommerce-checkout .fc-wrapper #order_review table.woocommerce-checkout-review-order-table .cart-subtotal td ins,
body.theme-woodmart.woocommerce-checkout form.woocommerce-checkout .fc-wrapper #order_review table.woocommerce-checkout-review-order-table .cart-subtotal td ins .woocommerce-Price-amount,
body.theme-woodmart.woocommerce-checkout form.woocommerce-checkout .fc-wrapper #order_review table.woocommerce-checkout-review-order-table .cart-subtotal td>.amount,
body.theme-woodmart.woocommerce-checkout form.woocommerce-checkout .fc-wrapper #order_review table.woocommerce-checkout-review-order-table .cart-subtotal td>.woocommerce-Price-amount {
  color: #1A62AB !important;
}

/* Global WooCommerce sale-price colors for cart page + ajax mini cart */
.woocommerce-cart .woocommerce table.shop_table del,
.woocommerce-cart .woocommerce table.shop_table del .woocommerce-Price-amount,
.woocommerce-cart-form .product-price del,
.woocommerce-cart-form .product-subtotal del,
.woocommerce-mini-cart del,
.woocommerce-mini-cart del .woocommerce-Price-amount,
.widget_shopping_cart del,
.widget_shopping_cart del .woocommerce-Price-amount,
.cart_list del,
.cart_list del .woocommerce-Price-amount,
p.woocommerce-mini-cart__total del,
p.woocommerce-mini-cart__total del .woocommerce-Price-amount {
  color: #9aa3b1 !important;
}

.woocommerce-cart .woocommerce table.shop_table ins,
.woocommerce-cart .woocommerce table.shop_table ins .woocommerce-Price-amount,
.woocommerce-cart-form .product-price ins,
.woocommerce-cart-form .product-subtotal ins,
.woocommerce-mini-cart ins,
.woocommerce-mini-cart ins .woocommerce-Price-amount,
.widget_shopping_cart ins,
.widget_shopping_cart ins .woocommerce-Price-amount,
.cart_list ins,
.cart_list ins .woocommerce-Price-amount,
p.woocommerce-mini-cart__total ins,
p.woocommerce-mini-cart__total ins .woocommerce-Price-amount {
  color: #1A62AB !important;
}