/* Checkout Sidebar Styling */
.order-details {
  border: 1px solid #eee;
  border-radius: 10px;
  overflow: hidden;
  background: #fff;
}
.order-details .card-header {
  background: #f8f8f8;
  border-bottom: 1px solid #eee;
}
.order-details .header-content h5 {
  margin: 0;
  font-size: 16px;
  font-weight: 600;
}
.order-details .card-body {
  padding: 18px;
}
.order-details .review-img img { border-radius: 8px; }

/* Rows */
.order-details .details-info {
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
}
.order-details .details-info h6,
.order-details .details-info p { margin: 0; font-size: 14px; }

/* Coupon input */
#checkout_coupon_code {
  height: 40px;
  border: 1px solid #e5e5e5;
  border-radius: 8px;
  padding: 8px 12px;
}
#checkout_apply_coupon {
  height: 40px;
  border-radius: 8px;
}
.order-details .coupon-notices {
  margin-top: 6px;
}
.woocommerce-message, .woocommerce-info { margin: 8px 0 0; }

/* Payment info list */
.order-details .text-primary { color: #ff6a00 !important; }
.order-details .border-bottom { border-bottom: 1px solid #eee !important; }

/* Totals and Pay Now */
#sidebar_pay_now {
  background: #ff7a1a;
  border-color: #ff7a1a;
  font-weight: 600;
  height: 44px;
  border-radius: 8px;
}
#sidebar_pay_now:hover { background: #f46a03; border-color: #f46a03; }

/* Secure note */
.order-details .small strong { display: block; }

/* Payment method tabs look */
.payment-details .payment-form .form-check {
  padding: 8px 12px;
  border: 1px solid #eee;
  border-radius: 8px;
}
.payment-details .payment-form .form-check:not(:last-child) { margin-right: 8px; }
.payment-details .payment-form input[type="radio"] { accent-color: #ff7a1a; }

/* Woo tables reset to clean look in sidebar */
.order-details h6.fs-16,
.order-details p.fs-16 { font-size: 14px; }

/* Utilities to mimic screenshot spacing */
.order-details .mb-3 { margin-bottom: 12px !important; }
.order-details .mt-3 { margin-top: 16px !important; }
.order-details .pb-3 { padding-bottom: 12px !important; }

/* Success/error for coupon list like screenshot */
.order-details .coupon-success { color: #13a35e; }
.order-details .coupon-error { color: #d22b2b; }