.elementor-kit-6{--e-global-color-primary:#0B1730;--e-global-color-secondary:#1574E8;--e-global-color-text:#F5F7FA;--e-global-color-accent:#5FCB67;--e-global-color-44e74c5:#08101F;--e-global-color-88cf73f:#111E34;--e-global-color-dd5c386:#172742;--e-global-color-5b0a983:#233655;--e-global-color-c2a6e4a:#8FA1B8;--e-global-color-c58bb4d:#3D96FF;--e-global-color-95b3a45:#FFFFFF;--e-global-color-5cba8c5:#D7B35C;--e-global-color-112cb2c:#D89A3C;--e-global-color-d7e8f51:#6C3AED;--e-global-color-efc4f6d:#10C98A;--e-global-color-c6068b0:#C97A5B;--e-global-color-6793a80:#72D64A;--e-global-typography-primary-font-family:"Inter";--e-global-typography-primary-font-size:40px;--e-global-typography-primary-font-weight:800;--e-global-typography-secondary-font-family:"Inter";--e-global-typography-secondary-font-size:18px;--e-global-typography-secondary-font-weight:600;--e-global-typography-text-font-family:"Inter";--e-global-typography-text-font-size:18px;--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Inter";--e-global-typography-accent-font-weight:700;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1360px;}.e-con{--container-max-width:1360px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* ==========================================================================
   Apex Helix Labs — Cart & Checkout Dark Theme
   REV 2 — rewritten for WooCommerce BLOCKS (Gutenberg cart/checkout),
   confirmed via devtools: your cart uses wc-block-cart-items /
   wc-block-components-* classes, NOT the classic shortcode markup
   (table.shop_table / cart_totals) the first version targeted.

   Paste into: Elementor -> Site Settings -> Custom CSS
   OR: Appearance -> Customize -> Additional CSS

   Everything is scoped to .wp-block-woocommerce-cart /
   .wp-block-woocommerce-checkout wrappers so nothing else is affected.
   ========================================================================== */

/* ---------- Page background ---------- */
body.woocommerce-cart,
body.woocommerce-checkout,
body.woocommerce-cart main,
body.woocommerce-checkout main {
  background-color: #0b0f1a !important;
}

/* ==========================================================================
   CART BLOCK
   ========================================================================== */

.wp-block-woocommerce-cart,
.wc-block-cart {
  color: #e5e7eb !important;
}

/* Column header row (PRODUCT / TOTAL) */
.wc-block-cart-items thead,
.wc-block-cart-items thead th,
.wc-block-cart-items .wc-block-cart-items__header,
.wc-block-cart-items .wc-block-cart-items__header-image,
.wc-block-cart-items .wc-block-cart-items__header-product,
.wc-block-cart-items .wc-block-cart-items__header-total {
  color: #9ca3af !important;
  text-transform: uppercase !important;
  font-size: 12px !important;
  letter-spacing: 0.05em !important;
  border-bottom: 1px solid #1f2937 !important;
  background: transparent !important;
}

/* Table + rows */
.wc-block-cart-items,
table.wc-block-cart-items {
  background: transparent !important;
  border: none !important;
}

.wc-block-cart-items__row,
.wc-block-cart-items tr {
  border-bottom: 1px solid #1f2937 !important;
}

.wc-block-cart-items tr td {
  border-bottom: 1px solid #1f2937 !important;
  color: #e5e7eb !important;
}

/* Product image */
.wc-block-cart-item__image img {
  border-radius: 8px !important;
}

/* Product title link */
.wc-block-components-product-name {
  color: #60a5fa !important;
  font-weight: 600 !important;
  text-decoration: none !important;
}

/* Product price / subtotal text (unit price under title, and right-column total) */
.wc-block-cart-item__prices,
.wc-block-components-product-price,
.wc-block-components-formatted-money-amount,
.wc-block-cart-item__total,
.wc-block-cart-items__row .wc-block-cart-item__total {
  color: #ffffff !important;
}

/* Short description text under product name, if theme injects it */
.wc-block-components-product-metadata,
.wc-block-components-product-metadata * {
  color: #9ca3af !important;
}

/* Quantity stepper */
.wc-block-components-quantity-.elementor-kit-6 {
  border: 1px solid #374151 !important;
  border-radius: 6px !important;
  background: #111827 !important;
  overflow: hidden !important;
}

.wc-block-components-quantity-.elementor-kit-6 input.wc-block-components-quantity-.elementor-kit-6__input {
  background: transparent !important;
  color: #ffffff !important;
  border: none !important;
}

.wc-block-components-quantity-.elementor-kit-6__button {
  background: transparent !important;
  color: #9ca3af !important;
  border: none !important;
}

.wc-block-components-quantity-.elementor-kit-6__button:hover {
  color: #ffffff !important;
}

/* Remove item link */
.wc-block-cart-item__remove-link {
  color: #9ca3af !important;
}

.wc-block-cart-item__remove-link:hover {
  color: #f87171 !important;
}

/* ---------- Sidebar: Cart totals card ---------- */
.wc-block-cart__sidebar,
.wc-block-components-sidebar,
.wp-block-woocommerce-cart-order-summary-block,
.wc-block-cart__totals-title,
.wc-block-components-totals-wrapper {
  background: #111827 !important;
  border: 1px solid #1f2937 !important;
  border-radius: 16px !important;
}

.wc-block-components-sidebar > * {
  background: transparent !important;
}

.wc-block-cart__totals-title,
.wp-block-woocommerce-cart-order-summary-heading-block {
  color: #9ca3af !important;
  text-transform: uppercase !important;
  font-size: 12px !important;
  letter-spacing: 0.05em !important;
  border: none !important;
  background: transparent !important;
}

/* "Add coupons" toggle link */
.wc-block-components-totals-coupon-link,
.wc-block-components-panel__button {
  color: #60a5fa !important;
}

/* Estimated total row */
.wc-block-components-totals-item,
.wc-block-components-totals-item__label,
.wc-block-components-totals-item__value,
.wp-block-woocommerce-cart-order-summary-totals-block {
  color: #ffffff !important;
  border-color: #1f2937 !important;
}

.wc-block-components-totals-item__description {
  color: #9ca3af !important;
}

/* Coupon input field, once expanded */
.wc-block-components-totals-coupon input,
.wc-block-components-text-input input {
  background: #0b0f1a !important;
  border: 1px solid #374151 !important;
  color: #ffffff !important;
  border-radius: 6px !important;
}

/* Express pay buttons container (Apple Pay / Google Pay / Link) —
   already dark, just make sure the "OR" divider text is visible */
.wc-block-checkout__payment-method .wc-block-components-express-payment-continue-rule-line,
.wc-block-components-express-payment__event-buttons ~ p,
.wc-block-checkout__separator-text {
  color: #6b7280 !important;
}

/* ---------- Proceed to Checkout button ---------- */
.wc-block-cart__submit,
.wp-block-woocommerce-proceed-to-checkout-block,
a.wc-block-cart__submit-button,
.wc-block-cart__submit-button {
  background: #2563eb !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 10px !important;
  font-weight: 600 !important;
}

a.wc-block-cart__submit-button:hover,
.wc-block-cart__submit-button:hover {
  background: #1d4ed8 !important;
  color: #ffffff !important;
}

/* ==========================================================================
   CHECKOUT — WooLentor Checkout Builder
   Your checkout is WooLentor's Shopify-style checkout builder wrapping
   the classic WooCommerce form. Confirmed via page source: real classes
   are woolentor-checkout__*, not WooCommerce Blocks or classic WC markup.
   ========================================================================== */

body.woolentor-checkout__box {
  background-color: #0b0f1a !important;
}

.woolentor-checkout__box,
.woolentor-checkout__container,
.woolentor-checkout__left-sidebar,
.woolentor-checkout__body {
  background: transparent !important;
  color: #e5e7eb !important;
}

/* Logo — was rendering at native 1365x768px with no size cap */
.woolentor-checkout__logo .custom-logo {
  max-width: 160px !important;
  height: auto !important;
  width: auto !important;
}

.woolentor-checkout__header {
  padding: 20px 0 !important;
}

/* Breadcrumb: Cart > Information > Payment */
.woolentor-checkout__breadcrumb {
  list-style: none;
  display: flex;
  gap: 8px;
  padding: 0;
  margin: 16px 0 24px;
}

.woolentor-checkout__breadcrumb-item,
.woolentor-checkout__breadcrumb-link,
.woolentor-checkout__breadcrumb-text {
  color: #6b7280 !important;
  font-size: 13px !important;
}

.woolentor-checkout__breadcrumb-item.active .woolentor-checkout__breadcrumb-text,
.woolentor-checkout__breadcrumb-item.active {
  color: #ffffff !important;
  font-weight: 600 !important;
}

/* Section headers: "Contact information", "Billing address",
   "Choose a Payment Gateway" */
.woolentor-checkout__section-title {
  color: #9ca3af !important;
  text-transform: uppercase !important;
  font-size: 12px !important;
  letter-spacing: 0.05em !important;
  font-weight: 600 !important;
  margin-bottom: 16px !important;
}

/* Form fields (billing address, email) */
.woocommerce-billing-fields input.input-text,
.woolentor-checkout__section input[type="text"],
.woolentor-checkout__section input[type="email"],
.woolentor-checkout__section select {
  background: #111827 !important;
  border: 1px solid #374151 !important;
  color: #ffffff !important;
  border-radius: 8px !important;
  padding: 12px 14px !important;
}

.woocommerce-billing-fields label,
.woolentor-checkout__section label {
  color: #9ca3af !important;
}

.woocommerce-billing-fields ::placeholder {
  color: #6b7280 !important;
}

/* "— OR —" divider above/below express pay buttons */
#wc-stripe-express-checkout-button-separator {
  color: #6b7280 !important;
}

/* Payment method list */
.wc_payment_methods.payment_methods.methods {
  list-style: none;
  padding: 0;
}

.wc_payment_method {
  background: #111827 !important;
  border: 1px solid #1f2937 !important;
  border-radius: 12px !important;
  padding: 16px !important;
  margin-bottom: 12px !important;
}

.wc_payment_method label {
  color: #ffffff !important;
  font-weight: 600 !important;
}

.payment_box {
  background: transparent !important;
  color: #9ca3af !important;
  font-size: 13px !important;
}

.payment_box:before {
  display: none !important; /* remove default light-theme speech-bubble arrow */
}

.testmode-info {
  color: #9ca3af !important;
}

/* Privacy / terms text */
.woocommerce-privacy-policy-text,
.woocommerce-privacy-policy-text p {
  color: #9ca3af !important;
  font-size: 13px !important;
}

.woocommerce-privacy-policy-link {
  color: #60a5fa !important;
}

/* Primary buttons: Continue to payment / Place order / Apply coupon
   — all three literally share the same .woolentor-checkout__button class */
.woolentor-checkout__button {
  background: #2563eb !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 10px !important;
  padding: 14px 24px !important;
  font-weight: 600 !important;
  display: inline-block !important;
  text-align: center !important;
  text-decoration: none !important;
}

.woolentor-checkout__button:hover {
  background: #1d4ed8 !important;
  color: #ffffff !important;
}

/* Secondary text links: Return to cart / Return to information */
.woolentor-checkout__text-link {
  color: #9ca3af !important;
}

.woolentor-checkout__text-link:hover {
  color: #ffffff !important;
}

/* Footer policy links row */
.woolentor-checkout__footer,
.woolentor-checkout__policy-list a {
  color: #6b7280 !important;
}

/* ---------- RIGHT SIDEBAR: order summary card ---------- */
.woolentor-checkout__right-sidebar {
  background: #111827 !important;
  border-radius: 16px !important;
  padding: 24px !important;
  color: #e5e7eb !important;
}

.woolentor-checkout__right-sidebar .woolentor-checkout__header {
  padding: 0 0 16px !important;
}

/* Product rows */
.woolentor-checkout__product {
  border-bottom: 1px solid #1f2937 !important;
  padding: 16px 0 !important;
}

.woolentor-checkout__product-name a {
  color: #60a5fa !important;
  font-weight: 600 !important;
  text-decoration: none !important;
}

.woolentor-checkout__product-meta {
  color: #9ca3af !important;
}

.woolentor-checkout__product-price,
.woolentor-checkout__product-price .woocommerce-Price-amount {
  color: #ffffff !important;
  font-weight: 600 !important;
}

.woolentor-checkout__product-quantity {
  background: #374151 !important;
  color: #ffffff !important;
}

/* Coupon field in sidebar */
.woolentor-checkout__order-summary-section {
  border-top: 1px solid #1f2937 !important;
  padding-top: 16px !important;
  margin-top: 8px !important;
}

.woolentor-checkout__input {
  background: #0b0f1a !important;
  border: 1px solid #374151 !important;
  color: #ffffff !important;
  border-radius: 8px !important;
  padding: 12px 14px !important;
}

.woolentor-checkout__label {
  color: #9ca3af !important;
}

/* Subtotal / Total table */
.woocommerce-checkout-review-order-table,
.woocommerce-checkout-review-order-table th,
.woocommerce-checkout-review-order-table td {
  background: transparent !important;
  border-color: #1f2937 !important;
  color: #e5e7eb !important;
}

.woocommerce-checkout-review-order-table tr.order-total th,
.woocommerce-checkout-review-order-table tr.order-total td,
.woocommerce-checkout-review-order-table tr.order-total strong {
  color: #ffffff !important;
  font-size: 18px !important;
}

/* Links, generally, within checkout */
.woolentor-checkout__box a {
  color: #60a5fa;
}

/* ---------- FIX: Chrome autofill forcing light background ---------- */
.woolentor-checkout__box input:-webkit-autofill,
.woolentor-checkout__box input:-webkit-autofill:hover,
.woolentor-checkout__box input:-webkit-autofill:focus,
.woolentor-checkout__box input:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 1000px #111827 inset !important;
  -webkit-text-fill-color: #ffffff !important;
  caret-color: #ffffff !important;
  transition: background-color 9999s ease-in-out 0s;
}

/* ---------- FIX: floating label overlapping typed text ----------
   These fields already show a placeholder (e.g. "First name") inside
   the input itself, so the separate <label> is redundant on screen —
   visually hide it (keeps it for screen readers) instead of letting
   it float on top of the value. */
.woocommerce-billing-fields .woocommerce-input-wrapper label,
.woolentor-checkout__gift-card .woolentor-checkout__label {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}/* End custom CSS */