/**
 * Lalousi commerce polish.
 * Final, intentionally small visual layer for cart, account and checkout.
 */

/* Cart: fixed quantities should read as an intentional pill, not a thin box. */
body.woocommerce-cart .quantity-without-bin--fixed {
  display: inline-flex !important;
  align-items: center !important;
  min-width: 52px !important;
  height: 26px !important;
  padding: 0 14px !important;
  box-sizing: border-box !important;
  justify-content: center !important;
  overflow: visible !important;
}

body.woocommerce-cart .quantity-without-bin--fixed .quantity-value--fixed {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  min-width: 0 !important;
  font-family: var(--font-body) !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 1 !important;
  text-align: center !important;
  white-space: nowrap !important;
}

/* Cart names wrap only between words and always remain visually left-aligned. */
body.woocommerce-cart .woocommerce-cart-form__contents td.product-name,
body.woocommerce-cart .woocommerce-cart-form__contents td.product-name a,
body.woocommerce-cart .woocommerce-cart-form__contents td.product-name dl,
body.woocommerce-cart .woocommerce-cart-form__contents td.product-name dt,
body.woocommerce-cart .woocommerce-cart-form__contents td.product-name dd,
body.woocommerce-cart .woocommerce-cart-form__contents td.product-name p {
  min-width: 0 !important;
  text-align: left !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
  hyphens: none !important;
}

body.woocommerce-cart .woocommerce-cart-form__contents td.product-name a {
  display: inline-block !important;
  max-width: 100% !important;
}

/* One compact variation line below the parent product title. */
body.woocommerce-cart .woocommerce-cart-form__contents td.product-name .lalousi-cart-variation {
  margin: 2px 0 0 !important;
  padding-left: 60px !important;
  line-height: 1.3 !important;
}

body.woocommerce-cart .woocommerce-cart-form__contents td.product-name .lalousi-cart-variation__label {
  font-weight: 400 !important;
}

@media (max-width: 767px) {
  /* The variation belongs directly beneath its product title on the compact
     cart card; the desktop indentation made “Size: 47” appear detached. */
  body.woocommerce-cart .woocommerce-cart-form__contents td.product-name .lalousi-cart-variation {
    margin-top: 4px !important;
    padding-left: 0 !important;
    font-size: 12px !important;
    line-height: 1.3 !important;
  }

  /* Keep the checkout receipt and payment panel within the same two gutters.
     Content-box widths from Woo previously overflowed on the right. */
  body.woocommerce-checkout :is(
    #customer_details,
    #order_review_heading,
    #order_review,
    #order_review #payment,
    .woocommerce-checkout-payment
  ) {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
  }

  /* This Elementor checkout section had a left-only mobile inset. Remove it
     and let the page container provide the same gutter on both sides. */
  body.woocommerce-checkout .elementor-40 .elementor-element.elementor-element-3d105c6f,
  body.woocommerce-checkout .elementor-40 .elementor-element.elementor-element-3d105c6f > .elementor-container,
  body.woocommerce-checkout .elementor-40 .elementor-element.elementor-element-3d105c6f .elementor-widget-wrap,
  body.woocommerce-checkout .elementor-40 .elementor-element.elementor-element-3d105c6f .elementor-widget-container {
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;
  }

  body.woocommerce-checkout .elementor-40 .elementor-element.elementor-element-3d105c6f form.checkout,
  body.woocommerce-checkout .elementor-40 .elementor-element.elementor-element-3d105c6f #order_review,
  body.woocommerce-checkout .elementor-40 .elementor-element.elementor-element-3d105c6f #payment {
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;
  }

  /* The receipt normally keeps every amount on one line.  The Greek tax
     explanation is wider than the remaining total-cell width, though, and
     forcing it to stay inline makes the entire table wider than the viewport.
     Let only the total row wrap naturally; unit prices and shipping stay
     right-aligned on their single compact lines. */
  body.woocommerce-checkout #order_review table.woocommerce-checkout-review-order-table tr.order-total > td {
    white-space: normal !important;
  }
}

/* My Account: Woo's order-history confirmation action uses the site button. */
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-info:has(> a.button.wc-forward) {
  display: flex !important;
  flex-direction: row-reverse !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 32px !important;
  width: 100% !important;
  min-height: 0 !important;
  margin: 0 0 28px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: var(--text-primary) !important;
  font-family: var(--font-body) !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  line-height: 1.6 !important;
  letter-spacing: 0.02em !important;
}

body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-info:has(> a.button.wc-forward)::before {
  content: none !important;
  display: none !important;
}

body.woocommerce-account .woocommerce-MyAccount-content > button.button,
body.woocommerce-account .woocommerce-MyAccount-content > .woocommerce-button.button,
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-info > a.button.wc-forward,
body.woocommerce-account .woocommerce-MyAccount-content form button[name*="confirm"],
body.woocommerce-account .woocommerce-MyAccount-content form .woocommerce-button.button[name*="email"] {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 224px !important;
  width: 224px !important;
  min-width: 224px !important;
  height: 44px !important;
  min-height: 44px !important;
  margin: 0 !important;
  padding: 0 22px !important;
  border: 1px solid var(--text-inverse) !important;
  border-radius: 0 !important;
  background: var(--text-primary) !important;
  box-shadow: none !important;
  color: var(--text-inverse) !important;
  font-family: var(--font-heading) !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  letter-spacing: 0.5px !important;
  text-align: center !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
  cursor: pointer !important;
  transition: background-color 180ms ease, color 180ms ease !important;
}

body.woocommerce-account .woocommerce-MyAccount-content > button.button:hover,
body.woocommerce-account .woocommerce-MyAccount-content > .woocommerce-button.button:hover,
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-info > a.button.wc-forward:hover,
body.woocommerce-account .woocommerce-MyAccount-content form button[name*="confirm"]:hover,
body.woocommerce-account .woocommerce-MyAccount-content form .woocommerce-button.button[name*="email"]:hover {
  background: var(--text-primary) !important;
  border-color: var(--text-primary) !important;
  color: var(--text-inverse) !important;
}

body.woocommerce-account .woocommerce-MyAccount-content > button.button:focus-visible,
body.woocommerce-account .woocommerce-MyAccount-content > .woocommerce-button.button:focus-visible,
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-info > a.button.wc-forward:focus-visible,
body.woocommerce-account .woocommerce-MyAccount-content form button[name*="confirm"]:focus-visible,
body.woocommerce-account .woocommerce-MyAccount-content form .woocommerce-button.button[name*="email"]:focus-visible {
  outline: 1px solid var(--text-primary) !important;
  outline-offset: 3px !important;
}

/* This stylesheet is loaded after style.css on account pages. Astra can emit
   a literal white account canvas, so reset the whole account shell here. */
html[data-theme="dark"] body.woocommerce-account :is(
  #content,
  .site-content,
  .ast-separate-container,
  #primary,
  .ast-container,
  .site-main,
  .ast-article-post,
  .ast-article-single,
  .entry-content,
  .woocommerce,
  .woocommerce-MyAccount,
  .woocommerce-MyAccount-navigation,
  .woocommerce-MyAccount-content,
  .la-profile,
  .la-account-header
) {
  background-color: var(--surface-primary) !important;
}

/* The mobile Account document has Astra wrappers above and below the Woo
   block. They must share the black canvas, rather than showing white strips. */
html[data-theme="dark"] body.woocommerce-account :is(
  .elementor,
  .elementor .elementor-element,
  .elementor .e-con,
  .elementor .elementor-widget-container
) {
  background-color: var(--surface-primary) !important;
}

html[data-theme="dark"] body.woocommerce-account :is(
  .woocommerce-MyAccount-navigation,
  .woocommerce-MyAccount-content,
  .la-account-header,
  .la-profile
) :is(h1, h2, h3, h4, h5, h6, p, span, label, strong, a, dt, dd, li) {
  color: var(--text-primary) !important;
}

html[data-theme="dark"] body.woocommerce-account :is(
  .la-profile .la-input,
  .la-profile .flatpickr-input[readonly],
  .la-profile .form-control.input[readonly],
  .woocommerce-MyAccount-content input,
  .woocommerce-MyAccount-content select,
  .woocommerce-MyAccount-content textarea
) {
  background-color: var(--surface-muted) !important;
  border-color: var(--border-subtle) !important;
  color: var(--text-primary) !important;
}

html[data-theme="dark"] body.woocommerce-account :is(
  .la-profile button,
  .la-profile input[type="submit"],
  .woocommerce-MyAccount-content button.button,
  .woocommerce-MyAccount-content input[type="submit"]
) {
  background-color: var(--text-primary) !important;
  border-color: var(--text-primary) !important;
  color: var(--text-inverse) !important;
}

/* Commerce templates are saved Elementor documents. Their literal white
 * section canvases must follow the active page surface, including the empty
 * area below Cart and both Checkout columns. */
html[data-theme="dark"] body:is(.woocommerce-cart, .woocommerce-checkout) :is(
  #content,
  .site-content,
  #primary,
  .ast-container,
  .ast-article-single,
  .entry-content,
  .elementor,
  .elementor .elementor-element,
  .elementor .e-con,
  .elementor .elementor-widget-container,
  .woocommerce,
  .woocommerce-cart-form,
  .cart-collaterals,
  form.checkout,
  #customer_details,
  #order_review,
  #order_review_heading
) {
  background-color: var(--surface-primary) !important;
}

/* All normal checkout/account Select2 controls share the field surface
 * (#141414 in dark), including selected text and the native arrow. */
html[data-theme="dark"] body:is(.woocommerce-account, .woocommerce-checkout) .select2-container--default .select2-selection--single {
  background-color: var(--surface-muted) !important;
  border-color: var(--border-subtle) !important;
}

html[data-theme="dark"] body:is(.woocommerce-account, .woocommerce-checkout) .select2-container--default .select2-selection--single :is(.select2-selection__rendered, .select2-selection__placeholder) {
  color: var(--text-primary) !important;
}

html[data-theme="dark"] body:is(.woocommerce-account, .woocommerce-checkout) .select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-color: var(--text-primary) transparent transparent transparent !important;
}

html[data-theme="dark"] body.woocommerce-checkout :is(
  .woocommerce-billing-fields,
  .woocommerce-additional-fields,
  #order_review,
  #order_review_heading
) :is(h1, h2, h3, h4, h5, h6, p, span, label, strong, a, th, td, dt, dd, li) {
  color: var(--text-primary) !important;
}

html[data-theme="dark"] body.woocommerce-checkout #order_review :is(
  .woocommerce-checkout-review-order-table thead th,
  .woocommerce-checkout-review-order-table tfoot th,
  .product-quantity,
  dl.variation,
  dl.variation *,
  .includes_tax,
  .woocommerce-privacy-policy-text,
  .woocommerce-privacy-policy-text *,
  .we-payment-option__subtitle
) {
  color: var(--text-secondary) !important;
}

html[data-theme="dark"] body.woocommerce-checkout :is(
  .woocommerce-billing-fields,
  .woocommerce-additional-fields
) :is(input.input-text, select, textarea) {
  background-color: var(--surface-muted) !important;
  border-color: var(--border-subtle) !important;
  color: var(--text-primary) !important;
}

html[data-theme="dark"] body.woocommerce-checkout :is(
  .woocommerce-billing-fields,
  .woocommerce-additional-fields
) :is(input.input-text, textarea)::placeholder {
  color: var(--text-secondary) !important;
}

/* Cart subtotal is a primary monetary value; the explanatory line below it
 * remains secondary. */
html[data-theme="dark"] body.woocommerce-cart .cart-collaterals :is(
  .cart-subtotal,
  .cart-subtotal *,
  .woocommerce-Price-amount,
  .woocommerce-Price-amount *
) {
  color: var(--text-primary) !important;
}

html[data-theme="dark"] body.woocommerce-cart .cart-collaterals > p:first-child,
html[data-theme="dark"] body.woocommerce-cart .cart-collaterals > p:first-child * {
  color: var(--text-primary) !important;
}

html[data-theme="dark"] body.woocommerce-cart .cart-collaterals .cart-notice,
html[data-theme="dark"] body.woocommerce-cart .cart-collaterals .cart-notice * {
  color: var(--text-secondary) !important;
}

/* Style local WooCommerce recalculation overlays only. Stripe's page-level
 * wallet overlay must retain its own transparency and presentation. */
html[data-theme="dark"] body.woocommerce-checkout:not(.woocommerce-order-received) form.checkout :is(.blockUI.blockOverlay, .blockOverlay) {
  opacity: 1 !important;
  background-color: var(--surface-muted) !important;
  background-image: none !important;
}

/* One table-row rule, rather than two independent cell rules: this keeps the
 * product/quantity/amount divider perfectly level across its full width. */
html[data-theme="dark"] body.woocommerce-checkout #order_review table.woocommerce-checkout-review-order-table tbody tr {
  border-bottom: 1px solid var(--border-subtle) !important;
}

html[data-theme="dark"] body.woocommerce-checkout #order_review table.woocommerce-checkout-review-order-table tbody tr > :is(th, td) {
  border-top: 0 !important;
  border-bottom: 0 !important;
  vertical-align: middle !important;
}

/* The cart remove asset is black by design; invert it only on the dark page
 * surface so the control remains visible. */
html[data-theme="dark"] body.woocommerce-cart .woocommerce-cart-form__cart-item .product-quantity a.remove {
  filter: brightness(0) invert(1) !important;
}

/* Checkout shell: one restrained, editorial rhythm across form and receipt. */
body.woocommerce-checkout:not(.woocommerce-order-received) .entry-content > .woocommerce,
body.woocommerce-checkout:not(.woocommerce-order-received) .woocommerce-checkout,
body.woocommerce-order-received .entry-content > .woocommerce,
body.woocommerce-order-received .woocommerce-order {
  width: 100% !important;
  max-width: 1140px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box !important;
}

body.woocommerce-checkout .woocommerce-info,
body.woocommerce-checkout .woocommerce-message,
body.woocommerce-checkout .woocommerce-error {
  border-radius: 0 !important;
  box-shadow: none !important;
}

/* Checkout loading state: keep the fixed header crisp and above BlockUI. */
body.woocommerce-checkout:not(.woocommerce-order-received) .site-header {
  z-index: 5000 !important;
  isolation: isolate !important;
  background-color: var(--surface-primary) !important;
}

body.woocommerce-checkout:not(.woocommerce-order-received) form.checkout {
  position: relative !important;
  isolation: isolate !important;
}

body.woocommerce-checkout:not(.woocommerce-order-received) form.checkout > .blockUI.blockOverlay {
  z-index: 800 !important;
  opacity: 1 !important;
  background-color: color-mix(in srgb, var(--surface-primary) 72%, transparent) !important;
  background-image: none !important;
  cursor: progress !important;
}

/* Woo blocks several nested checkout sections at once. Suppress every local
 * loader and render exactly one page-level spinner for the main form block. */
body.woocommerce-checkout:not(.woocommerce-order-received) form.checkout .blockUI.blockOverlay::before,
body.woocommerce-checkout:not(.woocommerce-order-received) form.checkout .blockUI.blockOverlay::after {
  content: none !important;
  display: none !important;
  background: none !important;
  animation: none !important;
}

body.woocommerce-checkout:not(.woocommerce-order-received):has(form.checkout .blockUI.blockOverlay)::after {
  content: "" !important;
  position: fixed !important;
  top: 50% !important;
  left: 50% !important;
  width: 28px !important;
  height: 28px !important;
  margin: -14px 0 0 -14px !important;
  border: 1px solid color-mix(in srgb, var(--text-primary) 22%, transparent) !important;
  border-top-color: var(--text-primary) !important;
  border-radius: 50% !important;
  box-sizing: border-box !important;
  z-index: 4900 !important;
  pointer-events: none !important;
  animation: lalousi-checkout-spin 700ms linear infinite !important;
}

body.woocommerce-checkout:not(.woocommerce-order-received) form.checkout .blockUI.blockMsg {
  display: none !important;
}

@keyframes lalousi-checkout-spin {
  to {
    transform: rotate(360deg);
  }
}

@media (prefers-reduced-motion: reduce) {
  body.woocommerce-checkout:not(.woocommerce-order-received):has(form.checkout .blockUI.blockOverlay)::after {
    animation: none !important;
    border-color: var(--text-primary) !important;
  }
}

/* Thank-you / order-received page. */
body.woocommerce-order-received .woocommerce-order > .woocommerce-notice,
body.woocommerce-order-received .woocommerce-order > .woocommerce-thankyou-order-received {
  margin: 0 0 24px !important;
  padding: 0 0 18px !important;
  border-bottom: 1px solid var(--text-primary) !important;
  color: var(--text-primary) !important;
  font-family: var(--font-heading) !important;
  font-size: clamp(22px, 2vw, 29px) !important;
  font-weight: 400 !important;
  line-height: 1.2 !important;
  letter-spacing: 0.01em !important;
}

body.woocommerce-order-received ul.woocommerce-order-overview,
body.woocommerce-order-received ul.order_details {
  display: grid !important;
  grid-template-columns: minmax(120px, 0.8fr) minmax(150px, 1fr) minmax(230px, 1.55fr) minmax(120px, 0.8fr) minmax(180px, 1.15fr) !important;
  gap: 0 !important;
  width: 100% !important;
  margin: 0 0 34px !important;
  padding: 0 !important;
  border: 1px solid var(--border-subtle) !important;
  background: var(--surface-primary) !important;
  list-style: none !important;
  box-sizing: border-box !important;
}

/* Woo's clearfix pseudo-elements become phantom grid items unless removed. */
body.woocommerce-order-received ul.woocommerce-order-overview::before,
body.woocommerce-order-received ul.woocommerce-order-overview::after,
body.woocommerce-order-received ul.order_details::before,
body.woocommerce-order-received ul.order_details::after {
  content: none !important;
  display: none !important;
}

body.woocommerce-order-received ul.woocommerce-order-overview li,
body.woocommerce-order-received ul.order_details li {
  display: block !important;
  width: auto !important;
  max-width: none !important;
  min-width: 0 !important;
  float: none !important;
  clear: none !important;
  margin: 0 !important;
  padding: 18px 16px !important;
  border: 0 !important;
  border-right: 1px solid var(--border-subtle) !important;
  color: var(--text-secondary) !important;
  font-family: var(--font-body) !important;
  font-size: 10px !important;
  font-weight: 500 !important;
  line-height: 1.35 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
  box-sizing: border-box !important;
}

body.woocommerce-order-received ul.woocommerce-order-overview li:last-child,
body.woocommerce-order-received ul.order_details li:last-child {
  border-right: 0 !important;
}

body.woocommerce-order-received ul.woocommerce-order-overview li strong,
body.woocommerce-order-received ul.order_details li strong {
  display: block !important;
  margin-top: 7px !important;
  color: var(--text-primary) !important;
  font-family: var(--font-body) !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  line-height: 1.45 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

/* Long email addresses must remain inside their mobile order-summary cell. */
body.woocommerce-order-received ul.woocommerce-order-overview li.woocommerce-order-overview__email strong,
body.woocommerce-order-received ul.order_details li.woocommerce-order-overview__email strong {
  min-width: 0 !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
}

body.woocommerce-order-received .woocommerce-order-details,
body.woocommerce-order-received .woocommerce-customer-details {
  margin: 0 0 32px !important;
  padding: 0 !important;
  border: 1px solid var(--border-subtle) !important;
  background: var(--surface-primary) !important;
}

body.woocommerce-order-received .woocommerce-order-details__title,
body.woocommerce-order-received .woocommerce-customer-details > h2,
body.woocommerce-order-received .woocommerce-column__title {
  margin: 0 !important;
  padding: 20px 22px !important;
  border-bottom: 1px solid var(--border-subtle) !important;
  color: var(--text-primary) !important;
  font-family: var(--font-heading) !important;
  font-size: 21px !important;
  font-weight: 400 !important;
  line-height: 1.2 !important;
  letter-spacing: 0.01em !important;
}

/* WooCommerce gives these section headings a light card background by default.
   The parent panel already follows the active surface token; keep its heading
   on that same surface when the visitor switches to dark mode. */
html[data-theme="dark"] body.woocommerce-order-received :is(
  .woocommerce-order-details__title,
  .woocommerce-customer-details > h2,
  .woocommerce-column__title
) {
  background-color: var(--surface-primary) !important;
}

body.woocommerce-order-received .woocommerce-order-details table.shop_table {
  width: 100% !important;
  margin: 0 !important;
  border: 0 !important;
  border-collapse: collapse !important;
  table-layout: fixed !important;
}

body.woocommerce-order-received .woocommerce-order-details table.shop_table th,
body.woocommerce-order-received .woocommerce-order-details table.shop_table td {
  padding: 15px 18px !important;
  border: 0 !important;
  border-bottom: 1px solid var(--border-subtle) !important;
  color: var(--text-primary) !important;
  font-family: var(--font-body) !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  line-height: 1.55 !important;
  text-align: left !important;
  vertical-align: top !important;
}

body.woocommerce-order-received .woocommerce-order-details table.shop_table th:last-child,
body.woocommerce-order-received .woocommerce-order-details table.shop_table td:last-child {
  width: 36% !important;
  text-align: right !important;
}

body.woocommerce-order-received .woocommerce-order-details table.shop_table thead th {
  padding-top: 13px !important;
  padding-bottom: 13px !important;
  color: var(--text-secondary) !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
}

body.woocommerce-order-received .woocommerce-order-details table.shop_table tfoot tr:last-child th,
body.woocommerce-order-received .woocommerce-order-details table.shop_table tfoot tr:last-child td {
  border-bottom: 0 !important;
}

body.woocommerce-order-received .woocommerce-order-details table.shop_table a {
  color: var(--text-primary) !important;
  text-decoration: none !important;
}

body.woocommerce-order-received .woocommerce-order-details table.shop_table a:hover {
  text-decoration: underline !important;
  text-underline-offset: 3px !important;
}

body.woocommerce-order-received .woocommerce-order-details .wc-item-meta,
body.woocommerce-order-received .woocommerce-order-details dl.variation {
  margin: 6px 0 0 !important;
  padding: 0 !important;
  color: var(--text-secondary) !important;
  font-size: 12px !important;
  list-style: none !important;
}

body.woocommerce-order-received .woocommerce-customer-details .woocommerce-columns {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 0 !important;
  margin: 0 !important;
}

body.woocommerce-order-received .woocommerce-customer-details .woocommerce-columns--2 {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

body.woocommerce-order-received .woocommerce-customer-details .woocommerce-column {
  width: auto !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
}

body.woocommerce-order-received .woocommerce-customer-details .woocommerce-column + .woocommerce-column {
  border-left: 1px solid var(--border-subtle) !important;
}

body.woocommerce-order-received .woocommerce-customer-details address {
  min-height: 210px !important;
  margin: 0 !important;
  padding: 22px !important;
  border: 0 !important;
  border-radius: 0 !important;
  color: var(--text-primary) !important;
  font-family: var(--font-body) !important;
  font-size: 13px !important;
  font-style: normal !important;
  line-height: 1.85 !important;
  box-sizing: border-box !important;
}

body.woocommerce-order-received .woocommerce-customer-details address p {
  margin: 8px 0 0 !important;
}

@media (max-width: 1180px) {
  body.woocommerce-checkout:not(.woocommerce-order-received) .entry-content > .woocommerce,
  body.woocommerce-order-received .entry-content > .woocommerce {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }

  body.woocommerce-order-received ul.woocommerce-order-overview li,
  body.woocommerce-order-received ul.order_details li {
    padding: 16px 14px !important;
  }
}

@media (max-width: 921px) {
  body.woocommerce-order-received ul.woocommerce-order-overview,
  body.woocommerce-order-received ul.order_details {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  body.woocommerce-order-received ul.woocommerce-order-overview li,
  body.woocommerce-order-received ul.order_details li {
    border-right: 0 !important;
    border-bottom: 1px solid var(--border-subtle) !important;
  }

  body.woocommerce-order-received ul.woocommerce-order-overview li:nth-child(odd),
  body.woocommerce-order-received ul.order_details li:nth-child(odd) {
    border-right: 1px solid var(--border-subtle) !important;
  }

  body.woocommerce-order-received ul.woocommerce-order-overview li:last-child,
  body.woocommerce-order-received ul.order_details li:last-child {
    grid-column: 1 / -1 !important;
    border-right: 0 !important;
    border-bottom: 0 !important;
  }
}

@media (max-width: 767px) {
  body.woocommerce-cart .quantity-without-bin--fixed {
    min-width: 52px !important;
    height: 26px !important;
    padding-left: 14px !important;
    padding-right: 14px !important;
  }

  body.woocommerce-cart .woocommerce-cart-form__contents td.product-name a {
    display: block !important;
    line-height: 1.35 !important;
  }

  body.woocommerce-account .woocommerce-MyAccount-content > button.button,
  body.woocommerce-account .woocommerce-MyAccount-content > .woocommerce-button.button,
  body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-info > a.button.wc-forward,
  body.woocommerce-account .woocommerce-MyAccount-content form button[name*="confirm"],
  body.woocommerce-account .woocommerce-MyAccount-content form .woocommerce-button.button[name*="email"] {
    width: 100% !important;
    flex-basis: auto !important;
    min-width: 0 !important;
    min-height: 48px !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
    white-space: normal !important;
  }

  body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-info:has(> a.button.wc-forward) {
    flex-direction: column-reverse !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    gap: 12px !important;
    margin-bottom: 24px !important;
    font-size: 13px !important;
    line-height: 1.65 !important;
  }

  body.woocommerce-order-received .entry-content > .woocommerce {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  body.woocommerce-order-received .woocommerce-order > .woocommerce-notice,
  body.woocommerce-order-received .woocommerce-order > .woocommerce-thankyou-order-received {
    margin-bottom: 18px !important;
    padding-bottom: 14px !important;
    font-size: 23px !important;
  }

  body.woocommerce-order-received ul.woocommerce-order-overview,
  body.woocommerce-order-received ul.order_details {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    margin-bottom: 24px !important;
  }

  body.woocommerce-order-received ul.woocommerce-order-overview li,
  body.woocommerce-order-received ul.order_details li {
    padding: 14px !important;
    border-right: 0 !important;
    border-bottom: 1px solid var(--border-subtle) !important;
  }

  body.woocommerce-order-received ul.woocommerce-order-overview li:nth-child(odd),
  body.woocommerce-order-received ul.order_details li:nth-child(odd) {
    border-right: 1px solid var(--border-subtle) !important;
  }

  body.woocommerce-order-received ul.woocommerce-order-overview li:last-child,
  body.woocommerce-order-received ul.order_details li:last-child {
    grid-column: 1 / -1 !important;
    border-right: 0 !important;
    border-bottom: 0 !important;
  }

  body.woocommerce-order-received .woocommerce-order-details,
  body.woocommerce-order-received .woocommerce-customer-details {
    margin-bottom: 24px !important;
  }

  body.woocommerce-order-received .woocommerce-order-details__title,
  body.woocommerce-order-received .woocommerce-customer-details > h2,
  body.woocommerce-order-received .woocommerce-column__title {
    padding: 17px 15px !important;
    font-size: 19px !important;
  }

  body.woocommerce-order-received .woocommerce-order-details table.shop_table th,
  body.woocommerce-order-received .woocommerce-order-details table.shop_table td {
    padding: 13px 12px !important;
    font-size: 12px !important;
  }

  body.woocommerce-order-received .woocommerce-order-details table.shop_table th:last-child,
  body.woocommerce-order-received .woocommerce-order-details table.shop_table td:last-child {
    width: 38% !important;
  }

  body.woocommerce-order-received .woocommerce-customer-details .woocommerce-columns {
    grid-template-columns: 1fr !important;
  }

  body.woocommerce-order-received .woocommerce-customer-details .woocommerce-column + .woocommerce-column {
    border-top: 1px solid var(--border-subtle) !important;
    border-left: 0 !important;
  }

  body.woocommerce-order-received .woocommerce-customer-details address {
    min-height: 0 !important;
    padding: 18px 15px !important;
  }
}