/* Cart & checkout — imported from IT Tutor Pro (same UI/tokens) */

:root {
  --ittp-font-family: "Manrope", "Noto Sans", "Inter", system-ui, sans-serif;
  --ittp-brand: #166381;
  --ittp-brand-dark: #124e63;
  --ittp-navy: #0c2340;
  --ittp-text: #1a2b3c;
  --ittp-muted: #5a6b7d;
  --ittp-border: #e3e8ef;
  --ittp-surface: #f4f7fb;
  --ittp-surface-muted: #eef2f7;
  --ittp-radius-sm: 4px;
  --ittp-radius-md: 8px;
  --ittp-radius-button: 10px;
  --ittp-radius-pill: var(--ittp-radius-button);
}

/* --- Flow steps (footer / chrome) --- */
.ittp-flow-steps {
  margin: 0;
}

.ittp-flow-steps__list {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

.ittp-flow-steps__item {
  display: flex;
  align-items: center;
  flex: 0 1 auto;
  min-width: 0;
}

.ittp-flow-steps__item:not(:last-child)::after {
  content: "";
  width: 1.25rem;
  height: 2px;
  margin-inline: 0.35rem;
  background: var(--ittp-border);
  flex-shrink: 0;
}

.ittp-flow-steps__item.is-done:not(:last-child)::after {
  background: var(--ittp-brand);
}

.ittp-flow-steps__link {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  font-size: 0.75rem;
  font-weight: 600;
  color: var(--ittp-muted);
  text-decoration: none;
  white-space: nowrap;
}

.ittp-flow-steps__item.is-active .ittp-flow-steps__link {
  color: var(--ittp-navy);
}

.ittp-flow-steps__item.is-done .ittp-flow-steps__link {
  color: var(--ittp-brand);
}

.ittp-flow-steps__num {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.25rem;
  height: 1.25rem;
  border-radius: 50%;
  font-size: 0.6875rem;
  font-weight: 700;
  line-height: 1;
  background: var(--ittp-surface-muted);
  color: inherit;
  border: 1px solid var(--ittp-border);
}

.ittp-flow-steps__item.is-active .ittp-flow-steps__num {
  background: var(--ittp-brand);
  border-color: var(--ittp-brand);
  color: #fff;
}

.ittp-flow-steps__item.is-done .ittp-flow-steps__num {
  background: color-mix(in srgb, var(--ittp-brand) 12%, #fff);
  border-color: var(--ittp-brand);
}

.ittp-flow-steps--compact .ittp-flow-steps__label {
  font-size: 0.6875rem;
}

/* Cart / checkout bottom chrome */
.ittp-cart-chrome,
.ittp-checkout-chrome {
  margin-top: 0.5rem;
  padding: 0.45rem 0.65rem;
  background: var(--ittp-surface-muted);
  border: 1px solid var(--ittp-border);
  border-radius: var(--ittp-radius-md);
}

@media (min-width: 768px) {
  .ittp-cart-chrome,
  .ittp-checkout-chrome {
    border-style: dashed;
    box-shadow: none;
  }
}

.ittp-cart-chrome__bar,
.ittp-checkout-chrome__bar {
  display: none;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  margin-top: 0.5rem;
  padding-top: 0.5rem;
  border-top: 1px solid var(--ittp-border);
}

.ittp-cart-chrome__total,
.ittp-checkout-chrome__total {
  min-width: 0;
  font-size: 0.75rem;
  color: var(--ittp-muted);
}

.ittp-cart-chrome__total strong,
.ittp-checkout-chrome__total strong {
  display: block;
  font-size: 1.0625rem;
  color: var(--ittp-navy);
  line-height: 1.2;
}

.ittp-cart-chrome__submit,
.ittp-checkout-chrome__submit {
  flex-shrink: 0;
  min-height: 44px;
  min-width: 8.5rem;
  padding: 0.65rem 1.15rem !important;
  border-radius: var(--ittp-radius-button) !important;
  font-family: var(--ittp-font-family) !important;
  font-weight: 700 !important;
  font-size: 0.9375rem !important;
  text-align: center;
  text-decoration: none;
  background: var(--ittp-brand) !important;
  color: #fff !important;
  border: none !important;
}

body.ittp-is-cart .site-footer__main,
body.ittp-is-checkout .site-footer__main {
  display: none;
}

body.ittp-is-cart .site-footer__bar,
body.ittp-is-checkout .site-footer__bar {
  padding-block: 0.75rem;
}

/* --- Cart page --- */
.ittp-cart-page,
.ittp-checkout-page {
  font-family: var(--ittp-font-family);
  color: var(--ittp-text);
  /* Body uses capitalize — keep WooCommerce copy in natural sentence case. */
  text-transform: none;
}

.ittp-checkout-page {
  flex: 1;
  display: flex;
  flex-direction: column;
}

.ittp-cart-page {
  flex: 1;
  display: flex;
  flex-direction: column;
  background: var(--ittp-surface-muted);
  text-transform: none;
}

.ittp-checkout-page #payment,
.ittp-checkout-page #payment .woocommerce-info,
.ittp-checkout-page #payment .woocommerce-notice,
.ittp-checkout-page #payment label,
.ittp-checkout-page #payment p,
.ittp-checkout-page .woocommerce-terms-and-conditions-wrapper {
  text-transform: none;
}

body.ittp-is-cart {
  background: var(--ittp-surface-muted);
}

body.ittp-is-cart .site-wrapper {
  background: var(--ittp-surface-muted);
}

.ittp-cart-page__shell {
  flex: 1;
  padding-block: 0.75rem 1.25rem;
}

.ittp-cart-page__container {
  width: 100%;
  max-width: min(1280px, calc(100% - 2rem));
  margin-inline: auto;
  padding-inline: 1rem;
}

.ittp-cart-page__head {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 0.35rem 1rem;
  margin-bottom: 0.5rem;
}

.ittp-cart-page__title,
.ittp-checkout-page__title {
  margin: 0;
  font-family: var(--ittp-font-family);
  font-size: clamp(1.25rem, 2vw, 1.5rem) !important;
  font-weight: 800;
  letter-spacing: -0.02em;
  line-height: 1.2 !important;
  color: var(--ittp-navy);
  text-wrap: balance;
}

.ittp-cart-page__continue {
  font-size: 0.8125rem;
  font-weight: 600;
  color: var(--ittp-brand);
  text-decoration: none;
}

.ittp-cart-page__continue:hover {
  color: var(--ittp-brand-dark);
  text-decoration: underline;
}

.ittp-cart-page__content {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  padding: 1rem 1.15rem 1.25rem;
  background: #fff;
  border: 1px solid var(--ittp-border);
  border-radius: var(--ittp-radius-md);
  box-shadow: 0 4px 24px rgba(12, 35, 64, 0.06);
}

@media (min-width: 768px) {
  .ittp-cart-page__content {
    padding: 1.15rem 1.35rem 1.5rem;
  }
}

/* Undo default WooCommerce float layout (48% totals below table). */
.ittp-cart-page .cart-collaterals,
.ittp-cart-page .cart_totals {
  float: none !important;
  width: 100% !important;
  max-width: none !important;
  clear: none !important;
}

.ittp-cart-page .woocommerce-cart-form td.actions .coupon {
  float: none;
}

@media (min-width: 768px) {
  /* Grid on the WooCommerce wrapper — keeps notices full-width above form + totals. */
  .ittp-cart-page__content > .woocommerce {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(260px, 320px);
    gap: 0.85rem 1.25rem;
    align-items: start;
  }

  .ittp-cart-page__content > .woocommerce > .woocommerce-notices-wrapper,
  .ittp-cart-page__content > .woocommerce > .wc-empty-cart-message,
  .ittp-cart-page__content > .woocommerce > .return-to-shop {
    grid-column: 1 / -1;
  }

  .ittp-cart-page .woocommerce-cart-form {
    grid-column: 1;
    grid-row: 2;
    min-width: 0;
  }

  .ittp-cart-page .cart-collaterals {
    grid-column: 2;
    grid-row: 2;
    margin: 0;
    padding: 0;
    border: 0;
  }
}

.ittp-cart-page .woocommerce-cart-form table.shop_table {
  width: 100%;
  margin: 0;
  border-collapse: collapse;
  table-layout: fixed;
  font-size: 0.8125rem;
}

.ittp-cart-page .woocommerce-cart-form .product-remove {
  width: 2rem;
}

.ittp-cart-page .woocommerce-cart-form .product-thumbnail {
  width: 4.5rem;
}

.ittp-cart-page .woocommerce-cart-form .product-name {
  width: auto;
}

.ittp-cart-page .woocommerce-cart-form .product-price,
.ittp-cart-page .woocommerce-cart-form .product-quantity,
.ittp-cart-page .woocommerce-cart-form .product-subtotal {
  width: 6.5rem;
}

.ittp-cart-page .woocommerce-cart-form thead th {
  padding: 0.35rem 0.4rem;
  font-size: 0.6875rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  text-align: left;
  color: var(--ittp-muted);
  border-bottom: 1px solid var(--ittp-border);
}

.ittp-cart-page .woocommerce-cart-form tbody td {
  padding: 0.45rem 0.4rem;
  border-bottom: 1px solid var(--ittp-border);
  vertical-align: middle;
}

.ittp-cart-page .woocommerce-cart-form .product-thumbnail img {
  width: 56px;
  height: 56px;
  object-fit: cover;
  border-radius: var(--ittp-radius-sm);
  border: 1px solid var(--ittp-border);
}

.ittp-cart-page .woocommerce-cart-form .product-name a {
  font-weight: 600;
  font-size: 0.875rem;
  color: var(--ittp-navy);
  text-decoration: none;
  line-height: 1.3;
}

.ittp-cart-page .woocommerce-cart-form .product-price,
.ittp-cart-page .woocommerce-cart-form .product-subtotal {
  font-weight: 600;
  white-space: nowrap;
}

.ittp-cart-page .woocommerce-cart-form .quantity .qty {
  width: 3rem;
  min-height: 34px;
  padding: 0.25rem 0.35rem;
  font-size: 0.875rem;
  border: 1px solid var(--ittp-border);
  border-radius: var(--ittp-radius-sm);
}

.ittp-cart-page .woocommerce-cart-form .product-remove a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.75rem;
  height: 1.75rem;
  color: var(--ittp-muted);
  font-size: 1.125rem;
  line-height: 1;
  text-decoration: none;
  border-radius: 50%;
}

.ittp-cart-page .woocommerce-cart-form .product-remove a:hover {
  color: #c0392b;
  background: color-mix(in srgb, #c0392b 8%, transparent);
}

/* Keep td as table-cell — display:flex collapses colspan width. */
.ittp-cart-page .woocommerce-cart-form td.actions {
  display: table-cell;
  width: 100%;
  padding: 0.75rem 0 !important;
  border: 0 !important;
  border-top: 0 !important;
  border-bottom: 0 !important;
  background: transparent;
  border-radius: 0;
  vertical-align: middle;
}

/* Drop the cart-item rule line that sits flush above the coupon row. */
.ittp-cart-page .woocommerce-cart-form tbody tr.cart_item:has(+ tr > td.actions) td {
  border-bottom: 0 !important;
}

.ittp-cart-page .woocommerce-cart-form td.actions::before,
.ittp-cart-page .woocommerce-cart-form td.actions::after {
  display: none;
  content: none;
}

.ittp-cart-page .coupon {
  display: flex;
  flex-wrap: nowrap;
  align-items: stretch;
  gap: 0.35rem;
  margin: 0;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}

.ittp-cart-page .coupon label {
  display: none;
}

.ittp-cart-page .coupon .input-text,
.ittp-cart-page .coupon input#coupon_code {
  float: none !important;
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 12rem !important;
  max-width: none !important;
  min-height: 36px;
  padding: 0.35rem 0.55rem;
  border: 1px solid var(--ittp-border);
  border-radius: var(--ittp-radius-sm);
  font-family: var(--ittp-font-family);
  font-size: 0.8125rem;
  box-sizing: border-box;
}

.ittp-cart-page .coupon .button {
  float: none !important;
  flex: 0 0 auto;
  min-height: 36px;
  padding: 0.35rem 0.85rem !important;
  border-radius: var(--ittp-radius-sm) !important;
  font-size: 0.8125rem !important;
  font-weight: 600 !important;
  background: var(--ittp-navy) !important;
  color: #fff !important;
  white-space: nowrap;
}

/* Update cart stays in the DOM for auto-qty submit, but is not shown. */
.ittp-cart-page td.actions .button[name="update_cart"] {
  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;
  opacity: 0 !important;
  pointer-events: none !important;
}

@media (min-width: 768px) {
  .ittp-cart-page td.actions .button[name="update_cart"] {
    float: none;
  }
}

/* Disabled state unused while Update cart is visually hidden; keep for a11y/DOM. */
.ittp-cart-page td.actions .button[name="update_cart"]:disabled,
.ittp-cart-page td.actions .button[name="update_cart"][aria-disabled="true"] {
  cursor: default;
}

.ittp-cart-page .cart-collaterals {
  margin: 0;
  padding: 0;
  border: 0;
}

.ittp-cart-page .cart_totals {
  padding: 0.85rem 1rem;
  background: var(--ittp-surface-muted);
  border: 1px solid var(--ittp-border);
  border-radius: var(--ittp-radius-md);
  box-sizing: border-box;
}

@media (min-width: 768px) {
  .ittp-cart-page .cart_totals {
    position: sticky;
    top: calc(var(--mk-header-offset, 9.875rem) + 0.75rem);
  }
}

.ittp-cart-page .cart_totals h2 {
  margin: 0 0 0.45rem;
  padding-bottom: 0.35rem;
  font-size: 0.9375rem;
  font-weight: 700;
  color: var(--ittp-navy);
  border-bottom: 1px solid var(--ittp-border);
}

.ittp-cart-page .cart_totals table {
  width: 100%;
  font-size: 0.8125rem;
  border-collapse: collapse;
}

.ittp-cart-page .cart_totals th,
.ittp-cart-page .cart_totals td {
  padding: 0.3rem 0;
  border: 0;
}

.ittp-cart-page .cart_totals .order-total th,
.ittp-cart-page .cart_totals .order-total td {
  padding-top: 0.4rem;
  font-size: 0.9375rem;
  font-weight: 800;
  color: var(--ittp-navy);
}

.ittp-cart-page .cart_totals .order-total .amount {
  color: var(--ittp-brand);
}

/* Affirm / financing line in totals */
.ittp-cart-page .cart_totals .affirm-as-low-as,
.ittp-cart-page .cart_totals .affirm-as-low-as p,
.ittp-cart-page .cart_totals p {
  margin: 0.5rem 0 0;
  font-size: 0.75rem;
  line-height: 1.45;
  color: var(--ittp-muted);
}

.ittp-cart-page .cart_totals .affirm-as-low-as {
  padding: 0.45rem 0.5rem;
  background: #fff;
  border: 1px solid var(--ittp-border);
  border-radius: var(--ittp-radius-sm);
}

/* Compact shipping row in totals */
.ittp-cart-page .cart_totals .woocommerce-shipping-totals td,
.ittp-cart-page .cart_totals .woocommerce-shipping-totals th {
  vertical-align: top;
}

.ittp-cart-page .cart_totals .woocommerce-shipping-destination {
  margin: 0.15rem 0 0;
  font-size: 0.6875rem;
  line-height: 1.35;
  color: var(--ittp-muted);
}

.ittp-cart-page .cart_totals .shipping-calculator-button {
  display: inline-block;
  margin-top: 0.15rem;
  padding: 0;
  border: 0;
  background: none;
  font-size: 0.6875rem;
  font-weight: 600;
  color: var(--ittp-brand);
  text-decoration: underline;
  cursor: pointer;
}

.ittp-cart-page .cart_totals .shipping-calculator-form {
  margin-top: 0.35rem;
  padding: 0.5rem;
  background: #fff;
  border: 1px solid var(--ittp-border);
  border-radius: var(--ittp-radius-sm);
}

.ittp-cart-page .cart_totals .shipping-calculator-form .form-row {
  margin: 0 0 0.35rem;
}

.ittp-cart-page .cart_totals .shipping-calculator-form .input-text,
.ittp-cart-page .cart_totals .shipping-calculator-form select {
  width: 100%;
  min-height: 34px;
  padding: 0.35rem 0.5rem;
  border: 1px solid var(--ittp-border);
  border-radius: var(--ittp-radius-sm);
  font-size: 0.8125rem;
}

.ittp-cart-page .cart_totals .shipping-calculator-form .button {
  width: 100%;
  min-height: 34px;
  margin-top: 0.15rem;
}

.ittp-cart-page .wc-proceed-to-checkout {
  margin: 0.5rem 0 0;
  padding: 0;
}

.ittp-cart-page .wc-proceed-to-checkout .checkout-button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 42px;
  padding: 0.55rem 1rem !important;
  border-radius: var(--ittp-radius-sm) !important;
  font-family: var(--ittp-font-family) !important;
  font-weight: 700 !important;
  font-size: 0.9375rem !important;
  background: var(--ittp-brand) !important;
  color: #fff !important;
  border: none !important;
  box-shadow: 0 2px 8px color-mix(in srgb, var(--ittp-brand) 28%, transparent);
}

/* Hide express checkout / Amazon Pay — reference uses billing form + payment column only */
.ittp-cart-page .cart_totals .wc-proceed-to-checkout ~ *,
.ittp-cart-page .wcpay-express-checkout-wrapper,
.ittp-cart-page .wcpay-express-checkout-button-set,
.ittp-checkout-page .wcpay-express-checkout-wrapper,
.ittp-checkout-page .wcpay-express-checkout-button-set,
.ittp-checkout-page .amazon-checkout-button-container,
.ittp-checkout-page #pay_with_amazon,
.ittp-cart-page [class*="amazon"],
.ittp-cart-page [id*="amazon"],
.ittp-checkout-page [class*="amazon"],
.ittp-checkout-page [id*="amazon"] {
  display: none !important;
}

.ittp-cart-page .woocommerce-notices-wrapper {
  margin: 0;
}

.ittp-cart-page .woocommerce-message,
.ittp-cart-page .woocommerce-info,
.ittp-cart-page .woocommerce-error {
  margin: 0 0 0.5rem;
  padding: 0.5rem 0.75rem;
  font-size: 0.8125rem;
  border: 1px solid var(--ittp-border);
  border-left: 3px solid var(--ittp-brand);
  border-radius: var(--ittp-radius-sm);
  background: #fff;
  list-style: none;
}

.ittp-cart-page .woocommerce-message::before,
.ittp-cart-page .woocommerce-info::before,
.ittp-cart-page .woocommerce-error::before {
  display: none !important;
}

@media (max-width: 767px) {
  body.ittp-is-cart {
    padding-bottom: calc(5.5rem + env(safe-area-inset-bottom, 0px));
  }

  body.ittp-is-checkout {
    padding-bottom: calc(5.75rem + env(safe-area-inset-bottom, 0px));
  }

  .ittp-cart-chrome,
  .ittp-checkout-chrome {
    position: fixed;
    inset-inline: 0;
    bottom: 0;
    z-index: 40;
    margin: 0;
    padding: 0.4rem 0.75rem calc(0.5rem + env(safe-area-inset-bottom, 0px));
    border-radius: 0;
    border-top: 1px solid var(--ittp-border);
    border-inline: 0;
    border-bottom: 0;
    box-shadow: 0 -4px 20px rgba(12, 35, 64, 0.1);
  }

  .ittp-cart-chrome__bar,
  .ittp-checkout-chrome__bar {
    display: flex;
  }

  .ittp-cart-page__container {
    max-width: none;
    padding-inline: 0.75rem;
  }

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

  .ittp-cart-page__content {
    padding: 0.75rem;
  }

  .ittp-cart-page .cart-collaterals {
    order: -1;
  }

  /* Product rows only — never apply this grid to the coupon/actions row. */
  .ittp-cart-page .woocommerce-cart-form tr.cart_item {
    display: grid;
    grid-template-columns: 56px minmax(0, 1fr) auto;
    grid-template-areas:
      "thumb name remove"
      "thumb price price"
      "thumb qty qty"
      "thumb subtotal subtotal";
    column-gap: 0.65rem;
    row-gap: 0.4rem;
    align-items: start;
    padding: 0.75rem 0;
    border-bottom: 1px solid var(--ittp-border);
  }

  .ittp-cart-page .woocommerce-cart-form tr.cart_item:has(+ tr > td.actions) {
    border-bottom: 0;
    padding-bottom: 0.35rem;
  }

  .ittp-cart-page .woocommerce-cart-form tr:has(> td.actions) {
    display: block;
    padding: 0.65rem 0 0.25rem;
    border-bottom: 0;
  }

  .ittp-cart-page .woocommerce-cart-form .product-thumbnail img {
    width: 56px;
    height: 56px;
  }

  .ittp-cart-page .woocommerce-cart-form td {
    border: 0 !important;
    padding: 0 !important;
    text-align: left !important;
    width: auto !important;
  }

  .ittp-cart-page .woocommerce-cart-form tr.cart_item .product-thumbnail {
    grid-area: thumb;
  }

  .ittp-cart-page .woocommerce-cart-form tr.cart_item .product-name {
    grid-area: name;
    min-width: 0;
  }

  .ittp-cart-page .woocommerce-cart-form tr.cart_item .product-remove {
    grid-area: remove;
    justify-self: end;
  }

  .ittp-cart-page .woocommerce-cart-form tr.cart_item .product-price {
    grid-area: price;
  }

  .ittp-cart-page .woocommerce-cart-form tr.cart_item .product-quantity {
    grid-area: qty;
  }

  .ittp-cart-page .woocommerce-cart-form tr.cart_item .product-subtotal {
    grid-area: subtotal;
  }

  /* Label + value on one row (Price / Qty / Subtotal). */
  .ittp-cart-page .woocommerce-cart-form tr.cart_item .product-price,
  .ittp-cart-page .woocommerce-cart-form tr.cart_item .product-quantity,
  .ittp-cart-page .woocommerce-cart-form tr.cart_item .product-subtotal {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    min-width: 0;
  }

  .ittp-cart-page .woocommerce-cart-form tr.cart_item td::before {
    content: attr(data-title);
    display: inline-block;
    flex: 0 0 auto;
    margin: 0;
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--ittp-muted);
  }

  .ittp-cart-page .woocommerce-cart-form tr.cart_item .product-thumbnail::before,
  .ittp-cart-page .woocommerce-cart-form tr.cart_item .product-remove::before,
  .ittp-cart-page .woocommerce-cart-form tr.cart_item .product-name::before {
    display: none;
    content: none;
  }

  .ittp-cart-page .woocommerce-cart-form .product-name a {
    font-size: 0.8125rem;
  }

  .ittp-cart-page .woocommerce-cart-form .quantity {
    display: flex;
    justify-content: flex-end;
    margin: 0;
  }

  .ittp-cart-page .woocommerce-cart-form .quantity .qty {
    width: 3.25rem;
    min-height: 40px;
    text-align: center;
  }

  /* Coupon + Update cart: stacked full-width controls. */
  .ittp-cart-page .woocommerce-cart-form td.actions {
    display: flex !important;
    flex-direction: column;
    align-items: stretch;
    gap: 0.5rem;
    width: 100% !important;
    float: none !important;
    clear: both !important;
    padding: 0 !important;
  }

  .ittp-cart-page .woocommerce-cart-form td.actions::before {
    display: none !important;
    content: none !important;
  }

  .ittp-cart-page .coupon {
    display: flex;
    flex-wrap: nowrap;
    align-items: stretch;
    gap: 0.5rem;
    width: 100%;
    max-width: none;
    float: none !important;
  }

  .ittp-cart-page .coupon .input-text,
  .ittp-cart-page .coupon input#coupon_code {
    float: none !important;
    flex: 1 1 0% !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    min-height: 44px;
    font-size: 1rem;
  }

  .ittp-cart-page .coupon .button {
    float: none !important;
    flex: 0 0 auto;
    width: auto !important;
    min-height: 44px;
    font-size: 0.875rem !important;
  }

  /* Keep Update cart visually hidden on mobile too (qty auto-updates). */
  .ittp-cart-page td.actions .button[name="update_cart"] {
    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;
    opacity: 0 !important;
    pointer-events: none !important;
    display: block !important;
    float: none !important;
    min-height: 0 !important;
  }

  .ittp-cart-page .cart_totals {
    padding: 0.75rem 0.85rem;
  }

  .ittp-cart-page .cart_totals table,
  .ittp-cart-page .cart_totals tbody,
  .ittp-cart-page .cart_totals tr {
    display: block;
    width: 100%;
  }

  .ittp-cart-page .cart_totals tr {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 0.35rem 0;
  }

  .ittp-cart-page .cart_totals th,
  .ittp-cart-page .cart_totals td {
    display: block;
    width: auto;
    padding: 0;
    text-align: left;
  }

  .ittp-cart-page .cart_totals td {
    text-align: right;
  }

  .ittp-cart-page .cart_totals th::before,
  .ittp-cart-page .cart_totals td::before {
    display: none !important;
    content: none !important;
  }

  .ittp-cart-page .wc-proceed-to-checkout {
    display: none;
  }
}

/* --- Checkout page --- */
.ittp-checkout-page {
  background: var(--ittp-surface-muted);
}

body.ittp-is-checkout .site-wrapper {
  background: var(--ittp-surface-muted);
}

.ittp-checkout-page__shell {
  flex: 1;
  padding-block: 0.75rem 1.25rem;
}

.ittp-checkout-page__container {
  width: 100%;
  max-width: min(1280px, calc(100% - 2rem));
  margin-inline: auto;
  padding-inline: 1rem;
}

.ittp-checkout-page__head {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 0.35rem 1rem;
  margin-bottom: 0.5rem;
}

.ittp-checkout-page__title {
  letter-spacing: -0.02em;
}

.ittp-checkout-page__secure {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  margin: 0;
  padding: 0.35rem 0.75rem;
  font-size: 0.8125rem;
  font-weight: 600;
  color: var(--ittp-brand);
  background: color-mix(in srgb, var(--ittp-brand) 8%, transparent);
  border-radius: var(--ittp-radius-button);
}

.ittp-checkout-page__lock {
  width: 0.75rem;
  height: 0.875rem;
  border: 2px solid currentColor;
  border-radius: 2px;
  position: relative;
  flex-shrink: 0;
}

.ittp-checkout-page__lock::after {
  content: "";
  position: absolute;
  left: 50%;
  top: -6px;
  width: 7px;
  height: 5px;
  margin-left: -3.5px;
  border: 2px solid currentColor;
  border-bottom: 0;
  border-radius: 5px 5px 0 0;
}

.ittp-checkout-page__content {
  padding: 1rem 1.15rem 1.25rem;
  background: #fff;
  border: 1px solid var(--ittp-border);
  border-radius: var(--ittp-radius-md);
  box-shadow: 0 4px 24px rgba(12, 35, 64, 0.06);
}

@media (min-width: 768px) {
  .ittp-checkout-page__content {
    padding: 1.15rem 1.35rem 1.5rem;
  }
}

/* Returning customer + coupon toggles */
.ittp-checkout-page .woocommerce-form-login-toggle,
.ittp-checkout-page .woocommerce-form-coupon-toggle {
  margin: 0 0 0.75rem;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
}

.ittp-checkout-page .woocommerce-form-login-toggle .woocommerce-info,
.ittp-checkout-page .woocommerce-form-coupon-toggle .woocommerce-info {
  margin: 0;
  padding: 0.55rem 0.75rem;
  border: 0 !important;
  border-radius: var(--ittp-radius-sm);
  background: color-mix(in srgb, var(--ittp-brand) 6%, #fff);
}

.ittp-checkout-page .woocommerce-form-login-toggle a.showlogin,
.ittp-checkout-page .woocommerce-form-coupon-toggle a.showcoupon {
  color: var(--ittp-brand);
  font-weight: 600;
  text-decoration: none;
}

.ittp-checkout-page .woocommerce-form-login-toggle a.showlogin:hover,
.ittp-checkout-page .woocommerce-form-coupon-toggle a.showcoupon:hover {
  text-decoration: underline;
}

/* Checkout login form (keeps cart; redirects back to checkout)
   Stacked layout — captcha / Sign in with Google / clears must not float fields.
   Always grid when open; keep display:none when WC/jQuery hides the form. */
.ittp-checkout-page form.woocommerce-form-login {
  display: grid !important;
  grid-template-columns: 1fr;
  gap: 0.65rem 0.75rem;
  align-items: start;
  max-width: 26rem;
  margin: 0 0 0.85rem;
  padding: 1rem 1.1rem 1.15rem;
  border: 1px solid var(--ittp-border);
  border-radius: var(--ittp-radius-md);
  background: #fff;
  box-sizing: border-box;
}

.ittp-checkout-page form.woocommerce-form-login[style*="display: none"],
.ittp-checkout-page form.woocommerce-form-login[style*="display:none"] {
  display: none !important;
}

.ittp-checkout-page form.woocommerce-form-login > * {
  grid-column: 1 / -1;
  min-width: 0;
}

.ittp-checkout-page form.woocommerce-form-login > .clear,
.ittp-checkout-page form.woocommerce-form-login > br {
  display: none;
}

.ittp-checkout-page form.woocommerce-form-login .googlesitekit-sign-in-with-google__frontend-output-button:empty {
  display: none;
}

.ittp-checkout-page form.woocommerce-form-login > p:not([class]) {
  margin: 0;
  font-size: 0.8125rem;
  line-height: 1.45;
  color: var(--ittp-muted);
  text-align: left;
}

.ittp-checkout-page form.woocommerce-form-login .form-row {
  float: none !important;
  width: 100% !important;
  margin: 0;
  padding: 0;
}

.ittp-checkout-page form.woocommerce-form-login .form-row label {
  display: block;
  margin: 0 0 0.3rem;
  font-size: 0.8125rem;
  font-weight: 600;
  color: var(--ittp-navy);
}

.ittp-checkout-page form.woocommerce-form-login .form-row .input-text {
  width: 100%;
  max-width: none;
  box-sizing: border-box;
}

.ittp-checkout-page form.woocommerce-form-login .g-recaptcha {
  margin: 0.15rem 0 0;
  max-width: 100%;
  overflow: hidden;
}

.ittp-checkout-page form.woocommerce-form-login .form-row:has(.button) {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.65rem 1rem;
}

.ittp-checkout-page form.woocommerce-form-login .woocommerce-form-login__rememberme {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  margin: 0;
  font-weight: 500;
  order: 2;
}

.ittp-checkout-page form.woocommerce-form-login .button {
  order: 1;
  min-height: 42px;
  padding: 0.5rem 1.35rem !important;
  border: none !important;
  border-radius: var(--ittp-radius-sm) !important;
  background: var(--ittp-navy) !important;
  color: #fff !important;
  font-weight: 600 !important;
  white-space: nowrap;
}

.ittp-checkout-page form.woocommerce-form-login .button:hover {
  background: var(--ittp-brand-dark) !important;
}

.ittp-checkout-page form.woocommerce-form-login .lost_password {
  margin: 0;
  font-size: 0.8125rem;
}

.ittp-checkout-page form.woocommerce-form-login .lost_password a {
  color: var(--ittp-brand);
  font-weight: 600;
  text-decoration: none;
}

.ittp-checkout-page form.woocommerce-form-login .lost_password a:hover {
  text-decoration: underline;
}

@media (min-width: 640px) {
  .ittp-checkout-page form.woocommerce-form-login {
    grid-template-columns: 1fr 1fr;
    max-width: 34rem;
  }

  .ittp-checkout-page form.woocommerce-form-login > .form-row-first,
  .ittp-checkout-page form.woocommerce-form-login > .form-row-last {
    grid-column: auto;
    margin: 0;
    align-self: start;
  }
}

/* Hide duplicate page title from checkout shortcode/block */
.ittp-checkout-page__content .woocommerce > h2,
.ittp-checkout-page__content .entry-title,
.ittp-checkout-page__content .wp-block-post-title {
  display: none !important;
}

.ittp-checkout-page .woocommerce-info,
.ittp-checkout-page .woocommerce-message,
.ittp-checkout-page .woocommerce-error {
  margin: 0 0 0.5rem;
  padding: 0.45rem 0.65rem;
  font-size: 0.8125rem;
  line-height: 1.45;
  list-style: none;
  border: 1px solid var(--ittp-border);
  border-radius: var(--ittp-radius-md);
  background: var(--ittp-surface);
  color: var(--ittp-text);
}

.ittp-checkout-page .woocommerce-error {
  border-color: color-mix(in srgb, #d92d20 35%, var(--ittp-border));
  background: #fff5f4;
  color: #7a271a;
}

.ittp-checkout-page .woocommerce-error li {
  margin: 0.15rem 0;
}

.ittp-checkout-page .woocommerce-info::before,
.ittp-checkout-page .woocommerce-message::before,
.ittp-checkout-page .woocommerce-error::before {
  display: none !important;
}

.ittp-checkout-page .woocommerce-info {
  border-color: color-mix(in srgb, var(--ittp-brand) 25%, var(--ittp-border));
  background: color-mix(in srgb, var(--ittp-brand) 6%, #fff);
}

.ittp-checkout-page .woocommerce-info a,
.ittp-checkout-page .woocommerce-form-coupon-toggle a {
  color: var(--ittp-brand);
  font-weight: 600;
  text-decoration: none;
}

.ittp-checkout-page .woocommerce-info a:hover,
.ittp-checkout-page .woocommerce-form-coupon-toggle a:hover {
  text-decoration: underline;
}

.ittp-checkout-page .checkout_coupon {
  display: flex;
  flex-wrap: nowrap;
  align-items: stretch;
  gap: 0.5rem;
  margin: 0 0 0.85rem;
  padding: 0;
  background: transparent;
  border: 0;
  border-radius: 0;
  box-sizing: border-box;
}

.ittp-checkout-page .checkout_coupon::before,
.ittp-checkout-page .checkout_coupon::after {
  display: none !important;
  content: none !important;
}

.ittp-checkout-page .checkout_coupon .clear {
  display: none !important;
}

.ittp-checkout-page .checkout_coupon .form-row {
  float: none !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  clear: none !important;
}

.ittp-checkout-page .checkout_coupon .form-row-first {
  flex: 1 1 auto;
  min-width: 0;
}

.ittp-checkout-page .checkout_coupon .form-row-last {
  flex: 0 0 auto;
}

.ittp-checkout-page .checkout_coupon .input-text {
  width: 100%;
  min-height: 42px;
  margin: 0;
}

.ittp-checkout-page .checkout_coupon .button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: auto !important;
  min-height: 42px;
  padding: 0.5rem 1.15rem !important;
  white-space: nowrap;
  border: none !important;
  border-radius: var(--ittp-radius-sm) !important;
  background: var(--ittp-navy) !important;
  color: #fff !important;
  font-size: 0.875rem !important;
  font-weight: 600 !important;
  cursor: pointer;
}

.ittp-checkout-page .checkout_coupon .button:hover {
  background: var(--ittp-brand-dark) !important;
}

@media (max-width: 479px) {
  .ittp-checkout-page .checkout_coupon {
    flex-wrap: wrap;
  }

  .ittp-checkout-page .checkout_coupon .form-row-first,
  .ittp-checkout-page .checkout_coupon .form-row-last,
  .ittp-checkout-page .checkout_coupon .button {
    width: 100% !important;
  }
}

.ittp-checkout-page form.checkout {
  margin: 0;
}

.ittp-checkout-page form.checkout::after,
.ittp-checkout-page .col2-set::after,
.ittp-checkout-page .form-row::after {
  display: none;
}

.ittp-checkout-grid {
  display: flex;
  flex-direction: column;
  gap: 0.85rem;
}

.ittp-checkout-grid__billing,
.ittp-checkout-grid__order,
.ittp-checkout-grid__payment {
  min-width: 0;
}

.ittp-checkout-grid__order,
.ittp-checkout-grid__payment {
  padding: 0.85rem 0.9rem;
  background: var(--ittp-surface-muted);
  border: 1px solid var(--ittp-border);
  border-radius: var(--ittp-radius-md);
}

.ittp-checkout-grid__payment-heading {
  margin: 0 0 0.45rem;
  padding-bottom: 0.3rem;
  font-size: 0.9375rem;
  font-weight: 700;
  color: var(--ittp-navy);
  border-bottom: 1px solid var(--ittp-border);
}

@media (min-width: 768px) {
  .ittp-checkout-grid {
    display: grid !important;
    grid-template-columns: minmax(0, 1.25fr) minmax(220px, 0.9fr) minmax(280px, 1fr);
    gap: 0.85rem;
    align-items: start;
  }

  .ittp-checkout-grid__billing,
  .ittp-checkout-grid__order,
  .ittp-checkout-grid__payment {
    order: unset;
  }

  .ittp-checkout-grid__billing {
    padding: 0.85rem 0.9rem;
    background: #fff;
    border: 1px solid var(--ittp-border);
    border-radius: var(--ittp-radius-md);
  }

  .ittp-checkout-grid__order,
  .ittp-checkout-grid__payment {
    position: sticky;
    top: calc(var(--mk-header-offset, 9.875rem) + 0.5rem);
    max-height: calc(100dvh - var(--mk-header-offset, 9.875rem) - 2rem);
    overflow-y: auto;
    scrollbar-width: thin;
    min-width: 0;
  }

  .ittp-checkout-grid__payment {
    min-width: 280px;
  }
}

.ittp-checkout-page #billing_company_field,
.ittp-checkout-page #billing_address_2_field,
.ittp-checkout-page .ittp-checkout-field--optional,
.ittp-checkout-page .create-account,
.ittp-checkout-page .woocommerce-account-fields,
.ittp-checkout-page .woocommerce-additional-fields,
.ittp-checkout-page [class*="cusrev"],
.ittp-checkout-page [id*="cusrev"],
.ittp-checkout-page #cusrev_make_review_field,
.ittp-checkout-page #payment .woocommerce-privacy-policy-text {
  display: none !important;
}

/* Ship to a different address */
.ittp-checkout-page .woocommerce-shipping-fields {
  margin-top: 0.75rem;
}

.ittp-checkout-page #ship-to-different-address {
  margin: 0 0 0.65rem;
  padding: 0.55rem 0.65rem;
  border: 1px solid var(--ittp-border);
  border-radius: var(--ittp-radius-sm);
  background: var(--ittp-surface-muted);
}

.ittp-checkout-page #ship-to-different-address label {
  display: flex;
  align-items: center;
  gap: 0.45rem;
  margin: 0;
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--ittp-navy);
  cursor: pointer;
}

.ittp-checkout-page #ship-to-different-address input[type="checkbox"] {
  width: 1rem;
  height: 1rem;
  margin: 0;
  accent-color: var(--ittp-brand);
}

.ittp-checkout-page .woocommerce-shipping-fields .shipping_address {
  margin-top: 0.35rem;
}

.ittp-checkout-page .woocommerce-billing-fields h3,
.ittp-checkout-page .woocommerce-shipping-fields h3,
.ittp-checkout-page .woocommerce-additional-fields h3,
.ittp-checkout-page #order_review_heading {
  margin: 0 0 0.45rem;
  padding-bottom: 0.3rem;
  font-size: 0.9375rem;
  font-weight: 700;
  color: var(--ittp-navy);
  border-bottom: 1px solid var(--ittp-border);
}

.ittp-checkout-page .woocommerce-additional-fields {
  margin-top: 0.65rem;
  padding-top: 0;
}

.ittp-checkout-page .form-row {
  margin: 0 0 0.35rem;
  padding: 0;
  clear: none;
}

.ittp-checkout-page .form-row label {
  display: block;
  margin-bottom: 0.2rem;
  font-size: 0.75rem;
  font-weight: 600;
  color: var(--ittp-navy);
  line-height: 1.2;
}

.ittp-checkout-page .form-row .required {
  color: #c0392b;
  font-weight: 700;
  text-decoration: none;
}

.ittp-checkout-page .input-text,
.ittp-checkout-page select:not(.select2-hidden-accessible),
.ittp-checkout-page textarea {
  width: 100%;
  min-height: 38px;
  padding: 0.45rem 0.65rem !important;
  border: 1px solid var(--ittp-border) !important;
  border-radius: var(--ittp-radius-sm) !important;
  font-family: var(--ittp-font-family) !important;
  font-size: 0.875rem !important;
  line-height: 1.35 !important;
  color: var(--ittp-text) !important;
  background: #fff !important;
  box-shadow: none !important;
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
  box-sizing: border-box;
}

.ittp-checkout-page .input-text:focus,
.ittp-checkout-page select:not(.select2-hidden-accessible):focus,
.ittp-checkout-page textarea:focus {
  border-color: var(--ittp-brand) !important;
  outline: none;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--ittp-brand) 18%, transparent) !important;
}

/* Required / invalid field highlighting (WC adds .woocommerce-invalid on submit) */
.ittp-checkout-page .form-row.woocommerce-invalid > label,
.ittp-checkout-page .form-row.woocommerce-invalid-required-field > label {
  color: #b42318;
}

.ittp-checkout-page .form-row.woocommerce-invalid .input-text,
.ittp-checkout-page .form-row.woocommerce-invalid select:not(.select2-hidden-accessible),
.ittp-checkout-page .form-row.woocommerce-invalid textarea,
.ittp-checkout-page .form-row.woocommerce-invalid-required-field .input-text,
.ittp-checkout-page .form-row.woocommerce-invalid-required-field select:not(.select2-hidden-accessible),
.ittp-checkout-page .form-row.woocommerce-invalid-required-field textarea {
  border-color: #d92d20 !important;
  background: #fff8f7 !important;
  box-shadow: 0 0 0 3px rgba(217, 45, 32, 0.12) !important;
}

.ittp-checkout-page .form-row.woocommerce-invalid .input-text:focus,
.ittp-checkout-page .form-row.woocommerce-invalid select:not(.select2-hidden-accessible):focus,
.ittp-checkout-page .form-row.woocommerce-invalid textarea:focus,
.ittp-checkout-page .form-row.woocommerce-invalid-required-field .input-text:focus,
.ittp-checkout-page .form-row.woocommerce-invalid-required-field select:not(.select2-hidden-accessible):focus,
.ittp-checkout-page .form-row.woocommerce-invalid-required-field textarea:focus {
  border-color: #d92d20 !important;
  box-shadow: 0 0 0 3px rgba(217, 45, 32, 0.2) !important;
}

.ittp-checkout-page .form-row.woocommerce-invalid .select2-container .select2-selection--single,
.ittp-checkout-page .form-row.woocommerce-invalid-required-field .select2-container .select2-selection--single,
body.ittp-is-checkout .ittp-checkout-page .woocommerce .form-row.woocommerce-invalid .select2-container .select2-selection--single,
body.ittp-is-checkout .ittp-checkout-page .woocommerce .form-row.woocommerce-invalid-required-field .select2-container .select2-selection--single {
  border-color: #d92d20 !important;
  background: #fff8f7 !important;
  box-shadow: 0 0 0 3px rgba(217, 45, 32, 0.12) !important;
}

.ittp-checkout-page .form-row.woocommerce-invalid .woocommerce-form__label-for-checkbox,
.ittp-checkout-page #payment .form-row.woocommerce-invalid .woocommerce-form__label-for-checkbox {
  color: #b42318;
}

.ittp-checkout-page .form-row.woocommerce-invalid input[type="checkbox"],
.ittp-checkout-page #payment .form-row.woocommerce-invalid input[type="checkbox"] {
  outline: 2px solid #d92d20;
  outline-offset: 2px;
  border-radius: 2px;
}

/* Country / state use Select2 — keep native select hidden and style the widget */
.ittp-checkout-page .form-row .woocommerce-input-wrapper {
  display: block;
  width: 100%;
}

.ittp-checkout-page select.select2-hidden-accessible {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  min-height: 0 !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
  background: transparent !important;
}

.ittp-checkout-page .select2-container {
  display: block !important;
  width: 100% !important;
  max-width: 100%;
  box-sizing: border-box;
}

body.ittp-is-checkout .ittp-checkout-page .woocommerce .select2-container .select2-selection--single,
.ittp-checkout-page .select2-container .select2-selection--single {
  height: 38px !important;
  min-height: 38px;
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
  border: 1px solid var(--ittp-border) !important;
  border-radius: var(--ittp-radius-sm) !important;
  background: #fff !important;
  box-sizing: border-box;
  overflow: hidden;
}

body.ittp-is-checkout .ittp-checkout-page .woocommerce .select2-container--default .select2-selection--single .select2-selection__rendered,
.ittp-checkout-page .select2-container--default .select2-selection--single .select2-selection__rendered {
  display: block !important;
  height: 36px !important;
  padding-left: 0.65rem !important;
  padding-right: 2rem !important;
  line-height: 36px !important;
  color: var(--ittp-text) !important;
  font-family: var(--ittp-font-family) !important;
  font-size: 0.875rem !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.ittp-checkout-page .select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 36px !important;
  top: 0 !important;
  right: 0.35rem !important;
}

.ittp-checkout-page .select2-container--default.select2-container--open .select2-selection--single,
.ittp-checkout-page .select2-container--default.select2-container--focus .select2-selection--single {
  border-color: var(--ittp-brand) !important;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--ittp-brand) 18%, transparent) !important;
}

.ittp-checkout-page .select2-dropdown {
  border-color: var(--ittp-border) !important;
  border-radius: var(--ittp-radius-sm) !important;
  font-family: var(--ittp-font-family) !important;
  font-size: 0.875rem !important;
  z-index: 10050;
}

.ittp-checkout-page .select2-container--default .select2-results__option--highlighted[aria-selected],
.ittp-checkout-page .select2-container--default .select2-results__option--highlighted[data-selected] {
  background-color: var(--ittp-brand) !important;
  color: #fff !important;
}

.ittp-checkout-page textarea {
  min-height: 2.5rem;
  resize: vertical;
}

.ittp-checkout-page .col2-set {
  display: block;
  width: 100%;
  margin: 0;
}

.ittp-checkout-page .col2-set .col-1,
.ittp-checkout-page .col2-set .col-2 {
  width: 100%;
  float: none;
  margin: 0;
  padding: 0;
}

.ittp-checkout-grid__billing .col2-set .col-2:empty,
.ittp-checkout-grid__billing .woocommerce-shipping-fields:empty {
  display: none;
}

.ittp-checkout-page .woocommerce-billing-fields__field-wrapper,
.ittp-checkout-page .woocommerce-shipping-fields__field-wrapper {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0;
}

.ittp-checkout-page .woocommerce-billing-fields__field-wrapper .form-row,
.ittp-checkout-page .woocommerce-shipping-fields__field-wrapper .form-row {
  min-width: 0;
}

@media (min-width: 640px) {
  .ittp-checkout-page .woocommerce-billing-fields__field-wrapper,
  .ittp-checkout-page .woocommerce-shipping-fields__field-wrapper {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 0.5rem;
  }

  .ittp-checkout-page #billing_address_1_field,
  .ittp-checkout-page #billing_address_2_field,
  .ittp-checkout-page #billing_country_field,
  .ittp-checkout-page #shipping_address_1_field,
  .ittp-checkout-page #shipping_address_2_field,
  .ittp-checkout-page #shipping_country_field,
  .ittp-checkout-page #order_comments_field {
    grid-column: 1 / -1;
  }
}

/* Order summary */
.ittp-checkout-page table.shop_table {
  width: 100%;
  margin: 0 0 0.5rem;
  font-size: 0.8125rem;
  border-collapse: collapse;
  border: 0;
}

.ittp-checkout-page table.shop_table thead {
  display: none;
}

.ittp-checkout-page table.shop_table td,
.ittp-checkout-page table.shop_table th {
  padding: 0.35rem 0;
  border-bottom: 1px solid var(--ittp-border);
  vertical-align: top;
}

.ittp-checkout-page table.shop_table .product-name {
  font-weight: 600;
  color: var(--ittp-navy);
  line-height: 1.35;
}

.ittp-checkout-page table.shop_table .product-total {
  text-align: right;
  font-weight: 600;
  white-space: nowrap;
}

.ittp-checkout-page table.shop_table .cart-subtotal td,
.ittp-checkout-page table.shop_table .cart-subtotal th {
  color: var(--ittp-muted);
  font-size: 0.875rem;
}

.ittp-checkout-page table.shop_table .order-total td,
.ittp-checkout-page table.shop_table .order-total th {
  padding-top: 0.4rem;
  border-bottom: 0;
  font-size: 0.9375rem;
  font-weight: 800;
  color: var(--ittp-navy);
}

.ittp-checkout-page table.shop_table .order-total .amount {
  color: var(--ittp-brand);
}

/* Payment methods — 2-row grid per option (radio | label, then details) */
.ittp-checkout-page #payment {
  margin: 0;
  padding: 0;
  background: transparent;
  border: 0;
  border-radius: 0;
  width: 100%;
  min-width: 0;
}

.ittp-checkout-page #payment .woocommerce-info,
.ittp-checkout-page #payment .woocommerce-notice,
.ittp-checkout-page #payment p {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: break-word !important;
  writing-mode: horizontal-tb !important;
  line-height: 1.45 !important;
}

.ittp-checkout-page #payment .woocommerce-info {
  margin: 0 0 0.5rem;
  padding: 0.5rem 0.6rem;
  font-size: 0.75rem;
  border: 1px solid var(--ittp-border);
  border-radius: var(--ittp-radius-sm);
  background: #fff;
}

.ittp-checkout-page #payment .wc_payment_methods,
.ittp-checkout-page #payment .payment_methods {
  margin: 0 0 0.35rem;
  padding: 0;
  list-style: none;
  border: 0;
}

.ittp-checkout-page #payment .wc_payment_methods > li,
.ittp-checkout-page #payment .payment_methods > li {
  display: grid !important;
  grid-template-columns: 1.5rem minmax(0, 1fr);
  grid-template-rows: auto auto;
  align-items: center;
  gap: 0 0.35rem;
  margin: 0 0 0.25rem;
  padding: 0.2rem 0.4rem 0.2rem 0.25rem;
  line-height: 1.25;
  list-style: none;
  background: #fff;
  border: 1px solid var(--ittp-border);
  border-radius: var(--ittp-radius-sm);
  overflow: hidden;
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

/* Gateway list rows without a radio (e.g. "no payment methods") must not use the 2-col grid */
.ittp-checkout-page #payment .wc_payment_methods > li:not(:has(input[type="radio"])),
.ittp-checkout-page #payment .payment_methods > li:not(:has(input[type="radio"])) {
  display: block !important;
  grid-template-columns: unset !important;
  grid-template-rows: unset !important;
  padding: 0.55rem 0.65rem !important;
  font-size: 0.75rem;
  line-height: 1.45;
  color: var(--ittp-muted);
}

.ittp-checkout-page #payment .wc_payment_methods > li::before,
.ittp-checkout-page #payment .wc_payment_methods > li::after,
.ittp-checkout-page #payment .payment_methods > li::before,
.ittp-checkout-page #payment .payment_methods > li::after {
  display: none !important;
}

.ittp-checkout-page #payment .wc_payment_methods > li:has(input:checked),
.ittp-checkout-page #payment .payment_methods > li:has(input:checked) {
  border-color: var(--ittp-brand);
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--ittp-brand) 30%, transparent);
  background: color-mix(in srgb, var(--ittp-brand) 4%, #fff);
}

.ittp-checkout-page #payment .wc_payment_methods > li input[type="radio"],
.ittp-checkout-page #payment .payment_methods > li input[type="radio"] {
  grid-column: 1;
  grid-row: 1;
  place-self: center center;
  position: static !important;
  float: none !important;
  clear: none !important;
  display: block !important;
  width: 1rem;
  height: 1rem;
  margin: 0 !important;
  accent-color: var(--ittp-brand);
  transform: none;
}

.ittp-checkout-page #payment .wc_payment_methods > li > label,
.ittp-checkout-page #payment .payment_methods > li > label {
  grid-column: 2;
  grid-row: 1;
  display: flex !important;
  align-items: center;
  gap: 0.35rem;
  min-width: 0;
  float: none !important;
  clear: none !important;
  width: auto !important;
  box-sizing: border-box;
  margin: 0 !important;
  padding: 0.2rem 0 !important;
  min-height: 1.75rem;
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1.2;
  color: var(--ittp-navy);
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  cursor: pointer;
}

.ittp-checkout-page #payment .wc_payment_methods > li > .payment_box,
.ittp-checkout-page #payment .payment_methods > li > .payment_box {
  grid-column: 1 / -1;
  grid-row: 2;
  box-sizing: border-box;
  float: none !important;
  clear: none !important;
  margin: 0 !important;
  padding: 0 0 0.2rem 1.65rem !important;
  font-size: 0.6875rem;
  line-height: 1.3;
  color: var(--ittp-muted);
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  min-height: 0 !important;
  max-height: none;
}

/* Collapse hidden / empty gateway boxes (fixes Klarna & Afterpay tall gaps) */
.ittp-checkout-page #payment .wc_payment_methods > li:not(:has(input:checked)) > .payment_box,
.ittp-checkout-page #payment .payment_methods > li:not(:has(input:checked)) > .payment_box,
.ittp-checkout-page #payment .payment_box[style*="display: none"],
.ittp-checkout-page #payment .payment_box[style*="display:none"],
.ittp-checkout-page #payment .payment_box:empty,
.ittp-checkout-page #payment .payment_box.ittp-payment-box--empty {
  display: none !important;
  height: 0 !important;
  min-height: 0 !important;
  max-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  visibility: hidden !important;
}

.ittp-checkout-page #payment .payment_box::before {
  display: none !important;
}

.ittp-checkout-page #payment .payment_box p {
  margin: 0;
}

.ittp-checkout-page #payment .payment_box fieldset {
  margin: 0;
  padding: 0;
  border: 0;
}

.ittp-checkout-page #payment label img,
.ittp-checkout-page #payment label svg {
  display: inline-block;
  flex-shrink: 0;
  max-height: 18px !important;
  max-width: 4.5rem;
  width: auto;
  height: auto;
  margin: 0 0 0 auto !important;
  vertical-align: middle;
}

/* Affirm: only show row 2 when widget mounts */
.ittp-checkout-page #payment .payment_method_affirm > .payment_box:not(:has(iframe, form, [id*="affirm"], [class*="affirm-"])) {
  display: none !important;
}


.ittp-checkout-page #place_order {
  width: 100%;
  min-height: 42px;
  margin: 0;
  padding: 0.55rem 1rem !important;
  border-radius: var(--ittp-radius-sm) !important;
  font-family: var(--ittp-font-family) !important;
  font-weight: 700 !important;
  font-size: 0.9375rem !important;
  letter-spacing: 0.02em;
  background: var(--ittp-brand) !important;
  color: #fff !important;
  border: none !important;
  box-shadow: 0 2px 8px color-mix(in srgb, var(--ittp-brand) 28%, transparent);
  transition: background 0.15s ease, transform 0.15s ease;
}

.ittp-checkout-page #place_order:hover {
  background: var(--ittp-brand-dark) !important;
  transform: translateY(-1px);
}

.ittp-checkout-page .woocommerce-terms-and-conditions-wrapper {
  margin-bottom: 0.5rem;
  font-size: 0.75rem;
  color: var(--ittp-muted);
}

.ittp-checkout-page .woocommerce-terms-and-conditions,
.ittp-checkout-page .woocommerce-terms-and-conditions-wrapper .woocommerce-terms-and-conditions-panel,
.ittp-checkout-page #payment .woocommerce-terms-and-conditions-wrapper .woocommerce-terms-and-conditions,
.ittp-checkout-page #payment .woocommerce-terms-and-conditions-wrapper iframe,
.ittp-checkout-page #payment .woocommerce-terms-and-conditions-wrapper .term-description {
  display: none !important;
  height: 0 !important;
  overflow: hidden !important;
  margin: 0 !important;
  padding: 0 !important;
}

.ittp-checkout-page .woocommerce-terms-and-conditions-wrapper label,
.ittp-checkout-page #payment .woocommerce-terms-and-conditions-wrapper label {
  display: flex;
  align-items: flex-start;
  gap: 0.4rem;
  line-height: 1.4;
}

.ittp-checkout-page .woocommerce-terms-and-conditions-link,
.ittp-checkout-page .woocommerce-privacy-policy-link,
.ittp-checkout-page #payment .woocommerce-terms-and-conditions-link,
.ittp-checkout-page #payment .woocommerce-privacy-policy-link {
  color: var(--ittp-brand);
  font-weight: 600;
  text-decoration: underline;
  text-underline-offset: 0.12em;
}

.ittp-checkout-page .woocommerce-terms-and-conditions-link:hover,
.ittp-checkout-page .woocommerce-privacy-policy-link:hover,
.ittp-checkout-page #payment .woocommerce-terms-and-conditions-link:hover,
.ittp-checkout-page #payment .woocommerce-privacy-policy-link:hover {
  color: var(--ittp-brand-dark);
}

.ittp-checkout-page #payment .woocommerce-terms-and-conditions-wrapper {
  max-height: none;
  overflow: visible;
}

.ittp-checkout-page #payment .woocommerce-terms-and-conditions-wrapper .form-row {
  margin: 0 0 0.5rem;
}

/* Collapse embedded terms page content injected into payment area */
.ittp-checkout-page #payment .woocommerce-terms-and-conditions-wrapper h1,
.ittp-checkout-page #payment .woocommerce-terms-and-conditions-wrapper h2,
.ittp-checkout-page #payment .woocommerce-terms-and-conditions-wrapper h3,
.ittp-checkout-page #payment .woocommerce-terms-and-conditions-wrapper ol,
.ittp-checkout-page #payment .woocommerce-terms-and-conditions-wrapper ul:not(.payment_methods):not(.wc_payment_methods),
.ittp-checkout-page #payment .woocommerce-terms-and-conditions-wrapper p:not(:has(input)) {
  display: none !important;
}

/* Desktop: compact chrome — progress only, CTA stays in form */
@media (min-width: 768px) {
  .ittp-cart-chrome,
  .ittp-checkout-chrome {
    margin-top: 0.5rem;
    padding: 0.4rem 0.65rem;
    background: var(--ittp-surface-muted);
    border-style: dashed;
    box-shadow: none;
  }
}

@media (min-width: 960px) and (min-height: 720px) {
  body.ittp-is-checkout .ittp-checkout-page .woocommerce-additional-fields {
    display: none;
  }
}

/* Mobile checkout: order summary first, then billing, then payment */
@media (max-width: 767px) {
  .ittp-checkout-grid__order {
    order: 1;
  }

  .ittp-checkout-grid__billing {
    order: 2;
  }

  .ittp-checkout-grid__payment {
    order: 3;
  }
}

@media (max-width: 767px) {
  .ittp-checkout-page .input-text,
  .ittp-checkout-page select:not(.select2-hidden-accessible) {
    min-height: 44px;
    font-size: 1rem !important;
  }

  body.ittp-is-checkout .ittp-checkout-page .select2-container .select2-selection--single {
    height: 44px !important;
    min-height: 44px;
  }

  body.ittp-is-checkout .ittp-checkout-page .select2-container--default .select2-selection--single .select2-selection__rendered {
    height: 42px !important;
    line-height: 42px !important;
    font-size: 1rem !important;
  }

  body.ittp-is-checkout .ittp-checkout-page .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 42px !important;
  }

  .ittp-checkout-page #payment .wc_payment_methods li > label,
  .ittp-checkout-page #payment .payment_methods li > label {
    min-height: 44px;
    padding: 0.45rem 0.5rem 0.45rem 0 !important;
    font-size: 0.8125rem;
  }

  .ittp-checkout-page #payment .wc_payment_methods li input[type="radio"],
  .ittp-checkout-page #payment .payment_methods li input[type="radio"] {
    width: 1.125rem;
    height: 1.125rem;
    margin: 0 0.4rem 0 0.55rem !important;
  }

  .ittp-checkout-page #place_order {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0 !important;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0 !important;
    box-shadow: none !important;
  }

  .ittp-flow-steps--compact .ittp-flow-steps__label {
    display: none;
  }

  .ittp-flow-steps--compact .ittp-flow-steps__item:not(:last-child)::after {
    width: 0.75rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  .ittp-checkout-page #place_order {
    transition: none;
  }

  .ittp-checkout-page #place_order:hover {
    transform: none;
  }
}

/* WooCommerce notices */
.ittp-cart-page .woocommerce-message,
.ittp-checkout-page .woocommerce-message {
  border-radius: var(--ittp-radius-sm);
  border-left-color: var(--ittp-brand);
}

.ittp-cart-page .woocommerce-error,
.ittp-checkout-page .woocommerce-error {
  border-radius: var(--ittp-radius-sm);
}