<!-- start Simple Custom CSS and JS -->
<style type="text/css">
/* ---------- Compact Checkout: global tweaks ---------- */
.woocommerce-checkout,
.wp-block-woocommerce-checkout,
.woocommerce-checkout .wc-block-components-main,
.woocommerce-checkout .wc-block-components-sidebar {
  font-size: 14px;           /* base font slightly smaller */
  line-height: 1.28;
}

/* Reduce top-level heading sizes on checkout */
.woocommerce-checkout h2.wc-block-components-title,
.wp-block-woocommerce-checkout .wc-block-components-checkout-step__title {
  font-size: 16px;
  margin: 0 0 6px;
  font-weight: 600;
}

/* Compact step description */
.wc-block-components-checkout-step__description {
  margin-bottom: 8px;
  font-size: 13px;
  color: #666;
}

/* ---------- Reduce padding inside major blocks ---------- */
/* Main fieldsets/cards */
.wc-block-components-checkout-step__container,
.wc-block-components-address-form-wrapper,
.wc-block-components-address-card,
.wc-block-components-address-card-wrapper,
.wc-block-components-address-form,
.wc-block-components-checkout-step__content {
  padding: 8px 0 !important;
  margin: 0 !important;
}

/* Inputs: smaller height and tighter spacing */
.wc-block-components-text-input input[type="text"],
.wc-block-components-text-input input[type="tel"],
.wc-block-components-text-input input[type="email"],
.wc-block-components-text-input .wc-block-components-text-input__input,
.wc-block-components-text-input input {
  padding: 8px 10px !important;
  height: auto !important;
  min-height: 36px;
  font-size: 14px;
}

/* Input labels: compact */
.wc-block-components-text-input label,
.wc-block-components-address-form label {
  font-size: 13px;
  margin-top: 4px;
}

/* Checkbox rows (compact) */
.wc-block-components-checkbox {
  margin: 6px 0 !important;
  font-size: 13px;
}

/* ---------- Order Summary (sidebar) compacting ---------- */
.wp-block-woocommerce-checkout-order-summary-block,
.wc-block-components-checkout-order-summary__content,
.wc-block-components-order-summary,
.wc-block-components-order-summary__content {
  padding: 8px !important;
  margin: 0 !important;
  font-size: 14px;
}

/* Cart item row */
.wc-block-components-order-summary-item {
  gap: 8px;
  padding: 6px 0;
  align-items: center;
}

/* Product title inside summary */
.wc-block-components-product-name {
  font-size: 14px;
  font-weight: 600;
  margin: 0;
}

/* Price sizing */
.wc-block-components-order-summary-item__total-price,
.wc-block-components-order-summary-item__individual-prices,
.wc-block-components-totals-item__value {
  font-size: 14px;
}

/* Thumbnail smaller */
.wc-block-components-order-summary-item__image img {
  width: 42px !important;
  height: 42px !important;
  object-fit: cover;
  border-radius: 6px;
}

/* Subtotal / totals compact */
.wp-block-woocommerce-checkout-order-summary-totals-block .wc-block-components-totals-item,
.wc-block-components-totals-wrapper .wc-block-components-totals-item {
  padding: 6px 0;
  font-size: 14px;
}

/* Coupon panel (compact collapsed look) */
.wp-block-woocommerce-checkout-order-summary-coupon-form-block .wc-block-components-panel__button {
  padding: 6px 8px;
  font-size: 13px;
}

/* Place order / actions compact */
.wc-block-checkout__actions_row {
  gap: 8px;
  padding-top: 8px;
}

/* Place order button smaller */
.wc-block-components-checkout-place-order-button__text,
.wc-block-components-checkout-place-order-button {
  font-size: 15px;
  padding: 10px 14px !important;
}

/* ---------- Reduce vertical gaps between fields ---------- */
.wc-block-components-address-form > *:not(.wc-block-components-notices),
.wc-block-components-address-form .wc-block-components-text-input,
.wc-block-components-address-form .wc-blocks-components-select__container {
  margin-bottom: 6px !important;
}

/* Remove extra margins added by block editor wrappers */
.wp-block-woocommerce-checkout
.wp-block-woocommerce-checkout .wp-block-group,
.wp-block-woocommerce-checkout .wp-block-group.alignwide {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

/* Compact notices/snackbars */
.wc-block-components-notices,
.wc-block-components-notices__snackbar {
  margin: 4px 0;
  padding: 6px 8px;
  font-size: 13px;
}

/* ---------- Mobile responsiveness: make even tighter ---------- */
@media (max-width: 720px) {
  .woocommerce-checkout,
  .wp-block-woocommerce-checkout {
    font-size: 13px;
  }

  .wp-block-woocommerce-checkout-order-summary-block {
/*     padding: 6px !important; */
  }

  .wc-block-components-order-summary-item__image img {
/*     width: 40px !important;
    height: 40px !important; */
  }

  .wc-block-components-text-input input[type="text"],
  .wc-block-components-text-input input[type="tel"],
  .wc-block-components-text-input input[type="email"] {
    padding: 8px 8px !important;
    min-height: 34px;
  }

  .wp-block-woocommerce-checkout .wc-block-components-main,
  .wp-block-woocommerce-checkout .wc-block-components-sidebar {
    gap: 8px;
  }

  .wc-block-components-checkout-step__heading { margin-bottom: 6px; }
}

/* ---------- Optional: make product description in summary hidden (if you want even tighter) ---------- */
.wc-block-components-product-metadata__description { 
  display: none !important;
}

/* ---------- Utility: reduce whitespace around header/footer on checkout ---------- */
.woocommerce-checkout .site-footer,
.woocommerce-checkout .site-header,
.woocommerce-checkout header {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
</style>
<!-- end Simple Custom CSS and JS -->
