/**
 * Checkout Typography - Ultra Compact
 * Client's minimalist "tiny type" look while keeping tap targets accessible
 */

/* === Checkout compact typography === */

/* Base */
.woocommerce-checkout-wrapper,
.woocommerce-checkout {
  font-size: 12px;
  line-height: 1.35;
}

/* Section titles */
.woocommerce-checkout h3,
#order_review_heading {
  font-size: 12px;
  font-weight: 600;
  letter-spacing: .02em;
  margin: 0 0 10px;
  text-transform: none;
}

/* Labels */
.woocommerce form .form-row label {
  font-size: 11px;
  font-weight: 500;
  margin-bottom: 6px;
}

/* Inputs */
.woocommerce form .input-text,
.woocommerce form select,
.woocommerce form textarea {
  font-size: 12px;
  line-height: 1.35;
  padding: 10px 12px;            /* keep field height ~44px */
}

/* Help/optional notes under fields */
.woocommerce form .description,
.woocommerce form .optional,
.woocommerce form .form-row .woocommerce-input-wrapper .description {
  font-size: 11px;
}

/* Select2 (country/state) */
.select2-container .select2-selection--single .select2-selection__rendered,
.select2-results__option {
  font-size: 12px;
}

.select2-container .select2-selection--single {
  min-height: 44px;
}

/* Order summary table */
.woocommerce-checkout-review-order-table th,
.woocommerce-checkout-review-order-table td {
  font-size: 12px;
}

.woocommerce-checkout-review-order-table tfoot th,
.woocommerce-checkout-review-order-table tfoot td {
  font-size: 12.5px;             /* totals just a touch larger */
  font-weight: 600;
}

/* Payment area (outside Stripe iframe) */
#payment .wc_payment_methods label,
#payment .form-row,
#payment .payment_method_stripe label {
  font-size: 12px;
}

/* Place order button */
#payment .place-order .button {
  font-size: 12px;
  letter-spacing: .02em;
  padding: 12px 18px;
}

/* Sidebar cards */
.checkout-sidebar .sidebar-card {
  font-size: 12px;
}

/* Terms, save-card, misc notes */
.woocommerce-terms-and-conditions-wrapper,
.woocommerce-privacy-policy-text,
#payment .woocommerce-SavedPaymentMethods,
#payment .woocommerce-terms-and-conditions-checkbox-text {
  font-size: 11.5px;
}

/* Mobile: keep tiny type but ensure readability */
@media (max-width: 768px) {
  .woocommerce-checkout,
  .woocommerce-checkout-wrapper {
    font-size: 12.5px;           /* slight bump for small screens */
  }
  
  #payment .place-order .button {
    width: 100%;
  }
}