/* Dark theme for Reflow e-commerce widgets (cart, checkout steps, product widgets).
   Only overrides Reflow's --ref-* variables, so nothing else on the page is affected. */
:root,
.reflow-shopping-cart,
.reflow-product,
.reflow-product-list,
.reflow-category-list,
.reflow-search,
.reflow-add-to-cart {
  --ref-body-bg: #10102c;
  --ref-body-color: #e9ecef;
  --ref-input-bg: #1a1a3e;
  --ref-dropdown-bg: #1a1a3e;
  --ref-secondary-bg: #1a1a3e;
  --ref-secondary-color: #ced4da;
  --ref-tertiary-bg: #16163a;
  --ref-tertiary-color: #ced4da;
  --ref-gray-100: #16163a;
  --ref-gray-300: #2a2a55;
  --ref-gray-700: #ced4da;
  --ref-gray: #adb5bd;
  --ref-darkgray: #dee2e6;
  --ref-black: #e9ecef;
}

/* Panels and tables inside the cart/checkout flow */
.reflow-shopping-cart,
.reflow-product,
.reflow-product-list {
  color: var(--ref-body-color);
}

.reflow-shopping-cart .ref-cart-table,
.reflow-shopping-cart .ref-checkout-content {
  background: transparent;
}

.reflow-shopping-cart .ref-heading,
.reflow-shopping-cart .ref-th,
.reflow-shopping-cart .ref-product-name,
.reflow-shopping-cart .ref-product-total-sum,
.reflow-shopping-cart .ref-subtotal,
.reflow-product .ref-product-name,
.reflow-product .ref-price {
  color: #f8f9fa;
}

/* Form controls inside checkout steps */
.reflow-shopping-cart input,
.reflow-shopping-cart select,
.reflow-shopping-cart textarea {
  background-color: var(--ref-input-bg);
  color: var(--ref-body-color);
  border: 1px solid #2a2a55;
}

.reflow-shopping-cart input::placeholder,
.reflow-shopping-cart textarea::placeholder {
  color: #868e96;
}

/* Keep product photos readable on dark background */
.reflow-shopping-cart .ref-product-photo img,
.reflow-product .ref-image {
  border-radius: 6px;
  background: #ffffff;
}

/* Checkout / action buttons — match the site's blue buttons */
.reflow-shopping-cart .ref-button,
.reflow-product .ref-button {
  background: #0d6efd;
  color: #ffffff;
  border: 0;
}

.reflow-shopping-cart .ref-button:hover,
.reflow-product .ref-button:hover {
  background: #0b5ed7;
  color: #ffffff;
}