/* Checkout, order confirmation and tracking text contrast. */
html[data-theme="light"] body[data-page="cart"] .page-title p,
html[data-theme="light"] body[data-page="cart"] .checkout-panel label,
html[data-theme="light"] body[data-page="cart"] .checkout-panel .optional,
html[data-theme="light"] body[data-page="cart"] .cart-item-row p,
html[data-theme="light"] body[data-page="cart"] .price-line,
html[data-theme="light"] body[data-page="cart"] .payment-choice p,
html[data-theme="light"] body[data-page="cart"] .proof-check span {
  color:#4c505a !important;
}

html[data-theme="light"] body[data-page="cart"] .checkout-panel label { font-weight:550; }
html[data-theme="light"] body[data-page="cart"] .checkout-panel input::placeholder,
html[data-theme="light"] body[data-page="cart"] .checkout-panel textarea::placeholder { color:#686d77 !important; opacity:1; }
html[data-theme="light"] body[data-page="cart"] .checkout-panel .form-error { color:#a52222 !important; }
html[data-theme="light"] body[data-page="cart"] .checkout-panel .price-total-line { color:#17181b; }
html[data-theme="light"] body[data-page="cart"] .checkout-panel .payment-choice { color:#17181b; }
html[data-theme="light"] body[data-page="cart"] .checkout-panel .payment-choice .icon { color:#5842cc; }
html[data-theme="light"] body[data-page="cart"] #checkoutError { color:#a52222 !important; }
body[data-page="cart"] #checkoutError:not([hidden]) {
  display:block;
  padding:12px 14px;
  border:1px solid #d98b8b;
  border-left:4px solid #b42323;
  border-radius:8px;
  margin:12px 0;
  background:#fff0f0;
  color:#8e1e1e !important;
  font-size:13px;
  font-weight:600;
  line-height:1.55;
}

html[data-theme="light"] body[data-page="track"] .tracking-layout>p,
html[data-theme="light"] body[data-page="track"] .tracking-card p,
html[data-theme="light"] body[data-page="track"] .tracking-card li,
html[data-theme="light"] body[data-page="track"] .tracking-card .eyebrow,
html[data-theme="light"] body[data-page="track"] #trackingResult .form-error {
  color:#4c505a !important;
}
html[data-theme="light"] body[data-page="track"] .tracking-card h2,
html[data-theme="light"] body[data-page="track"] .tracking-card h3 { color:#17181b; }

html[data-theme="dark"] body[data-page="cart"] .page-title p,
html[data-theme="dark"] body[data-page="cart"] .checkout-panel label,
html[data-theme="dark"] body[data-page="cart"] .checkout-panel .optional,
html[data-theme="dark"] body[data-page="cart"] .cart-item-row p,
html[data-theme="dark"] body[data-page="cart"] .price-line,
html[data-theme="dark"] body[data-page="cart"] .payment-choice p,
html[data-theme="dark"] body[data-page="cart"] .proof-check span,
html[data-theme="dark"] body[data-page="track"] .tracking-layout>p,
html[data-theme="dark"] body[data-page="track"] .tracking-card p,
html[data-theme="dark"] body[data-page="track"] .tracking-card li {
  color:#c8c2d2 !important;
}
html[data-theme="dark"] body[data-page="cart"] .checkout-panel input::placeholder,
html[data-theme="dark"] body[data-page="cart"] .checkout-panel textarea::placeholder { color:#b5afc2 !important; opacity:1; }
html[data-theme="dark"] body[data-page="cart"] .checkout-panel .form-error,
html[data-theme="dark"] body[data-page="track"] #trackingResult .form-error { color:#ff9999 !important; }
html[data-theme="dark"] body[data-page="cart"] #checkoutError:not([hidden]) {
  border-color:#82434b;
  border-left-color:#ff777e;
  background:#351d23;
  color:#ffd1d3 !important;
}
html[data-theme="dark"] body[data-page="cart"] .checkout-panel .price-total-line,
html[data-theme="dark"] body[data-page="cart"] .checkout-panel .payment-choice,
html[data-theme="dark"] body[data-page="track"] .tracking-card h2,
html[data-theme="dark"] body[data-page="track"] .tracking-card h3 { color:#f4f1fa !important; }
html[data-theme="dark"] body[data-page="cart"] .checkout-panel .payment-choice .icon { color:#b6a5ff; }

html[data-theme="light"] body .order-success .eyebrow { color:#55515e; }
html[data-theme="light"] body .order-success p { color:#4c505a; }
html[data-theme="light"] body .order-success .success-mark { color:#286642; background:#e6f4e9; }
html[data-theme="dark"] body .order-success .eyebrow { color:#d0c8df; }
html[data-theme="dark"] body .order-success p { color:#d9d4e2 !important; }
html[data-theme="dark"] body .order-success .success-mark { color:#b7e6c6; background:#20352a; }
