/* Scoped finish for the existing WooCommerce markup. Load after accessibility.css. */
#app .woo-flow #woo-native-target {
  --commerce-soft-border: #c6d8eb;
  --commerce-soft-shadow: 0 10px 28px rgba(10, 44, 91, .07);
}
#app .woo-flow #woo-native-target :is(.woocommerce-MyAccount-content, .woocommerce-MyAccount-navigation, .woocommerce-cart-form table.shop_table, .cart_totals, form.checkout #customer_details, form.checkout #order_review, .woocommerce-Addresses .woocommerce-Address) {
  border: 1px solid var(--commerce-soft-border);
  border-radius: 12px;
  background: var(--commerce-bg);
  box-shadow: var(--commerce-soft-shadow);
}
#app .woo-flow #woo-native-target :is(.woocommerce-cart-form table.shop_table, .cart_totals) {
  overflow: hidden;
}

body.gaming-theme #app .woo-flow #woo-native-target { --commerce-soft-border: #526c88; --commerce-soft-shadow: 0 10px 28px rgba(0,0,0,.18); }
body.gaming-theme.woocommerce-account #app .woo-flow #woo-native-target .woocommerce-MyAccount-navigation li.is-active a { background: #203f67; color: #fff; box-shadow: inset -4px 0 #a7ccff; }
body.gaming-theme.woocommerce-account #app .woo-flow #woo-native-target .woocommerce-MyAccount-navigation a:hover { background: #1d3048; }
body.gaming-theme.woocommerce-checkout #app .woo-flow #woo-native-target .woocommerce-form-coupon-toggle .woocommerce-info { border-inline-start-color: #a7ccff; }

/* Account: a clear navigation rail and a readable content card. */
body.logged-in.woocommerce-account #app .woo-flow #woo-native-target > .woocommerce {
  display: grid;
  grid-template-columns: minmax(220px, 250px) minmax(0, 1fr);
  gap: 24px;
  align-items: start;
}
body.logged-in.woocommerce-account #app .woo-flow #woo-native-target > .woocommerce::before,
body.logged-in.woocommerce-account #app .woo-flow #woo-native-target > .woocommerce::after,
body.woocommerce-account #app .woo-flow #woo-native-target .woocommerce-notices-wrapper:empty { display: none; }
body.woocommerce-account #app .woo-flow #woo-native-target .woocommerce-notices-wrapper { grid-column: 1 / -1; }
body.woocommerce-account #app .woo-flow #woo-native-target .woocommerce-MyAccount-navigation,
body.woocommerce-account #app .woo-flow #woo-native-target .woocommerce-MyAccount-content {
  float: none;
  width: auto;
  min-width: 0;
  margin: 0;
}
body.woocommerce-account #app .woo-flow #woo-native-target .woocommerce-MyAccount-navigation ul {
  list-style: none;
  margin: 0;
  padding: 8px;
}
body.woocommerce-account #app .woo-flow #woo-native-target .woocommerce-MyAccount-navigation li { margin: 0; border: 0; }
body.woocommerce-account #app .woo-flow #woo-native-target .woocommerce-MyAccount-navigation a {
  display: flex;
  align-items: center;
  min-height: 46px;
  padding: 10px 14px;
  border-radius: 7px;
  color: var(--commerce-ink);
  font-weight: 600;
  text-decoration: none;
}
body.woocommerce-account #app .woo-flow #woo-native-target .woocommerce-MyAccount-navigation li.is-active a {
  background: #eaf3ff;
  color: #083f86;
  box-shadow: inset -4px 0 #0a66d4;
}
body.woocommerce-account #app .woo-flow #woo-native-target .woocommerce-MyAccount-navigation a:hover { background: #f2f7fd; }
body.woocommerce-account #app .woo-flow #woo-native-target .woocommerce-MyAccount-content {
  max-width: 960px;
  padding: clamp(18px, 2.5vw, 32px);
  color: var(--commerce-ink);
  line-height: 1.7;
}
body.woocommerce-account #app .woo-flow #woo-native-target .woocommerce-MyAccount-content p:first-of-type { margin-top: 0; }
body.woocommerce-account #app .woo-flow #woo-native-target .woocommerce-MyAccount-content p:last-child { margin-bottom: 0; }
body.woocommerce-account #app .woo-flow #woo-native-target .woocommerce-Addresses .woocommerce-Address { padding: 18px; }

/* Cart: keep WooCommerce's responsive table semantics while matching the shop cards. */
body.woocommerce-cart #app .woo-flow #woo-native-target .woocommerce-cart-form table.shop_table { border-collapse: separate; border-spacing: 0; }
body.woocommerce-cart #app .woo-flow #woo-native-target .woocommerce-cart-form table.shop_table thead,
body.woocommerce-cart #app .woo-flow #woo-native-target .cart_totals > h2 { background: var(--commerce-panel); }
body.woocommerce-cart #app .woo-flow #woo-native-target .woocommerce-cart-form table.shop_table :is(th, td),
body.woocommerce-cart #app .woo-flow #woo-native-target .cart_totals table :is(th, td) { border-color: var(--commerce-soft-border); }
body.woocommerce-cart #app .woo-flow #woo-native-target .woocommerce-cart-form .product-name a { font-weight: 700; }
body.woocommerce-cart #app .woo-flow #woo-native-target .woocommerce-cart-form .product-thumbnail img { border-radius: 8px; }
body.woocommerce-cart #app .woo-flow #woo-native-target .woocommerce-cart-form td.actions { padding: 16px; }
body.woocommerce-cart #app .woo-flow #woo-native-target .cart_totals > h2 {
  margin: 0;
  padding: 18px 22px;
  border-bottom: 1px solid var(--commerce-soft-border);
  color: var(--commerce-ink);
  font-size: 1.35rem;
}
body.woocommerce-cart #app .woo-flow #woo-native-target .cart_totals table { margin: 0; border: 0; }
body.woocommerce-cart #app .woo-flow #woo-native-target .cart_totals .order-total :is(th, td) { font-size: 1.08rem; font-weight: 700; }
body.woocommerce-cart #app .woo-flow #woo-native-target .cart_totals .wc-proceed-to-checkout { padding: 18px 22px 22px; }
body.woocommerce-cart #app .woo-flow #woo-native-target .cart_totals .checkout-button { width: 100%; }

/* Checkout: visibly group billing, review, and payment without changing field order. */
body.woocommerce-checkout #app .woo-flow #woo-native-target .woocommerce-form-coupon-toggle .woocommerce-info {
  border: 1px solid var(--commerce-soft-border);
  border-inline-start: 4px solid #0a66d4;
  border-radius: 9px;
  background: var(--commerce-panel);
  color: var(--commerce-ink);
}
body.woocommerce-checkout #app .woo-flow #woo-native-target form.checkout #customer_details,
body.woocommerce-checkout #app .woo-flow #woo-native-target form.checkout #order_review { padding: clamp(16px, 2.1vw, 28px); }
body.woocommerce-checkout #app .woo-flow #woo-native-target form.checkout :is(.woocommerce-billing-fields > h3, .woocommerce-shipping-fields > h3, #order_review_heading) {
  margin: 0 0 22px;
  padding: 0 0 12px;
  border-bottom: 1px solid var(--commerce-soft-border);
  color: var(--commerce-ink);
  font-size: clamp(1.2rem, 2vw, 1.55rem);
  line-height: 1.4;
}
body.woocommerce-checkout #app .woo-flow #woo-native-target form.checkout .form-row label { font-weight: 600; }
body.woocommerce-checkout #app .woo-flow #woo-native-target form.checkout .form-row .optional { color: var(--commerce-muted); font-weight: 400; }
body.woocommerce-checkout #app .woo-flow #woo-native-target form.checkout #order_review table.shop_table { border: 0; margin: 0 0 18px; }
body.woocommerce-checkout #app .woo-flow #woo-native-target form.checkout #order_review table.shop_table :is(th, td) { border-color: var(--commerce-soft-border); }
body.woocommerce-checkout #app .woo-flow #woo-native-target form.checkout #order_review .order-total :is(th, td) { font-weight: 700; font-size: 1.08rem; }
body.woocommerce-checkout #app .woo-flow #woo-native-target form.checkout #payment {
  margin-top: 12px;
  border: 1px solid var(--commerce-soft-border);
  border-radius: 9px;
  background: var(--commerce-panel);
}
body.woocommerce-checkout #app .woo-flow #woo-native-target form.checkout #payment .place-order { padding: 18px; }
body.woocommerce-checkout #app .woo-flow #woo-native-target form.checkout #place_order { width: 100%; }

@media (max-width: 767px) {
  body.logged-in.woocommerce-account #app .woo-flow #woo-native-target > .woocommerce { grid-template-columns: minmax(0, 1fr); gap: 16px; }
  body.woocommerce-account #app .woo-flow #woo-native-target .woocommerce-MyAccount-navigation ul { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 4px; }
  body.woocommerce-account #app .woo-flow #woo-native-target .woocommerce-MyAccount-content { padding: 18px; }
  body.woocommerce-cart #app .woo-flow #woo-native-target .woocommerce-cart-form td.actions { padding: 12px; }
  body.woocommerce-cart #app .woo-flow #woo-native-target .cart_totals > h2 { padding: 14px 16px; }
  body.woocommerce-cart #app .woo-flow #woo-native-target .cart_totals .wc-proceed-to-checkout { padding: 14px 16px 18px; }
  body.woocommerce-checkout #app .woo-flow #woo-native-target form.checkout #customer_details,
  body.woocommerce-checkout #app .woo-flow #woo-native-target form.checkout #order_review { padding: 16px; }
}
@media (max-width: 359px) {
  body.woocommerce-account #app .woo-flow #woo-native-target .woocommerce-MyAccount-navigation ul { grid-template-columns: minmax(0, 1fr); }
}

/* The custom product shell already contains a complete breadcrumb. */
.native-product #woo-native-target .woocommerce-breadcrumb{display:none}
