/* WooCommerce Overrides: Responsive Products Grid */
 /* Ensures UL.products uses CSS Grid and respects WooCommerce columns-* classes */
 
 .woocommerce ul.products,
.woocommerce-page ul.products,
ul.products {
  list-style: none;
  margin: 0 !important; /* kill Woo default margins that create big gaps */
  padding-left: 0;
  padding-right: 0;
  display: grid !important;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  grid-auto-rows: 1fr; /* unify row heights to avoid visual caverns */
   /* Ensure grid items fill available track width */
   justify-items: stretch;
   align-items: stretch;
   /* Neutralize Tailwind's multi-column utilities inadvertently applied via Woo's `.columns-*` class */
   columns: initial !important;
   column-count: initial !important;
   /* Enforce gaps (multiple syntaxes for safety) */
   gap: 1.5rem !important; /* 24px */
   row-gap: 1.5rem !important;
   column-gap: 1.5rem !important;
   grid-gap: 1.5rem !important;
   grid-row-gap: 1.5rem !important;
   grid-column-gap: 1.5rem !important;
   background-color: transparent;
 }
 
 @media (min-width: 640px) { /* sm */
  .woocommerce ul.products,
 .woocommerce-page ul.products,
 ul.products {
     grid-template-columns: repeat(2, minmax(0, 1fr));
     /* Enforce gaps (multiple syntaxes for safety) */
     gap: 1rem !important; /* 32px */
     row-gap: 1rem !important;
     column-gap: 1rem !important;
     grid-gap: 1rem !important;
     grid-row-gap: 1rem !important;
     grid-column-gap: 1rem !important;
     padding-left: 0;
     padding-right: 0;
   }
   .woocommerce ul.products li.product,
   .woocommerce-page ul.products li.product,
   ul.products li.product {
     padding: 0; /* no internal padding; spacing comes from grid gap */
   }
 }
 
 /* Tablet fallback rules to guarantee layout even if Tailwind utilities are stale */
@media (min-width: 768px) { /* md */
  /* Enforce 4-col main layout: 1 col sidebar + 3 col products */
  #shop-layout {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 1rem !important;
  }
  #shop-filters-col { grid-column: span 1 / span 1 !important; }
  #shop-products-col { grid-column: span 3 / span 3 !important; }

  /* Visibility control for filters UIs */
  .filters-mobile { display: none !important; }
  .filters-sidebar { display: block !important; }

  /* Ensure 3 product columns on tablet */
  .woocommerce ul.products,
  .woocommerce-page ul.products,
  ul.products {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .woocommerce ul.products.columns-3,
  .woocommerce-page ul.products.columns-3,
  ul.products.columns-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

 /* Remove WooCommerce clearfix pseudo-elements that can occupy or offset the first grid cell */
.woocommerce ul.products::before,
.woocommerce ul.products::after,
.woocommerce-page ul.products::before,
.woocommerce-page ul.products::after,
ul.products::before,
ul.products::after {
  content: none !important;
  display: none !important;
}
 
 /* Map WooCommerce columns classes on larger screens */
  @media (min-width: 1024px) { /* lg */

   /* Enforce 5-col main layout: 1 col sidebar + 4 col products */
   #shop-layout {
     display: grid !important;
     grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
     gap: 1rem !important;
   }
   #shop-filters-col { grid-column: span 1 / span 1 !important; }
   #shop-products-col { grid-column: span 4 / span 4 !important; }

   .woocommerce ul.products li.product,
   .woocommerce-page ul.products li.product,
   ul.products li.product {
     padding: 0; /* no internal padding; spacing comes from grid gap */
   }
   /* Shop landing page: enforce 4 columns by default at lg+ */
   #products-grid ul.products {
     grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
   }
   .woocommerce ul.products.columns-3,
   .woocommerce-page ul.products.columns-3,
   ul.products.columns-3 {
     grid-template-columns: repeat(3, minmax(0, 1fr));
   }
   .woocommerce ul.products.columns-4,
   .woocommerce-page ul.products.columns-4,
   ul.products.columns-4 {
     grid-template-columns: repeat(4, minmax(0, 1fr));
   }
   .woocommerce ul.products.columns-5,
   .woocommerce-page ul.products.columns-5,
   ul.products.columns-5 {
     grid-template-columns: repeat(5, minmax(0, 1fr));
   }
 }

/* Mini cart row layout - image left, content right */
.tcb-mini-cart-row {
  display: flex;
  gap: 12px;
  align-items: flex-start;
}

.tcb-mini-cart-body {
  flex: 1;
  min-width: 0;
}

.tcb-mini-cart-title {
  font-size: 15px;
  font-weight: 600;
  line-height: 1.3;
  margin: 0 0 4px 0;
  color: #111827;
}

.dark .tcb-mini-cart-title {
  color: #f9fafb;
}

.tcb-mini-cart-meta {
  font-size: 14px;
  color: #6b7280;
  margin-top: 4px;
}

.dark .tcb-mini-cart-meta {
  color: #9ca3af;
}

/* Mini cart: 16:9 thumbnails + cleaner X icons */
.tcb-mini-cart-thumb {
  width: 88px;
  flex: 0 0 88px;
  aspect-ratio: 16 / 9;
  border-radius: 0.5rem;
  border: 1px solid #e5e7eb; /* gray-200 */
  background: #ffffff;
  overflow: hidden;
  position: relative;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
}
.tcb-mini-cart-thumb::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.03);
  pointer-events: none;
}
.dark .tcb-mini-cart-thumb {
  border-color: #374151; /* gray-700 */
  background: #111827; /* gray-900 */
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.3);
}
.dark .tcb-mini-cart-thumb::after {
  background: rgba(0, 0, 0, 0.12);
}

.tcb-mini-cart-thumb img,
img.tcb-mini-cart-thumb-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  border: 0;
  border-radius: 0;
  display: block;
}

.woocommerce-mini-cart .remove_from_cart_button i.fa-xmark,
#tcb-mini-cart-dropdown #tcb-mini-cart-close i.fa-xmark {
  border: 0 !important;
  box-shadow: none !important;
  filter: none !important;
  text-shadow: none !important;
  -webkit-text-stroke-width: 0 !important;
}
 
 /* Extra hard reset: if Tailwind `columns-*` wins specificity on UL, kill it */
 .woocommerce ul.products[class*="columns-"],
 .woocommerce-page ul.products[class*="columns-"],
 ul.products[class*="columns-"] {
   columns: initial !important;
   column-count: initial !important;
 }
 
 /* Reset any legacy float-based widths/margins if present */
 .woocommerce ul.products li.product,
.woocommerce-page ul.products li.product,
ul.products li.product {
  margin: 0 !important; /* override Woo margin-bottom: 2.992em, etc. */
  padding: 0 !important;
  float: none !important;
  clear: none !important;
  width: 100% !important; /* fill grid cell */
  max-width: none !important;
  display: flex; /* allow child to stretch full height */
}
 
 /* Reset legacy first/last helpers */
.woocommerce ul.products li.first,
.woocommerce-page ul.products li.first,
ul.products li.first,
.woocommerce ul.products li.last,
.woocommerce-page ul.products li.last,
ul.products li.last {
  margin: 0 !important;
  clear: none !important;
}

/* Defensive: when Woo applies column-based layout helpers, neutralize spacing */
.woocommerce ul.products.columns-1 li.product,
.woocommerce ul.products.columns-2 li.product,
.woocommerce ul.products.columns-3 li.product,
.woocommerce ul.products.columns-4 li.product,
.woocommerce ul.products.columns-5 li.product,
.woocommerce-page ul.products.columns-1 li.product,
.woocommerce-page ul.products.columns-2 li.product,
.woocommerce-page ul.products.columns-3 li.product,
.woocommerce-page ul.products.columns-4 li.product,
.woocommerce-page ul.products.columns-5 li.product,
ul.products.columns-1 li.product,
ul.products.columns-2 li.product,
ul.products.columns-3 li.product,
ul.products.columns-4 li.product,
ul.products.columns-5 li.product {
  margin: 0 !important;
}

/* Ensure UL has no unexpected bottom margin applied by themes/plugins */
.woocommerce .products,
.woocommerce-page .products {
  margin-bottom: 0 !important;
}
 
 /* Ensure the product card fills the grid cell */
 .woocommerce ul.products li.product > *,
 .woocommerce-page ul.products li.product > *,
 ul.products li.product > * {
   width: 100%;
 }

/* Price normalization moved to SCSS: assets/scss/components/_woocommerce-overrides.scss */

/* -------- TCB Price Slider (shared) -------- */
.tcb-price-slider{ touch-action: pan-y; overscroll-behavior-x: contain; }
.tcb-price-slider input[type=range]{ touch-action: none; -webkit-appearance:none; appearance:none; background:transparent; margin:0; padding:0; }
.tcb-price-slider .tcb-track{ width:100%; }

/* Hide native track so our custom track/fill visually dominate */
.tcb-price-slider input[type=range]::-webkit-slider-runnable-track{ height:0; background:transparent; }
.tcb-price-slider input[type=range]::-moz-range-track{ height:0; background:transparent; }

/* Thumb styling (uses brand purple) */
.tcb-price-slider input[type=range]::-webkit-slider-thumb{
  -webkit-appearance:none; appearance:none; width:18px; height:18px; border-radius:9999px;
  background:#8D5BC1; border:3px solid #fff; box-shadow:0 0 0 2px rgba(141,91,193,0.35);
  /* Center over ~16px track + 1px border by nudging up */
  margin-top:-6px; transform: translateY(0);
}
.tcb-price-slider input[type=range]::-moz-range-thumb{
  width:18px; height:18px; border-radius:9999px; background:#8D5BC1; border:3px solid #fff;
  box-shadow:0 0 0 2px rgba(141,91,193,0.35);
  transform: translateY(-5px);
}

@media (prefers-color-scheme: dark){
  /* Keep white border in dark mode as requested */
  .tcb-price-slider input[type=range]::-webkit-slider-thumb{ border-color:#ffffff; margin-top: -9px; }
  .tcb-price-slider input[type=range]::-moz-range-thumb{ border-color:#ffffff; margin-top: -9px; }
}

/* -------- Single Product Page Styles (moved from inline for SEO) -------- */
.related-products h2 {
  margin-bottom: 0.5rem;
  font-size: clamp(1.5rem, 2.2vw, 1.85rem);
  line-height: 1.2;
}

/* Sticky gallery fixes (iPad/Safari + admin bar) */
.tcb-sticky-gallery { align-self: start; }
@media (min-width: 768px) {
  .tcb-sticky-gallery { position: sticky; top: 5rem; }
  body.admin-bar .tcb-sticky-gallery { top: 1rem; }
}
@supports (position: -webkit-sticky) {
  @media (min-width: 768px) {
    .tcb-sticky-gallery { position: -webkit-sticky; }
  }
}

/* -------- Checkout + Native Payments (Stripe / Express) -------- */
.tcb-checkout-page {
  --tcb-checkout-shell-max: 1180px;
  --tcb-checkout-sidebar-width: 380px;
  --tcb-checkout-stack-gap: 0.75rem;
  --tcb-checkout-stack-gap-md: 0.875rem;
  --tcb-checkout-title-gap: 0.5rem;
  --tcb-checkout-title-gap-md: 0.65rem;
  --tcb-checkout-card-radius: 1rem;
  --tcb-checkout-page-pt: 0.5rem;
  --tcb-checkout-page-px: 0.75rem;
  --tcb-checkout-page-pb: 1.5rem;
  --tcb-checkout-page-pt-md: 0.625rem;
  --tcb-checkout-page-px-md: 1rem;
  --tcb-checkout-page-pb-md: 1.75rem;
  --tcb-checkout-title-size: clamp(2rem, 4.2vw, 2.9rem);
  --tcb-checkout-title-line-height: 1.05;
  --tcb-checkout-title-tracking: -0.02em;
  --tcb-checkout-title-align: left;
  --tcb-checkout-order-review-padding: 1.25rem;
  --tcb-checkout-sidebar-sticky-top: calc(var(--header-height, 72px) + var(--wpadminbar-height, 0px) + 24px);
  --tcb-checkout-free-sidebar-sticky-top: calc(var(--header-height, 72px) + var(--wpadminbar-height, 0px) + 12px);
  --tcb-checkout-payment-top: 0.625rem;
  --tcb-checkout-place-order-gap: 0.625rem;
  --tcb-checkout-free-payment-top: 0.5rem;
  --tcb-checkout-free-sidebar-width: 340px;
  --tcb-checkout-free-sidebar-min: 280px;
  --tcb-checkout-free-sidebar-max: 360px;
  --tcb-checkout-free-layout-gap: 0.875rem;
  --tcb-checkout-free-main-gap: 0.75rem;
  --tcb-checkout-free-card-radius: 0.9rem;
  --tcb-checkout-free-card-padding: 1rem;
  --tcb-checkout-free-fields-gap: 0.625rem;
  --tcb-checkout-free-field-min-h: 3.2rem;
  --tcb-checkout-free-legal-gap: 0.625rem;
  --tcb-checkout-free-submit-gap: 0.5rem;
  --tcb-checkout-free-submit-py: 0.82rem;
  --tcb-checkout-free-cart-max-h: 260px;
  --tcb-checkout-alert-border: #facc15;
  --tcb-checkout-alert-accent: #FFA500;
  --tcb-checkout-alert-bg: #fff7db;
  --tcb-checkout-alert-text: #6c4a00;
  background: transparent;
  border-radius: 0;
  max-width: var(--tcb-checkout-shell-max);
  margin: 0 auto;
  padding: var(--tcb-checkout-page-pt) var(--tcb-checkout-page-px) var(--tcb-checkout-page-pb);
}
@media (min-width: 768px) {
  .tcb-checkout-page {
    padding: var(--tcb-checkout-page-pt-md) var(--tcb-checkout-page-px-md) var(--tcb-checkout-page-pb-md);
  }
}
.tcb-checkout-shell {
  max-width: none;
  margin: 0;
}
.tcb-checkout-title {
  margin: 0 0 var(--tcb-checkout-title-gap);
  text-align: var(--tcb-checkout-title-align);
  font-size: var(--tcb-checkout-title-size);
  line-height: var(--tcb-checkout-title-line-height);
  letter-spacing: var(--tcb-checkout-title-tracking);
  text-wrap: balance;
  overflow-wrap: anywhere;
}
@media (min-width: 768px) {
  .tcb-checkout-page {
    --tcb-checkout-stack-gap: var(--tcb-checkout-stack-gap-md);
    --tcb-checkout-title-gap: var(--tcb-checkout-title-gap-md);
  }
}

/* Reset Woo base boxes inside our custom checkout layout */
.tcb-checkout {
  background: transparent;
  border: 0;
  padding: 0;
}
.tcb-checkout-shell,
.tcb-checkout-content,
.tcb-checkout,
.tcb-checkout__layout,
.tcb-checkout__main,
.tcb-checkout__sidebar {
  min-width: 0;
}
.tcb-checkout .woocommerce-checkout-review-order,
.tcb-checkout #payment {
  background: transparent;
  border: 0;
  padding: 0;
}

/* Stripe/Shopify-ish two-column checkout */
.tcb-checkout__layout {
  display: grid;
  gap: var(--tcb-checkout-stack-gap);
  align-items: start;
}
@media (min-width: 1024px) {
  .tcb-checkout__layout {
    grid-template-columns: minmax(0, 1fr) var(--tcb-checkout-sidebar-width);
    gap: calc(var(--tcb-checkout-stack-gap) + 0.25rem);
  }
  .tcb-checkout__sidebar {
    position: sticky;
    top: var(--tcb-checkout-sidebar-sticky-top);
  }
}
.tcb-checkout__main,
.tcb-checkout__sidebar {
  display: flex;
  flex-direction: column;
  gap: var(--tcb-checkout-stack-gap);
}
body.woocommerce-checkout .tcb-checkout .woocommerce-notices-wrapper {
  margin: 0 0 var(--tcb-checkout-stack-gap) 0;
}
body.woocommerce-checkout .tcb-checkout .woocommerce-notices-wrapper:empty {
  display: none;
}

/* Free checkout mode: tighten layout so email-only checkout feels intentional */
.tcb-checkout--free {
  --tcb-checkout-sidebar-width: var(--tcb-checkout-free-sidebar-width);
}
@media (min-width: 1024px) {
  .tcb-checkout--free .tcb-checkout__layout {
    grid-template-columns: minmax(0, 1fr) minmax(var(--tcb-checkout-free-sidebar-min), 34%);
    gap: var(--tcb-checkout-free-layout-gap);
    align-items: start;
  }
  .tcb-checkout--free .tcb-checkout__sidebar {
    width: 100%;
    max-width: var(--tcb-checkout-free-sidebar-max);
    justify-self: end;
    top: var(--tcb-checkout-free-sidebar-sticky-top);
  }
}
.tcb-checkout--free .tcb-checkout__section {
  padding: 0;
}
.tcb-checkout--free .tcb-checkout__section-title {
  margin-bottom: 0.625rem;
  font-size: 1.05rem;
  line-height: 1.2;
}
.tcb-checkout--free .tcb-checkout__main {
  gap: var(--tcb-checkout-free-main-gap);
}
.tcb-checkout--free .tcb-checkout__fields-group,
.tcb-checkout--free .tcb-checkout__order-review {
  border-radius: var(--tcb-checkout-free-card-radius);
  padding: var(--tcb-checkout-free-card-padding);
}
.tcb-checkout--free .tcb-checkout__fields {
  gap: var(--tcb-checkout-free-fields-gap);
}
body.woocommerce-checkout .tcb-checkout--free .tcb-checkout__fields {
  --tcb-checkout-field-min-h: var(--tcb-checkout-free-field-min-h);
}
.tcb-checkout--free .tcb-checkout__newsletter-optin {
  margin-top: 0.2rem;
}
.tcb-checkout--free .tcb-checkout__terms-newsletter {
  margin: 0.4rem 0 0.25rem;
}
.tcb-checkout--free .tcb-checkout__newsletter-optin .woocommerce-form__label-for-checkbox,
.tcb-checkout--free .tcb-checkout__newsletter-optin label {
  display: flex;
  align-items: flex-start;
  gap: 0.6rem;
  font-size: 0.95rem;
  font-weight: 600;
  line-height: 1.35;
}
.tcb-checkout--free .tcb-checkout__newsletter-optin input[type="checkbox"] {
  width: 1rem;
  height: 1rem;
  margin-top: 0.15rem;
}
.tcb-checkout--free .tcb-checkout__cart-items {
  max-height: var(--tcb-checkout-free-cart-max-h);
  overflow: auto;
  padding-right: 0.2rem;
}
.tcb-checkout--free .tcb-checkout__cart-item {
  padding: 0.625rem 0;
}
.tcb-checkout--free .woocommerce-privacy-policy-text {
  font-size: 0.9rem;
  line-height: 1.45;
  margin-bottom: 0;
}
.tcb-checkout--free .tcb-checkout__terms-row {
  margin-top: 0;
}
.tcb-checkout--free .tcb-checkout__submit,
.tcb-checkout--free #place_order {
  margin-top: var(--tcb-checkout-free-submit-gap);
  padding: var(--tcb-checkout-free-submit-py) 1rem;
}

.tcb-checkout__section {
  background: transparent;
  border: 0;
  border-radius: 0;
  padding: 0;
  box-shadow: none;
}

.tcb-checkout__order-review {
  background: var(--tcb-surface, #ffffff);
  border: 1px solid var(--tcb-border, #e5e7eb);
  border-radius: var(--tcb-checkout-card-radius);
  padding: var(--tcb-checkout-order-review-padding);
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.05);
}
.dark .tcb-checkout__order-review {
  background: #151515;
  border-color: #2a2a2a;
}

.tcb-checkout__section-title,
.tcb-checkout__payment-title {
  margin: 0 0 1rem 0;
  font-size: 1.125rem;
  line-height: 1.25rem;
  font-weight: 700;
  color: #111827;
}
.dark .tcb-checkout__section-title,
.dark .tcb-checkout__payment-title {
  color: #f9fafb;
}

/* Fields grid (billing/shipping) */
.tcb-checkout__fields {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.875rem 0.75rem;
}
.tcb-checkout__fields .form-row { margin: 0; }
.tcb-checkout__fields label {
  font-weight: 600;
  color: #111827;
  margin-bottom: 0.25rem;
  display: inline-block;
}
.dark .tcb-checkout__fields label { color: #f3f4f6; }

.tcb-checkout__fields input.input-text,
.tcb-checkout__fields select,
.tcb-checkout__fields textarea {
  width: 100%;
  padding: 0.75rem 0.875rem;
  border-radius: 0.75rem;
  border: 1px solid var(--tcb-input-border);
  background-color: var(--tcb-input-bg);
  color: #111827;
}

.dark .tcb-checkout__fields input.input-text,
.dark .tcb-checkout__fields select,
.dark .tcb-checkout__fields textarea {
  background-color: var(--tcb-input-bg-dark);
  border-color: var(--tcb-input-border-dark);
  color: #ffffff;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.04);
}

/* Select2 (Country/State) should match field styling */
.tcb-checkout__fields .select2-container--default .select2-selection--single {
  height: auto;
  min-height: 0;
  padding: 0.75rem 0.875rem;
  border-radius: 0.75rem;
  border: 1px solid var(--tcb-input-border);
  background-color: var(--tcb-input-bg);
}
.tcb-checkout__fields .select2-container--default .select2-selection--single .select2-selection__rendered {
  padding-left: 0;
  line-height: 1.25rem;
  color: #111827;
}
.tcb-checkout__fields .select2-container--default .select2-selection--single .select2-selection__arrow {
  top: 0;
  right: 0.75rem;
  height: 100%;
}
.dark .tcb-checkout__fields .select2-container--default .select2-selection--single {
  background-color: var(--tcb-input-bg-dark);
  border-color: var(--tcb-input-border-dark);
}
.dark .tcb-checkout__fields .select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #ffffff;
}

/* Checkout field unification: match State select style across all fields */
body.woocommerce-checkout .tcb-checkout__fields {
  --tcb-checkout-field-border: #c3c9d2;
  --tcb-checkout-field-border-hover: #aab3bf;
  --tcb-checkout-field-bg: #ffffff;
  --tcb-checkout-field-radius: 1rem;
  --tcb-checkout-field-min-h: 3.5rem;
}

body.woocommerce-checkout .tcb-checkout__fields .form-row .input-text,
body.woocommerce-checkout .tcb-checkout__fields .form-row select,
body.woocommerce-checkout .tcb-checkout__fields .form-row textarea,
body.woocommerce-checkout .tcb-checkout__fields .select2-container--default .select2-selection--single {
  width: 100% !important;
  max-width: none !important;
  border: 1px solid var(--tcb-checkout-field-border) !important;
  border-radius: var(--tcb-checkout-field-radius) !important;
  background: var(--tcb-checkout-field-bg) !important;
  min-height: var(--tcb-checkout-field-min-h) !important;
  padding: 0.875rem 1rem !important;
  font-size: 1rem !important;
  line-height: 1.35 !important;
  transition: border-color 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease;
}

body.woocommerce-checkout .tcb-checkout__fields .form-row .woocommerce-input-wrapper {
  display: block !important;
  width: 100% !important;
}

body.woocommerce-checkout .tcb-checkout__fields .form-row textarea {
  min-height: 7.25rem !important;
}

body.woocommerce-checkout .tcb-checkout__fields .select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #111827 !important;
  line-height: 1.35 !important;
  padding-left: 0 !important;
  padding-right: 1.5rem !important;
}

body.woocommerce-checkout .tcb-checkout__fields .select2-container--default .select2-selection--single .select2-selection__arrow {
  right: 0.9rem !important;
}

body.woocommerce-checkout .tcb-checkout__fields .form-row .input-text:hover,
body.woocommerce-checkout .tcb-checkout__fields .form-row select:hover,
body.woocommerce-checkout .tcb-checkout__fields .form-row textarea:hover,
body.woocommerce-checkout .tcb-checkout__fields .select2-container--default .select2-selection--single:hover {
  border-color: var(--tcb-checkout-field-border-hover) !important;
}

body.woocommerce-checkout .tcb-checkout__fields .form-row .input-text:focus,
body.woocommerce-checkout .tcb-checkout__fields .form-row select:focus,
body.woocommerce-checkout .tcb-checkout__fields .form-row textarea:focus,
body.woocommerce-checkout .tcb-checkout__fields .select2-container--default.select2-container--focus .select2-selection--single,
body.woocommerce-checkout .tcb-checkout__fields .select2-container--default.select2-container--open .select2-selection--single {
  border-color: var(--tcb-brand-purple, #8D5BC1) !important;
  box-shadow: 0 0 0 2px color-mix(in oklab, var(--tcb-brand-purple, #8D5BC1) 25%, transparent) !important;
  outline: none !important;
}
.tcb-checkout__fields .select2-container--default.select2-container--focus .select2-selection--single,
.tcb-checkout__fields .select2-container--default.select2-container--open .select2-selection--single {
  border-color: var(--tcb-brand-purple, #8D5BC1);
  box-shadow: 0 0 0 2px color-mix(in oklab, var(--tcb-brand-purple, #8D5BC1) 35%, transparent);
}

/* Additional info (order notes) should be full-width like modern checkouts */
.tcb-checkout__additional-fields .tcb-checkout__fields {
  grid-template-columns: 1fr !important;
}

@media (min-width: 768px) {
  .tcb-checkout__fields { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .tcb-checkout__fields .form-row-wide { grid-column: 1 / -1; }
  body.woocommerce-checkout .tcb-checkout__fields .form-row-first,
  body.woocommerce-checkout .tcb-checkout__fields .form-row-last { width: 100% !important; max-width: none !important; float: none !important; display: block !important; }
  .tcb-checkout__fields .form-row-first,
  .tcb-checkout__fields .form-row-last { width: 100%; float: none; display: block; }
}

/* Order review summary */
.tcb-checkout__review-table { display: flex; flex-direction: column; gap: 1rem; }
.tcb-checkout__cart-items { border-bottom: 1px solid var(--tcb-border, #e5e7eb); padding-bottom: 1rem; }
.dark .tcb-checkout__cart-items { border-color: #1f2937; }

.tcb-checkout__cart-item {
  display: grid;
  grid-template-columns: 56px minmax(0, 1fr) auto;
  gap: 0.75rem;
  align-items: start;
  padding: 0.75rem 0;
}
.tcb-checkout__cart-item + .tcb-checkout__cart-item { border-top: 1px solid var(--tcb-border, #e5e7eb); }
.dark .tcb-checkout__cart-item + .tcb-checkout__cart-item { border-color: #1f2937; }

.tcb-checkout-thumb {
  width: 56px;
  height: 56px;
  border-radius: 0.75rem;
  overflow: hidden;
  border: 1px solid var(--tcb-border, #e5e7eb);
  background: #fff;
}
.dark .tcb-checkout-thumb { border-color: #2a2a2a; background: #1a1a1a; }
.tcb-checkout-thumb img,
img.tcb-checkout-thumb-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
}

.tcb-checkout__item-name { font-weight: 700; line-height: 1.25rem; color: #111827; }
.dark .tcb-checkout__item-name { color: #f9fafb; }
.tcb-checkout__item-qty { font-weight: 600; color: #6b7280; }
.dark .tcb-checkout__item-qty { color: #9ca3af; }
.tcb-checkout__item-total { font-weight: 700; color: #111827; white-space: nowrap; }
.dark .tcb-checkout__item-total { color: #f9fafb; }

.tcb-checkout__totals { display: flex; flex-direction: column; gap: 0.5rem; }
.tcb-checkout__totals-row { display: flex; align-items: center; justify-content: space-between; gap: 1rem; }
.tcb-checkout__totals-label { color: #374151; font-weight: 600; }
.dark .tcb-checkout__totals-label { color: #d1d5db; }
.tcb-checkout__totals-value { color: #111827; font-weight: 700; }
.dark .tcb-checkout__totals-value { color: #f9fafb; }
.tcb-checkout__order-total .tcb-checkout__totals-value { font-size: 1.125rem; }
.dark .tcb-checkout__order-total .tcb-checkout__totals-value { color: #a78bfa; }

.woocommerce #payment .wc_payment_methods {
  border: 0;
  padding: 0;
  margin: 0 0 1rem 0;
}
.tcb-checkout #payment {
  margin-top: var(--tcb-checkout-payment-top);
}
.tcb-checkout--free #payment {
  margin-top: var(--tcb-checkout-free-payment-top);
}
.tcb-checkout__place-order.form-row,
.tcb-checkout__place-order {
  margin: 0 !important;
  padding: 0 !important;
  display: flex;
  flex-direction: column;
  gap: var(--tcb-checkout-place-order-gap);
}
.tcb-checkout .woocommerce-terms-and-conditions-wrapper {
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: var(--tcb-checkout-place-order-gap);
}
.tcb-checkout .woocommerce-privacy-policy-text {
  margin: 0;
}
.tcb-checkout__terms-row {
  margin: 0 !important;
}
.tcb-checkout__newsletter-optin,
.tcb-checkout__terms-newsletter {
  margin: 0 !important;
}
.tcb-checkout--free .tcb-checkout__place-order.form-row,
.tcb-checkout--free .tcb-checkout__place-order,
.tcb-checkout--free .woocommerce-terms-and-conditions-wrapper {
  gap: var(--tcb-checkout-free-legal-gap);
}

.woocommerce #payment .wc_payment_method label,
.woocommerce #payment .wc_payment_method .payment_method_title {
  font-weight: 600;
}

.woocommerce #payment div.payment_box {
  background: #f9fafb;
  border: 1px solid var(--tcb-border, #e5e7eb);
  border-radius: .75rem;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.06);
}
html.dark .woocommerce #payment div.payment_box {
  background: #151515;
  border-color: #2a2a2a;
}

.tcb-checkout__payment-methods .wc_payment_method {
  border: 1px solid var(--tcb-border, #e5e7eb);
  border-radius: 0.75rem;
  padding: 0.875rem;
  background: var(--tcb-surface, #ffffff);
}
.tcb-checkout__payment-methods .wc_payment_method + .wc_payment_method { margin-top: 0.75rem; }
.dark .tcb-checkout__payment-methods .wc_payment_method {
  background: #151515;
  border-color: #2a2a2a;
}

.tcb-checkout__payment-methods label {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  font-weight: 700;
  color: #111827;
  cursor: pointer;
}
.dark .tcb-checkout__payment-methods label { color: #f9fafb; }
.tcb-checkout__payment-methods .input-radio { margin-right: 0.5rem; }

.tcb-checkout__submit,
.tcb-checkout #place_order {
  width: 100%;
  margin-top: 0.75rem;
  border-radius: 0.75rem;
  padding: 0.9rem 1rem;
  background: #8D5BC1;
  color: #ffffff;
  border: 1px solid #7C4FB0;
  font-weight: 800;
  letter-spacing: 0.01em;
}
.tcb-checkout__submit:hover,
.tcb-checkout #place_order:hover {
  background: #7C4FB0;
  border-color: #6C449F;
}
.tcb-checkout__submit:focus-visible,
.tcb-checkout #place_order:focus-visible {
  outline: none;
  box-shadow: 0 0 0 3px color-mix(in oklab, #8D5BC1 45%, transparent);
}

/* Checkout notices: subtle brand-yellow warning style */
body.woocommerce-checkout .woocommerce-NoticeGroup,
body.woocommerce-checkout .woocommerce-NoticeGroup-checkout,
body.woocommerce-checkout .tcb-checkout__main .woocommerce-NoticeGroup,
body.woocommerce-checkout .tcb-checkout__main .woocommerce-NoticeGroup-checkout {
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  outline: none !important;
  box-shadow: none !important;
}
body.woocommerce-checkout form.tcb-checkout > .woocommerce-NoticeGroup-checkout,
body.woocommerce-checkout form.tcb-checkout > .woocommerce-NoticeGroup {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 0 var(--tcb-checkout-stack-gap, 1rem) 0 !important;
  margin-right: auto !important;
  box-sizing: border-box !important;
}
@media (min-width: 1024px) {
  body.woocommerce-checkout form.tcb-checkout > .woocommerce-NoticeGroup-checkout,
  body.woocommerce-checkout form.tcb-checkout > .woocommerce-NoticeGroup {
    max-width: 100% !important;
  }
}
body.woocommerce-checkout .tcb-checkout__main > .woocommerce-notices-wrapper {
  margin: 0 0 var(--tcb-checkout-stack-gap, 1rem) 0 !important;
}
body.woocommerce-checkout .woocommerce-notices-wrapper,
body.woocommerce-checkout .tcb-checkout__main .woocommerce-notices-wrapper {
  margin: 0 !important;
}
body.woocommerce-checkout ul.woocommerce-error,
body.woocommerce-checkout .tcb-checkout__main ul.woocommerce-error {
  border: 1px solid var(--tcb-checkout-alert-border) !important;
  border-left: 4px solid var(--tcb-checkout-alert-accent) !important;
  border-radius: 0.875rem !important;
  background: var(--tcb-checkout-alert-bg) !important;
  color: var(--tcb-checkout-alert-text) !important;
  box-shadow: none !important;
  list-style: none !important;
  margin: 0 !important;
  padding: 0.875rem 1rem 0.875rem 2.4rem !important;
  outline: none !important;
}
body.woocommerce-checkout ul.woocommerce-error::before,
body.woocommerce-checkout .tcb-checkout__main ul.woocommerce-error::before {
  color: #a56f00 !important;
  left: 0.9rem !important;
  top: 0.9rem !important;
}
body.woocommerce-checkout ul.woocommerce-error li,
body.woocommerce-checkout ul.woocommerce-error a,
body.woocommerce-checkout ul.woocommerce-error *,
body.woocommerce-checkout .tcb-checkout__main ul.woocommerce-error li,
body.woocommerce-checkout .tcb-checkout__main ul.woocommerce-error a,
body.woocommerce-checkout .tcb-checkout__main ul.woocommerce-error * {
  color: inherit !important;
  font-weight: 600;
  text-decoration: none !important;
}
body.woocommerce-checkout ul.woocommerce-error:focus,
body.woocommerce-checkout ul.woocommerce-error:focus-visible,
body.woocommerce-checkout .woocommerce-NoticeGroup:focus,
body.woocommerce-checkout .woocommerce-NoticeGroup:focus-visible,
body.woocommerce-checkout .woocommerce-NoticeGroup-checkout:focus,
body.woocommerce-checkout .woocommerce-NoticeGroup-checkout:focus-visible {
  outline: none !important;
  box-shadow: 0 8px 20px rgba(255, 165, 0, 0.1) !important;
}
html.dark body.woocommerce-checkout {
  --tcb-checkout-alert-border: #8a6b0d;
  --tcb-checkout-alert-accent: #FFA500;
  --tcb-checkout-alert-bg: rgba(255, 165, 0, 0.14);
  --tcb-checkout-alert-text: #f8e7bf;
}
html.dark body.woocommerce-checkout ul.woocommerce-error,
html.dark body.woocommerce-checkout .tcb-checkout__main ul.woocommerce-error {
  box-shadow: none !important;
}
html.dark body.woocommerce-checkout ul.woocommerce-error::before,
html.dark body.woocommerce-checkout .tcb-checkout__main ul.woocommerce-error::before {
  color: #FFA500 !important;
}

/* Checkout processing overlay (blockUI) - avoid white flash during submit/update */
body.woocommerce-checkout .blockUI.blockOverlay,
body.woocommerce-checkout #payment .blockUI.blockOverlay,
body.woocommerce-checkout form.checkout .blockUI.blockOverlay {
  background: rgba(13, 13, 14, 0.72) !important;
  opacity: 1 !important;
}

/* Checkout links: brand purple, no underlines */
body.woocommerce-checkout .tcb-checkout a,
body.woocommerce-checkout .tcb-checkout .woocommerce-privacy-policy-text a,
body.woocommerce-checkout .woocommerce-form-coupon-toggle .showcoupon,
body.woocommerce-checkout .woocommerce-form-login-toggle .showlogin,
body.woocommerce-checkout .woocommerce-terms-and-conditions-wrapper a {
  color: var(--tcb-brand-purple, #8D5BC1) !important;
  text-decoration: none !important;
}
body.woocommerce-checkout .tcb-checkout a:hover,
body.woocommerce-checkout .tcb-checkout a:focus-visible,
body.woocommerce-checkout .woocommerce-form-coupon-toggle .showcoupon:hover,
body.woocommerce-checkout .woocommerce-form-login-toggle .showlogin:hover,
body.woocommerce-checkout .woocommerce-terms-and-conditions-wrapper a:hover {
  color: #7C4FB0 !important;
  text-decoration: none !important;
}

/* Checkout identity area (returning customer + account creation) */
body.woocommerce-checkout .woocommerce-form-login-toggle {
  margin: 0 0 0.625rem 0 !important;
}
body.woocommerce-checkout .woocommerce-form-login-toggle .woocommerce-info {
  position: relative;
  display: flex;
  align-items: center;
  gap: 0.45rem;
  list-style: none !important;
  margin: 0 !important;
  padding: 0.95rem 1.05rem 0.95rem 2.85rem !important;
  border: 1px solid #bfdbfe !important;
  border-left: 4px solid var(--tcb-brand-purple, #8D5BC1) !important;
  border-radius: 0.95rem !important;
  background: #eef4ff !important;
  color: #1e3a8a !important;
}
body.woocommerce-checkout .woocommerce-form-login-toggle .woocommerce-info::before {
  content: "\f007" !important;
  font-family: "Font Awesome 7 Free", "Font Awesome 6 Free", "Font Awesome 5 Free" !important;
  font-weight: 900 !important;
  font-size: 0.95rem !important;
  line-height: 1 !important;
  position: absolute;
  left: 0.95rem !important;
  top: 50% !important;
  transform: translateY(-50%);
  color: var(--tcb-brand-purple, #8D5BC1) !important;
}
body.woocommerce-checkout .woocommerce-form-login-toggle .woocommerce-info li {
  list-style: none !important;
  margin: 0 !important;
}
body.woocommerce-checkout .tcb-checkout__account-inline {
  margin-top: 1rem;
  padding-top: 1rem;
  border-top: 1px solid var(--tcb-border, #e5e7eb);
}
body.woocommerce-checkout .tcb-checkout__create-account--inline {
  margin: 0 !important;
}
body.woocommerce-checkout .tcb-checkout__create-account--inline .tcb-checkout__checkbox-label {
  margin: 0;
  align-items: flex-start;
  gap: 0.7rem;
}
body.woocommerce-checkout .tcb-checkout__identity-title {
  display: block;
  color: #111827;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.3;
}
body.woocommerce-checkout .tcb-checkout__identity-copy {
  display: block;
  margin-top: 0.18rem;
  color: #6b7280;
  font-size: 0.92rem;
  line-height: 1.45;
}
body.woocommerce-checkout .tcb-checkout__identity-required {
  margin: 0;
  color: #111827;
  font-weight: 600;
  line-height: 1.4;
}
body.woocommerce-checkout .tcb-checkout__create-account-fields--inline {
  margin-top: 0.75rem;
  padding: 0.75rem 0 0 0;
  border: 0;
  border-top: 1px dashed #d1d5db;
  border-radius: 0;
  background: transparent;
}
body.woocommerce-checkout .tcb-checkout__create-account-fields--inline .clear {
  display: none;
}
@media (min-width: 1024px) {
  body.woocommerce-checkout .woocommerce-form-login-toggle,
  body.woocommerce-checkout .woocommerce-form-login {
    max-width: calc(100% - var(--tcb-checkout-sidebar-width) - var(--tcb-checkout-stack-gap) - 0.25rem);
    margin-right: auto;
  }
}
html.dark body.woocommerce-checkout .woocommerce-form-login-toggle .woocommerce-info {
  border-color: #3b4250 !important;
  background: #1a2333 !important;
  color: #dbeafe !important;
}
html.dark body.woocommerce-checkout .woocommerce-form-login-toggle .woocommerce-info::before {
  color: #caa8ef !important;
}
html.dark body.woocommerce-checkout .tcb-checkout__account-inline {
  border-color: #2a2a2a;
}
html.dark body.woocommerce-checkout .tcb-checkout__create-account-fields--inline {
  border-top-color: #2f2f2f;
}
html.dark body.woocommerce-checkout .tcb-checkout__identity-title,
html.dark body.woocommerce-checkout .tcb-checkout__identity-required {
  color: #f5f5f5;
}
html.dark body.woocommerce-checkout .tcb-checkout__identity-copy {
  color: #c9c9c9;
}

/* Stripe / Express payment buttons */
.wc-stripe-payment-request-wrapper,
.wc-stripe-payment-request-button,
#wc-stripe-payment-request-button,
.wc-block-components-express-payment,
.wc-block-components-express-payment__content {
  width: 100%;
}

.wc-stripe-payment-request-wrapper,
.wc-block-components-express-payment {
  margin: 1rem 0;
}

.wc-block-components-express-payment__content > * {
  width: 100%;
}

/* Dark mode is controlled by the theme's `.dark` class (not OS preference) */

/* Image lightbox (mobile-first) with gestures */
.tcb-lightbox { position: fixed; inset: 0; background: rgba(0,0,0,.94); display: none; align-items: center; justify-content: center; z-index: 60; }
.tcb-lightbox.active { display: flex; }
.tcb-lightbox .tcb-lightbox-close { position: absolute; top: 12px; right: 12px; display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 9999px; background: rgba(255,255,255,.2); color: #fff; z-index: 3; }
.tcb-lightbox .tcb-stage { position: relative; width: 100vw; height: 100vh; display: flex; align-items: center; justify-content: center; overflow: hidden; }
.tcb-lightbox .tcb-img-wrap { touch-action: none; will-change: transform; }
.tcb-lightbox img { max-width: 100vw; max-height: 100vh; width: auto; height: auto; object-fit: contain; display: block; }
.tcb-lightbox .tcb-nav { position: absolute; top: 50%; transform: translateY(-50%); color: #fff; background: rgba(255,255,255,.15); width: 40px; height: 40px; border-radius: 9999px; display: flex; align-items: center; justify-content: center; z-index: 2; border: 2px solid rgba(255,255,255,.7); transition: background .15s ease, box-shadow .15s ease, border-color .15s ease; }
.tcb-lightbox .tcb-prev { left: 12px; }
.tcb-lightbox .tcb-next { right: 12px; }
.tcb-lightbox button { outline: none; -webkit-tap-highlight-color: transparent; }
.tcb-lightbox button:focus { outline: none; }
.tcb-lightbox .tcb-nav:hover { background: rgba(255,255,255,.2); border-color: rgba(255,255,255,.9); }

/* Checkout dark mode final override: grayscale (no navy surfaces) */
html.dark body.woocommerce-checkout .tcb-checkout__section,
html.dark body.woocommerce-checkout .tcb-checkout__order-review,
html.dark body.woocommerce-checkout .tcb-checkout__fields-group,
html.dark body.woocommerce-checkout .woocommerce-form-login,
html.dark body.woocommerce-checkout .checkout_coupon,
html.dark body.woocommerce-checkout .woocommerce #payment div.payment_box {
  background: #151515 !important;
  border-color: #2a2a2a !important;
}

html.dark body.woocommerce-checkout .tcb-checkout__fields input.input-text,
html.dark body.woocommerce-checkout .tcb-checkout__fields select,
html.dark body.woocommerce-checkout .tcb-checkout__fields textarea,
html.dark body.woocommerce-checkout .tcb-checkout__fields .select2-container--default .select2-selection--single {
  background: #101010 !important;
  border-color: #2a2a2a !important;
  color: #f5f5f5 !important;
}

html.dark body.woocommerce-checkout .tcb-checkout__fields .select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #f5f5f5 !important;
}

html.dark body.woocommerce-checkout .tcb-checkout-thumb {
  background: #1a1a1a !important;
  border-color: #2a2a2a !important;
}

html.dark body.woocommerce-checkout .tcb-checkout__payment-methods .wc_payment_method {
  background: #151515 !important;
  border-color: #2a2a2a !important;
}
.tcb-lightbox .tcb-nav:active { background: rgba(255,255,255,.3); }
.tcb-lightbox .tcb-lightbox-close:hover { background: rgba(255,255,255,.2); }
.tcb-lightbox .tcb-lightbox-close:active { background: rgba(255,255,255,.3); }
.tcb-lightbox button:focus-visible { box-shadow: 0 0 0 3px rgba(255,255,255,.55); }

/* Related products: cap columns to 4 at all sizes */
.related-products ul.products { display: grid; grid-template-columns: repeat(1, minmax(0,1fr)) !important; }
@media (min-width: 640px) { .related-products ul.products { grid-template-columns: repeat(2, minmax(0,1fr)) !important; } }
@media (min-width: 768px) { .related-products ul.products { grid-template-columns: repeat(3, minmax(0,1fr)) !important; } }
@media (min-width: 1024px) { .related-products ul.products { grid-template-columns: repeat(4, minmax(0,1fr)) !important; } }

/* ============================================
   CART PAGE IMPROVEMENTS
   ============================================ */

/* Cart notices: keep on-brand (no Woo default blue) */
.woocommerce-cart .woocommerce-notices-wrapper{
  margin: 0 0 1.25rem 0;
}
.woocommerce-cart .woocommerce-error,
.woocommerce-cart .woocommerce-message,
.woocommerce-cart .woocommerce-info{
  border: 1px solid var(--tcb-border, #e5e7eb) !important;
  border-top: 1px solid var(--tcb-border, #e5e7eb) !important;
  border-left-width: 4px !important;
  border-radius: 0.75rem !important;
  padding: 1rem 1.25rem 1rem 2.75rem !important;
  background: #ffffff !important;
  color: #111827 !important;
  box-shadow: 0 8px 18px rgba(15, 23, 42, 0.06);
  list-style: none !important;
  position: relative;
}
.woocommerce-cart .woocommerce-error li,
.woocommerce-cart .woocommerce-message li,
.woocommerce-cart .woocommerce-info li{
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}
.woocommerce-cart .woocommerce-error li::marker,
.woocommerce-cart .woocommerce-message li::marker,
.woocommerce-cart .woocommerce-info li::marker{
  content: '' !important;
  display: none !important;
}
.woocommerce-cart .woocommerce-info{
  border-color: #c4b5fd !important;
  border-top-color: #c4b5fd !important;
  border-left-color: var(--brand-purple-500, #8D5BC1) !important;
  background: color-mix(in oklab, var(--brand-purple-500, #8D5BC1) 10%, #ffffff) !important;
  color: #4c1d95 !important;
}
.woocommerce-cart .woocommerce-info::before{
  color: var(--brand-purple-500, #8D5BC1) !important;
  left: 0.95rem !important;
  top: 50% !important;
  transform: translateY(-50%);
}
.woocommerce-cart .woocommerce-message{
  border-color: #fcd34d !important;
  border-top-color: #fcd34d !important;
  border-left-color: #f59e0b !important;
  background: #fffbeb !important;
  color: #92400e !important;
}
.woocommerce-cart .woocommerce-message::before{
  color: #f59e0b !important;
  left: 0.95rem !important;
  top: 50% !important;
  transform: translateY(-50%);
}
.woocommerce-cart .woocommerce-error{
  border-color: #fecaca !important;
  border-top-color: #fecaca !important;
  border-left-color: #dc2626 !important;
  background: #fef2f2 !important;
  color: #991b1b !important;
}
.woocommerce-cart .woocommerce-error::before{
  color: #dc2626 !important;
  left: 0.95rem !important;
  top: 50% !important;
  transform: translateY(-50%);
}
.woocommerce-cart .woocommerce-message a{
  color: #8D5BC1 !important;
  text-decoration: none !important;
  font-weight: 700;
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
}
.woocommerce-cart .woocommerce-message a::before{
  content: "\f2ea";
  font-family: "Font Awesome 7 Free", "Font Awesome 6 Free", "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 0.95em;
  line-height: 1;
}
.woocommerce-cart .woocommerce-message a:hover{
  color: #7C4FB0 !important;
  text-decoration: none !important;
}
.dark .woocommerce-cart .woocommerce-error,
.dark .woocommerce-cart .woocommerce-message,
.dark .woocommerce-cart .woocommerce-info{
  background: #0b1220 !important;
  border-color: #1f2937 !important;
  border-top-color: #1f2937 !important;
  color: #e5e7eb !important;
  box-shadow: 0 8px 18px rgba(0, 0, 0, 0.35);
}
.dark .woocommerce-cart .woocommerce-info{
  border-left-color: var(--brand-purple-500, #8D5BC1) !important;
  background: color-mix(in oklab, var(--brand-purple-500, #8D5BC1) 18%, #0b1220) !important;
}
.dark .woocommerce-cart .woocommerce-message{
  border-color: #b45309 !important;
  border-top-color: #b45309 !important;
  border-left-color: #f59e0b !important;
  background: color-mix(in oklab, #f59e0b 16%, #0b1220) !important;
  color: #fde68a !important;
}
.dark .woocommerce-cart .woocommerce-error{
  border-left-color: #ef4444 !important;
  background: color-mix(in oklab, #ef4444 14%, #0b1220) !important;
  color: #fecaca !important;
}
.dark .woocommerce-cart .woocommerce-message a{
  color: #caa8ef !important;
  text-decoration: none !important;
}
.dark .woocommerce-cart .woocommerce-message a:hover{
  color: #bd94e3 !important;
  text-decoration: none !important;
}

/* Cart thumbnails (custom template) */
.tcb-cart-thumb {
  width: 88px;
  height: 88px;
  flex: 0 0 88px;
  overflow: hidden;
  border-radius: 0.75rem;
  border: 1px solid var(--tcb-border, #e5e7eb);
  background: var(--tcb-surface, #ffffff);
  position: relative;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.06);
}
.dark .tcb-cart-thumb {
  border-color: #1f2937;
  background: #0b1220;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
}
.tcb-cart-thumb::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.02);
  pointer-events: none;
}
.dark .tcb-cart-thumb::after {
  background: rgba(0, 0, 0, 0.16);
}

.tcb-cart-thumb img,
img.tcb-cart-thumb-img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
  display: block !important;
}

/* Cart page quantity inputs */
.woocommerce-cart-form .quantity {
  display: flex;
  align-items: center;
  justify-content: center;
}

.woocommerce .tcb-qty {
  display: inline-flex;
  align-items: center;
  border: 1px solid #d1d5db; /* gray-300 */
  border-radius: 0.75rem;
  overflow: hidden;
  background: #ffffff;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}
.dark .woocommerce .tcb-qty {
  background: #111827;
  border-color: #374151;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.35);
}

.woocommerce .tcb-qty__btn {
  width: 40px;
  height: 42px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 0;
  background: transparent;
  color: #6b7280; /* gray-500 */
  font-weight: 800;
  cursor: pointer;
  transition: background-color 0.15s ease, color 0.15s ease;
  -webkit-tap-highlight-color: transparent;
}
.woocommerce .tcb-qty__btn .tcb-qty__trash {
  width: 18px;
  height: 18px;
  display: block;
}
.woocommerce .tcb-qty__btn:hover {
  background: rgba(141, 91, 193, 0.08);
  color: #111827;
}
.dark .woocommerce .tcb-qty__btn:hover {
  background: rgba(141, 91, 193, 0.18);
  color: #f9fafb;
}
.woocommerce .tcb-qty__btn:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}

.woocommerce .tcb-qty input.qty {
  width: 56px;
  height: 42px;
  text-align: center;
  border: 0;
  border-radius: 0;
  font-size: 0.875rem;
  font-weight: 600;
  color: #111827; /* gray-900 */
  background: transparent;
  box-shadow: none;
  transition: all 0.15s ease;
  -moz-appearance: textfield;
}

.woocommerce .tcb-qty input.qty::-webkit-outer-spin-button,
.woocommerce .tcb-qty input.qty::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.woocommerce .tcb-qty input.qty:focus {
  outline: none;
  border-color: #7C4FB0; /* brand purple 600 */
  box-shadow: 0 0 0 3px rgba(141, 91, 193, 0.1);
}

.dark .woocommerce .tcb-qty input.qty {
  background: transparent;
  border-color: #4b5563; /* gray-600 */
  color: #f3f4f6; /* gray-100 */
}

.dark .woocommerce .tcb-qty input.qty:focus {
  border-color: #A875D4; /* brand purple 400 */
  box-shadow: 0 0 0 3px rgba(168, 117, 212, 0.1);
}

/* Cart totals sticky offset (accounts for sticky header + admin bar) */
@media (min-width: 1024px) {
  .tcb-cart-totals {
    top: calc(var(--header-height, 72px) + var(--wpadminbar-height, 0px) + 24px);
  }
}

/* Cart totals: center on tablets when stacked */
@media (min-width: 768px) and (max-width: 1023px) {
  .cart-collaterals {
    margin-top: 2rem;
    display: flex;
    justify-content: flex-end;
  }

  .cart_totals {
    max-width: 480px;
    width: 100%;
  }
}

/* Proceed-to-checkout button: disable Woo's default bottom margin */
.woocommerce .wc-proceed-to-checkout a.checkout-button,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
.woocommerce-checkout .wc-proceed-to-checkout a.checkout-button,
#add_payment_method .wc-proceed-to-checkout a.checkout-button {
  margin-bottom: 0 !important;
}

/* Cart: mobile table -> stacked cards */
@media (max-width: 767px) {
  .woocommerce-cart-form .shop_table {
    border: 0;
  }

  .woocommerce-cart-form .shop_table thead {
    display: none;
  }

  .woocommerce-cart-form .shop_table tbody tr {
    display: block;
    margin-bottom: 1rem;
    border: 1px solid #e5e7eb;
    border-radius: 0.75rem;
    overflow: hidden;
  }

  .dark .woocommerce-cart-form .shop_table tbody tr {
    border-color: #374151;
  }

  .woocommerce-cart-form .shop_table tbody td {
    display: block;
    text-align: left !important;
    padding: 1rem !important;
    border: 0 !important;
  }

  .woocommerce-cart-form .shop_table tbody td::before {
    content: attr(data-title);
    font-weight: 600;
    display: block;
    margin-bottom: 0.25rem;
    color: #6b7280;
  }

  .dark .woocommerce-cart-form .shop_table tbody td::before {
    color: #9ca3af;
  }

  .woocommerce-cart-form .shop_table tbody td.product-name::before,
  .woocommerce-cart-form .shop_table tbody td.actions::before {
    display: none;
  }

  .woocommerce-cart-form .shop_table tbody td.actions {
    padding: 1rem !important;
  }

  .cart_totals {
    max-width: 100%;
  }
}

/* Cart remove button: avoid Woo's default red styling */
.woocommerce-cart-form a.remove_from_cart_button {
  color: #6b7280 !important; /* gray-500 */
  background: transparent !important;
  text-decoration: none;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  font-size: 0.875rem !important; /* text-sm */
  line-height: 1.25rem !important;
  font-weight: 600;
}

.woocommerce-cart-form a.remove_from_cart_button:not(.tcb-cart-action--delete):hover {
  color: #111827 !important; /* gray-900 */
}

.dark .woocommerce-cart-form a.remove_from_cart_button {
  color: #9ca3af !important; /* gray-400 */
}

.dark .woocommerce-cart-form a.remove_from_cart_button:not(.tcb-cart-action--delete):hover {
  color: #e5e7eb !important; /* gray-200 */
}

/* WooCommerce also targets `.remove`; keep cart actions unified (no red circle / oversized X styles). */
.woocommerce-cart-form a.remove {
  color: inherit !important;
  background: transparent !important;
  display: inline-flex !important;
  font-size: inherit !important;
  line-height: inherit !important;
  width: auto !important;
  height: auto !important;
  border-radius: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  float: none !important;
  text-indent: 0 !important;
}

.woocommerce-cart-form a.remove:hover {
  color: inherit !important;
  background: transparent !important;
}

/* Cart action styling (Save/Delete) — explicit overrides beat Woo defaults reliably. */
.woocommerce-cart-form .tcb-cart-action {
  display: inline-flex !important;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.875rem !important; /* text-sm */
  line-height: 1.25rem !important;
  font-weight: 600;
  color: #6b7280 !important; /* gray-500 */
  background: transparent !important;
  border: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  text-decoration: none !important;
  white-space: nowrap;
  cursor: pointer;
}
.woocommerce-cart-form .tcb-cart-action:hover {
  color: #111827 !important; /* gray-900 */
}
.woocommerce-cart-form a.tcb-cart-action--delete {
  color: #6b7280 !important; /* gray-500 */
}
.woocommerce-cart-form a.tcb-cart-action.tcb-cart-action--delete:hover,
.woocommerce-cart-form .tcb-cart-action--delete:hover {
  color: #dc2626 !important; /* red-600 */
}
.dark .woocommerce-cart-form .tcb-cart-action {
  color: #9ca3af !important; /* gray-400 */
}
.dark .woocommerce-cart-form .tcb-cart-action:hover {
  color: #e5e7eb !important; /* gray-200 */
}
.dark .woocommerce-cart-form a.tcb-cart-action--delete {
  color: #9ca3af !important; /* gray-400 */
}
.dark .woocommerce-cart-form a.tcb-cart-action.tcb-cart-action--delete:hover,
.dark .woocommerce-cart-form .tcb-cart-action--delete:hover {
  color: #f87171 !important; /* red-400 */
}
.woocommerce-cart-form .tcb-cart-action svg {
  width: 16px;
  height: 16px;
  flex: 0 0 auto;
}

/* Remove link default styling for cart items */
.woocommerce-cart-form .product-name a {
  text-decoration: none;
}

/* Shipping calculator styling */
.shipping-calculator-button {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.875rem;
  font-weight: 500;
  color: #8D5BC1; /* brand purple */
  text-decoration: none;
  transition: color 0.15s ease;
}

.shipping-calculator-button:hover {
  color: #7C4FB0; /* brand purple 600 */
  text-decoration: underline;
}

.dark .shipping-calculator-button {
  color: #A875D4; /* brand purple 400 */
}

.dark .shipping-calculator-button:hover {
  color: #BD94E3; /* brand purple 300 */
}