/* Native Cart Block presentation. Checkout and other pages are outside this scope. */
body.mfa-native-cart-view #mfa-native-cart { display: flex; flex-direction: column; min-height: calc(100svh - var(--mfa-admin)); }
body.mfa-native-cart-view :is(.site-header, .flow-main, .site-footer, .wp-block-woocommerce-cart) {
  box-sizing: border-box;
  font-family: inherit;
}
body.mfa-native-cart-view :is(.flow-main, .wp-block-woocommerce-cart) * { box-sizing: border-box; }

/* Existing approved header/footer shell, without resetting block forms or notices. */

/* Preserve the native loading/empty/filled states and its container-query layout. */
body.mfa-native-cart-view .wp-block-woocommerce-cart {
  width: 100%;
  max-width: none;
  margin: 0;
  color: var(--text);
  font-family: inherit;
  font-size: 15px;
  line-height: 1.5;
}
body.mfa-native-cart-view :is(.wc-block-cart__main, .wc-block-cart__sidebar) { min-width: 0; }
body.mfa-native-cart-view .wc-block-cart-items {
  margin: 0;
  border-color: var(--line);
  color: var(--text);
  font: inherit;
}
body.mfa-native-cart-view .wc-block-cart-items :is(th, td) { border-color: var(--line); }
body.mfa-native-cart-view .wc-block-cart-items__header {
  color: var(--muted);
  font-size: 12px;
  font-weight: 400;
  text-transform: none;
}
body.mfa-native-cart-view .wc-block-cart-item__image img {
  display: block;
  max-width: 100%;
  height: auto;
  aspect-ratio: 1;
  object-fit: contain;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  mix-blend-mode: multiply;
}
body.mfa-native-cart-view .wc-block-cart-item__wrap { min-width: 0; }
body.mfa-native-cart-view .wc-block-components-product-name {
  color: var(--ink);
  font-family: inherit;
  font-size: 19px;
  line-height: 1.4;
  text-decoration: none;
  overflow-wrap: anywhere;
}
body.mfa-native-cart-view .wc-block-components-product-name:hover { text-decoration: underline; }
body.mfa-native-cart-view :is(.wc-block-cart-item__prices, .wc-block-components-product-metadata) {
  color: var(--muted);
  font-size: 13px;
  line-height: 1.6;
}
body.mfa-native-cart-view .wc-block-cart-item__quantity { flex-wrap: wrap; row-gap: 8px; margin-top: 16px; }
body.mfa-native-cart-view .wc-block-components-quantity-selector:where(:has(input:not([type="hidden"]))) {
  width: 128px;
  min-height: 44px;
  border: 1px solid var(--line);
  border-radius: 24px;
  background: transparent;
}
body.mfa-native-cart-view .wc-block-components-quantity-selector input.wc-block-components-quantity-selector__input {
  min-width: 40px;
  height: 42px;
  padding: 0;
  border-radius: 0;
  color: var(--text);
  font-family: inherit;
  font-size: 15px;
}
body.mfa-native-cart-view .wc-block-components-quantity-selector .wc-block-components-quantity-selector__button {
  width: 42px;
  min-width: 42px;
  height: 42px;
  border-radius: 24px;
  color: var(--text);
  font-family: inherit;
  font-size: 19px;
  opacity: 1;
}
body.mfa-native-cart-view .wc-block-components-quantity-selector .wc-block-components-quantity-selector__button:disabled { opacity: .35; }
body.mfa-native-cart-view .wc-block-components-quantity-selector :is(input, button):focus-visible { outline-offset: -3px; }
body.mfa-native-cart-view .wc-block-cart-item__remove-link { color: var(--text); text-underline-offset: 4px; }
body.mfa-native-cart-view .wc-block-cart-item__total { font-size: 14px; }

body.mfa-native-cart-view .wc-block-cart__sidebar { border-top: 1px solid var(--line); }
body.mfa-native-cart-view .wc-block-cart__totals-title {
  display: block;
  margin: 0 0 12px;
  padding: 22px 0 0;
  background: transparent;
  border: 0;
  color: var(--ink);
  font: 500 19px/1.4 var(--mfa-font-ui);
  text-transform: none;
}
body.mfa-native-cart-view .wp-block-woocommerce-cart-order-summary-block {
  margin-bottom: 18px;
  border-color: var(--line);
  font-size: 14px;
}
body.mfa-native-cart-view .wc-block-components-totals-coupon__form input {
  border-color: var(--mfa-color-field-border);
  border-radius: 5px;
  background: transparent;
  color: var(--text);
  font-family: inherit;
}
body.mfa-native-cart-view .wc-block-cart__submit-button {
  width: 100%;
  min-height: 49px;
  padding: 12px 22px;
  border: 1px solid var(--ink);
  border-radius: 28px;
  background: var(--ink);
  color: #fff;
  box-shadow: none;
  font: 400 14px/1.5 var(--mfa-font-ui);
  text-transform: none;
  text-decoration: none;
}
body.mfa-native-cart-view .wc-block-cart__submit-button:not(:disabled):not([aria-disabled="true"]) { color: #fff; }
body.mfa-native-cart-view .wc-block-cart__submit-button:hover { background: var(--mfa-color-hover); color: #fff; text-decoration: none; }
body.mfa-native-cart-view #mfa-native-cart .wc-block-cart__submit-button { --wp--custom--border-radius: 28px; border-radius: 28px; font-size: 14px; }
body.mfa-native-cart-view .wc-block-cart__submit-button:is(:disabled, [aria-disabled="true"]) {
  border-color: var(--mfa-color-disabled-bg);
  background: var(--mfa-color-disabled-bg);
  color: var(--mfa-color-disabled-text);
  cursor: default;
}
body.mfa-native-cart-view .wc-block-cart__submit-container--sticky { background: var(--paper); }
body.mfa-native-cart-view .wc-block-cart__submit-container--sticky::before { color: #173f3414; }

/* Real native errors, undo actions and pending-cost explanations remain visible. */
body.mfa-native-cart-view .wc-block-components-validation-error { color: var(--mfa-color-error-text); font-size: 12px; }
body.mfa-native-cart-view .mfa-cart-status {
  margin: 18px 0;
  color: var(--text);
  font-size: 13px;
  line-height: 1.65;
  overflow-wrap: anywhere;
}
body.mfa-native-cart-view .mfa-cart-status p { margin: 5px 0; }
body.mfa-native-cart-view .mfa-cart-status p.mfa-cart-minimum-alert {
  margin: 12px 0;
  padding: 12px 14px;
  border: 1px solid var(--mfa-color-error-border);
  border-radius: 5px;
  background: var(--mfa-color-error-bg);
  color: var(--mfa-color-error-text);
}
body.mfa-native-cart-view :is(.mfa-cart-rule, .mfa-cart-cost-note) { margin: 5px 0; color: var(--muted); font-size: 12px; line-height: 1.65; }
body.mfa-native-cart-view .continue-link { display: inline-flex; align-items: center; min-height: 44px; margin-top: 18px; font-size: 13px; }

/* Desktop empty-cart recommendations only; native icon, grid and actions stay intact. */
  /* Shared intrinsic tracks keep optional ratings from moving price rows. */
  


@container (min-width: 700px) {
  body.mfa-native-cart-view .wc-block-components-sidebar-layout .wc-block-cart__main { width: 60%; padding-right: clamp(30px, 4vw, 60px); }
  body.mfa-native-cart-view .wc-block-components-sidebar-layout .wc-block-cart__sidebar {
    width: 40%;
    padding-left: 0;
    align-self: flex-start;
    position: sticky;
    top: calc(28px + var(--mfa-admin));
  }
  body.mfa-native-cart-view table.wc-block-cart-items .wc-block-cart-items__header-image { width: 144px; }
  body.mfa-native-cart-view table.wc-block-cart-items .wc-block-cart-item__image { padding-right: 24px; }
  body.mfa-native-cart-view table.wc-block-cart-items td { padding-top: 28px; padding-bottom: 28px; }
}
@container (max-width: 699px) {
  body.mfa-native-cart-view .wc-block-cart__sidebar { margin-top: 36px; position: static; }
  body.mfa-native-cart-view .wc-block-cart__sidebar .wc-block-cart__totals-title { display: block; }
  body.mfa-native-cart-view .wc-block-components-product-name { font-size: 18px; }
  body.mfa-native-cart-view .wc-block-cart-item__quantity { margin-top: 12px; }
}

@media (max-width: 700px) {
  body.mfa-native-cart-view .wc-block-components-quantity-selector input.wc-block-components-quantity-selector__input,
  body.mfa-native-cart-view .wc-block-components-totals-coupon__form input { font-size: 16px; }
}
@media (max-width: 359px) {
  body.mfa-native-cart-view table.wc-block-cart-items { width: 100%; table-layout: fixed; border-collapse: collapse; }
  body.mfa-native-cart-view table.wc-block-cart-items .wc-block-cart-items__row { grid-template-columns: 64px minmax(0, 1fr) 0px auto; column-gap: 8px; }
  body.mfa-native-cart-view table.wc-block-cart-items .wc-block-cart-item__image { padding-right: 12px; }
  body.mfa-native-cart-view table.wc-block-cart-items .wc-block-cart-item__product { min-width: 0; }
}
@media (prefers-reduced-motion: reduce) {
  body.mfa-native-cart-view :is(.flow-main, .wp-block-woocommerce-cart) *,
  body.mfa-native-cart-view :is(.flow-main, .wp-block-woocommerce-cart) *::before,
  body.mfa-native-cart-view :is(.flow-main, .wp-block-woocommerce-cart) *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
}
