form.woocommerce-ordering{
    margin-bottom: 0;
}
.woocommerce-form-login .required,
.woocommerce-form-register .required{
    display: none;
}
.form-row-flex{
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  justify-content: space-between;
}
[data-woo-qty-inited="1"].quantity{
    display: none !important;
}
.wc-block-checkout__form .wc-block-checkout__actions,
.wc-block-checkout__form .wc-block-checkout__payment-method{

}
.wcapf-active-filter-items .wcapf-reset-filters-btn-wrapper{
    display: none !important;
}
.wcrp-rental-products-availability-checker-applied .wcrp-rental-products-availability-checker-applied-notice,
.wcrp-rental-products-availability-checker-status-available{
    display: none !important;
}
.notice-error{
    color: var(--error-color) !important;
}
.wc-block-components-product-metadata__description,
.wc-block-components-product-details__rental-return-within,
.wc-block-components-product-details__rent-to .wc-block-components-product-details__name,
.wc-block-components-product-details__rent-to [aria-hidden="true"],
.wc-block-components-product-details__rent-from .wc-block-components-product-details__name{
    display: none !important;
}
.wc-block-cart-item__prices{
    display: none !important;
}

/* ==========================================================================
   Order Received / Thank-You page — Lone Star Parties
   --------------------------------------------------------------------------
   Ports the "Russell Knott" Claude Design handoff (handoff-order-received/
   order-received.css) onto WooCommerce's DEFAULT classic markup, which is the
   path its README recommends — no template overrides required.

   Why this page had no styling: cart and checkout are WooCommerce Blocks
   (.wp-block-woocommerce-*), but order-received is classic template markup
   (.woocommerce-order, .shop_table). Different namespace, so the existing
   theme CSS never reached it.

   Design tokens map 1:1 onto the theme's root.css, so theme tokens are used
   throughout and the colours come out identical:
     --mint      #22C892  -> --color-green-2      --pink-600 #E5187C -> --color-pink-3
     --navy      #1F2A52  -> --color-blue-2       --pink-700 #C20E66 -> --color-pink-1
     --navy-soft #5B6488  -> --color-blue-4       --pink-tint #FFE9F4-> --color-pink-6
     --r-lg      26px     -> --radius-26          --r-xl     36px    -> --radius-36
     --shadow-sm          -> 0 6px 18px -8px rgba(31,42,82,.22)

   NOTE ON SIZES: the design assumes a 16px rem base; this theme's root
   font-size is 10px. All design rem values are therefore x1.6
   (design .72rem -> 1.15rem here).

   Appended to: wp-content/themes/lonestar-new/wp-assets/css/style-wp.css
   ========================================================================== */

/* --------------------------------------------------------------------------
   .or-hero — the page header

   These elements live OUTSIDE .woocommerce-order (theme chrome: .breadcrumbs
   and .title sit in .content-box._star-decor), so they are scoped to the body
   class instead.

   The theme's global h1 renders 62.6px and uppercase; the design's hero is
   centred and uses .co-hero h1 at clamp(2.1rem, 4.4vw, 3.1rem) in sentence
   case, with no text-transform anywhere on its headings. Values below are the
   design's, converted for this theme's 10px rem base (x1.6).
   -------------------------------------------------------------------------- */
body.woocommerce-order-received .breadcrumbs_list {
  justify-content: center;
}

body.woocommerce-order-received .title {
  text-align: center;
}

body.woocommerce-order-received .title h1 {
  font-size: clamp(3.36rem, 4.4vw, 4.96rem);
  text-transform: none;
  margin-top: 12px;
}

/* --- .or-single: single-column, content-exact ---------------------------- */
.woocommerce-order {
  max-width: 860px;
  margin: 0 auto;
  padding-bottom: 80px;
}

/* --------------------------------------------------------------------------
   .or-hero .lede + .or-check

   The design places the green check between the breadcrumbs and the <h1>.
   WooCommerce prints this paragraph after the heading and there is no CSS way
   to move it there, so the check rides on this paragraph and lands just below
   the <h1>. Visually near-identical; a one-line template edit makes it exact.

   Scoped to the body class, not .woocommerce-order: on the "verify your email"
   state of this page WooCommerce renders the paragraph OUTSIDE
   .woocommerce-order, and a .woocommerce-order-scoped rule left it unstyled.
   -------------------------------------------------------------------------- */
body.woocommerce-order-received .woocommerce-thankyou-order-received {
  margin: 0 auto 34px;
  max-width: 52ch;
  text-align: center;
  font-size: 1.82rem;
  line-height: 1.6;
  color: var(--base-text-color);
}

body.woocommerce-order-received .woocommerce-thankyou-order-received::before {
  content: "";
  display: block;
  width: 76px;
  height: 76px;
  margin: 0 auto 18px;
  border-radius: 50%;
  background: var(--color-green-2)
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E")
    center / 38px 38px no-repeat;
  box-shadow: 0 16px 34px -14px var(--color-green-2);
}

/* --------------------------------------------------------------------------
   .or-meta — one gradient strip, four cells with hairline dividers
   -------------------------------------------------------------------------- */
.woocommerce-order .woocommerce-order-overview {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 8px;
  max-width: 920px;
  margin: 34px auto 0;
  padding: 20px 16px;
  list-style: none;
  border: 0;
  border-radius: var(--radius-36);
  background: linear-gradient(120deg, #dce6ff, #ffd8ec 52%, #ffeabf);
  box-shadow: 0 6px 18px -8px rgba(31, 42, 82, 0.22);
}

.woocommerce-order .woocommerce-order-overview li {
  position: relative;
  float: none;
  margin: 0;
  padding: 6px 16px;
  border: 0;
  text-align: center;
  /* the label is a bare text node in Woo's markup, so the <li> carries .lab */
  font-family: var(--base-font);
  font-size: 1.15rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--base-text-color);
}

.woocommerce-order .woocommerce-order-overview li + li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 15%;
  width: 1px;
  height: 70%;
  background: rgba(31, 42, 82, 0.14);
}

.woocommerce-order .woocommerce-order-overview li strong {
  display: block;
  margin-top: 3px;
  font-family: var(--base-font);
  font-size: 1.79rem;
  font-weight: 800;
  letter-spacing: normal;
  text-transform: none;
  color: var(--h1-h6-color);
}

/* --------------------------------------------------------------------------
   .or-section / .or-card
   -------------------------------------------------------------------------- */
.woocommerce-order .woocommerce-order-details {
  margin: 48px 0 0;
}

.woocommerce-order .woocommerce-customer-details {
  margin: 24px 0 0;
}

.woocommerce-order .woocommerce-order-details,
.woocommerce-order .woocommerce-customer-details {
  padding: 28px;
  border: var(--border);
  border-radius: var(--radius-26);
  background: var(--color-white);
  box-shadow: 0 6px 18px -8px rgba(31, 42, 82, 0.22);
}

.woocommerce-order .woocommerce-order-details__title {
  margin: 0 0 18px;
  font-size: 2.24rem;
  font-weight: 800;
  line-height: 1.2;
  color: var(--h1-h6-color);
}

/* --------------------------------------------------------------------------
   Order details table -> .or-thead / .or-item / .or-totals
   Strip the table chrome; the design is borderless rows.
   -------------------------------------------------------------------------- */
.woocommerce-order .woocommerce-table--order-details {
  width: 100%;
  margin: 0;
  border: 0;
  border-collapse: collapse;
  background: none;
  box-shadow: none;
}

.woocommerce-order .woocommerce-table--order-details th,
.woocommerce-order .woocommerce-table--order-details td {
  border: 0;
  background: none;
}

/* ---- .or-thead ---- */
.woocommerce-order .woocommerce-table--order-details thead th {
  padding: 0 0 12px;
  border-bottom: var(--border);
  font-family: var(--base-font);
  font-size: 1.25rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  text-align: left;
  color: var(--base-text-color);
}

.woocommerce-order .woocommerce-table--order-details thead th.product-total {
  text-align: right;
}

/* ---- .or-item ---- */
.woocommerce-order .woocommerce-table--order-details tbody td {
  padding: 18px 0 22px;
  border-bottom: var(--border);
  vertical-align: top;
  /* the theme centres table cells by default; the design is left/right */
  text-align: left;
}

.woocommerce-order .woocommerce-table--order-details tbody .product-name > a {
  font-family: var(--base-font);
  font-size: 1.79rem;
  font-weight: 700;
  line-height: 1.3;
  color: var(--h1-h6-color);
  text-decoration: none;
  transition: color var(--animation-duration) var(--animation-timing-function);
}

.woocommerce-order .woocommerce-table--order-details tbody .product-name > a:hover,
.woocommerce-order .woocommerce-table--order-details tbody .product-name > a:focus-visible {
  color: var(--color-pink-3);
}

.woocommerce-order .woocommerce-table--order-details .product-quantity {
  font-family: var(--base-font);
  font-size: 1.52rem;
  font-weight: 700;
  color: var(--base-text-color);
}

.woocommerce-order .woocommerce-table--order-details tbody .product-total {
  text-align: right;
  white-space: nowrap;
  font-family: var(--base-font);
  font-size: 1.79rem;
  font-weight: 800;
  color: var(--h1-h6-color);
}

/* ---- .or-dates (rental meta) ---- */
.woocommerce-order .wc-item-meta {
  display: grid;
  grid-template-columns: repeat(3, auto);
  justify-content: start;
  gap: 6px 22px;
  margin: 12px 0 0;
  padding: 0;
  list-style: none;
}

.woocommerce-order .wc-item-meta li {
  margin: 0;
  padding: 0;
}

.woocommerce-order .wc-item-meta li::before { content: none; }

.woocommerce-order .wc-item-meta .wc-item-meta-label {
  display: block;
  margin: 0;
  font-size: 1.18rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--base-text-color);
}

.woocommerce-order .wc-item-meta li p {
  margin: 0;
  font-family: var(--base-font);
  font-size: 1.52rem;
  font-weight: 700;
  color: var(--h1-h6-color);
}

/* ---- .or-totals ---- */
.woocommerce-order .woocommerce-table--order-details tfoot th,
.woocommerce-order .woocommerce-table--order-details tfoot td {
  padding: 5.5px 0;
  font-size: 1.6rem;
  line-height: 1.5;
}

.woocommerce-order .woocommerce-table--order-details tfoot th {
  font-weight: 500;
  text-align: left;
  color: var(--base-text-color);
}

.woocommerce-order .woocommerce-table--order-details tfoot td {
  font-weight: 700;
  text-align: right;
  color: var(--h1-h6-color);
}

.woocommerce-order .woocommerce-table--order-details tfoot tr:first-child th,
.woocommerce-order .woocommerce-table--order-details tfoot tr:first-child td {
  padding-top: 18px;
}

/* The grand total is the second-from-last footer row; the last row is
   "Payment method". If a template change ever adds a class to these rows,
   prefer targeting that instead. */
.woocommerce-order .woocommerce-table--order-details tfoot tr:nth-last-child(2) th,
.woocommerce-order .woocommerce-table--order-details tfoot tr:nth-last-child(2) td {
  padding-top: 14px;
  margin-top: 4px;
  border-top: var(--border);
  font-family: var(--base-font);
  font-weight: 800;
  font-size: 1.92rem;
  color: var(--h1-h6-color);
}

.woocommerce-order .woocommerce-table--order-details tfoot tr:nth-last-child(2) td {
  font-size: 2.24rem;
  color: var(--color-pink-3);
}

/* --------------------------------------------------------------------------
   .or-addr
   -------------------------------------------------------------------------- */
.woocommerce-order .woocommerce-customer-details .woocommerce-columns--addresses {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
  margin: 0;
}

.woocommerce-order .woocommerce-customer-details .woocommerce-column {
  width: auto;
  float: none;
  margin: 0;
  padding: 0;
  border: 0;
  background: none;
  box-shadow: none;
}

.woocommerce-order .woocommerce-customer-details .woocommerce-column__title {
  margin: 0 0 8px;
  font-family: var(--base-font);
  font-size: 1.25rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--base-text-color);
}

.woocommerce-order .woocommerce-customer-details address {
  margin: 0;
  font-size: 1.6rem;
  font-style: normal;
  line-height: 1.6;
  color: var(--h1-h6-color);
}

.woocommerce-order .woocommerce-customer-details--email,
.woocommerce-order .woocommerce-customer-details--phone {
  margin: 8px 0 0;
  font-size: 1.6rem;
  color: var(--h1-h6-color);
  word-break: break-word;
}

/* --------------------------------------------------------------------------
   .or-back — a text link, not a button

   Scoped to the body class, NOT to .woocommerce-order: the theme renders
   .back-link inside .entry while .woocommerce-order sits inside .woocommerce,
   so they are not siblings and a `~` combinator never matches.
   -------------------------------------------------------------------------- */
body.woocommerce-order-received .back-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-top: 28px;
  font-family: var(--base-font);
  font-size: 1.6rem;
  font-weight: 700;
  color: var(--color-pink-3);
  text-decoration: none;
  transition: color var(--animation-duration) var(--animation-timing-function),
              gap var(--animation-duration) var(--animation-timing-function);
}

body.woocommerce-order-received .back-link:hover,
body.woocommerce-order-received .back-link:focus-visible {
  gap: 11px;
  color: var(--color-pink-1);
}

/* --------------------------------------------------------------------------
   Responsive — design breakpoints are 960px and 600px
   -------------------------------------------------------------------------- */
@media (max-width: 960px) {
  .woocommerce-order .woocommerce-order-overview {
    grid-template-columns: repeat(2, 1fr);
    row-gap: 14px;
  }

  .woocommerce-order .woocommerce-order-overview li:nth-child(3)::before {
    display: none;
  }
}

@media (max-width: 600px) {
  .woocommerce-order .wc-item-meta { grid-template-columns: 1fr; }

  .woocommerce-order .woocommerce-customer-details .woocommerce-columns--addresses {
    grid-template-columns: 1fr;
  }

  /* line item stacks: name, then price beneath */
  .woocommerce-order .woocommerce-table--order-details thead { display: none; }

  .woocommerce-order .woocommerce-table--order-details,
  .woocommerce-order .woocommerce-table--order-details tbody,
  .woocommerce-order .woocommerce-table--order-details tfoot,
  .woocommerce-order .woocommerce-table--order-details tr,
  .woocommerce-order .woocommerce-table--order-details th,
  .woocommerce-order .woocommerce-table--order-details td {
    display: block;
    width: auto;
  }

  .woocommerce-order .woocommerce-table--order-details tbody .product-name {
    padding-bottom: 0;
    border-bottom: 0;
  }

  .woocommerce-order .woocommerce-table--order-details tbody .product-total {
    padding-top: 10px;
    text-align: left;
  }

  /* totals: label left, value right */
  .woocommerce-order .woocommerce-table--order-details tfoot tr {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 16px;
  }

  .woocommerce-order .woocommerce-table--order-details tfoot tr:nth-last-child(2) th,
  .woocommerce-order .woocommerce-table--order-details tfoot tr:nth-last-child(2) td {
    border-top: 0;
  }

  /* as flex children the th/td no longer span the row, so the total's top
     rule must move onto the row itself */
  .woocommerce-order .woocommerce-table--order-details tfoot tr:nth-last-child(2) {
    margin-top: 10px;
    padding-top: 14px;
    border-top: var(--border);
  }

  .woocommerce-order .woocommerce-order-details,
  .woocommerce-order .woocommerce-customer-details {
    padding: 20px;
  }
}