/**
 * WooCommerce My Account + Checkout — theme-aware (Lets Pop).
 * body.letspop-wc-account-checkout
 * Color tokens: assets/css/theme-tokens.css
 */

body.letspop-wc-account-checkout,
body.letspop-wc-account-checkout #page,
body.letspop-wc-account-checkout .site,
body.letspop-wc-account-checkout #primary,
body.letspop-wc-account-checkout #content,
body.letspop-wc-account-checkout .site-content,
body.letspop-wc-account-checkout .ast-container,
body.letspop-wc-account-checkout .ast-separate-container,
body.letspop-wc-account-checkout .ast-separate-container .site-main,
body.letspop-wc-account-checkout .ast-plain-container .site-content {
  background-color: var(--clr-bg, #000000) !important;
  color: var(--clr-text, #ffffff);
}

body.letspop-wc-account-checkout .ast-separate-container .ast-article-single,
body.letspop-wc-account-checkout .ast-separate-container .ast-article-inner {
  background: transparent !important;
  box-shadow: none !important;
}

/*
 * Native scroll on account/checkout (no ScrollSmoother) — body padding clears fixed header.
 * Modest inner gap only; avoid stacking clearance twice.
 */
body.letspop-wc-account-checkout:not(.lp-scrollsmoother) main#primary.site-main,
body.letspop-wc-account-checkout:not(.lp-scrollsmoother) #primary.site-main {
  padding-top: clamp(12px, 2vw, 20px) !important;
  padding-bottom: clamp(48px, 8vw, 96px);
  box-sizing: border-box;
}

@media (max-width: 768px) {
  body.letspop-wc-account-checkout:not(.lp-scrollsmoother) main#primary.site-main,
  body.letspop-wc-account-checkout:not(.lp-scrollsmoother) #primary.site-main {
    padding-top: clamp(10px, 2.5vw, 16px) !important;
  }
}

body.letspop-wc-account-checkout .entry-title,
body.letspop-wc-account-checkout .woocommerce-checkout h3,
body.letspop-wc-account-checkout .woocommerce-MyAccount-content h2,
body.letspop-wc-account-checkout .woocommerce-MyAccount-content h3 {
  color: var(--clr-text, #ffffff) !important;
  font-family: var(--font-display, 'Inter Tight', 'Inter', sans-serif);
}

body.letspop-wc-account-checkout .entry-content,
body.letspop-wc-account-checkout .woocommerce,
body.letspop-wc-account-checkout .woocommerce-account .woocommerce-MyAccount-content {
  color: var(--clr-body, #e0e0e0);
}

body.letspop-wc-account-checkout .woocommerce-breadcrumb,
body.letspop-wc-account-checkout .woocommerce-breadcrumb a {
  color: var(--clr-muted, #a3a3a3);
}

body.letspop-wc-account-checkout .woocommerce-breadcrumb a:hover {
  color: var(--lp-wc-ac-accent);
}

/*
 * Guest My Account — WooCommerce prints login/register OUTSIDE .woocommerce-MyAccount-content,
 * so headings and labels need explicit rules (fixes invisible navy labels on black).
 */
body.letspop-wc-account-checkout.woocommerce-account .entry-header .entry-title,
body.letspop-wc-account-checkout.woocommerce-account .entry-title,
body.letspop-wc-account-checkout.woocommerce-account .woocommerce > h2,
body.letspop-wc-account-checkout.woocommerce-account #customer_login > h2,
body.letspop-wc-account-checkout.woocommerce-account #customer_login h2,
body.letspop-wc-account-checkout.woocommerce-account .u-columns h2 {
  color: var(--clr-text, #ffffff) !important;
}

body.letspop-wc-account-checkout.woocommerce-account #customer_login,
body.letspop-wc-account-checkout.woocommerce-account .u-columns,
body.letspop-wc-account-checkout.woocommerce-account .woocommerce-form-login,
body.letspop-wc-account-checkout.woocommerce-account .woocommerce-form-register {
  color: var(--clr-body, #e0e0e0);
}

body.letspop-wc-account-checkout.woocommerce-account .woocommerce-form-login label,
body.letspop-wc-account-checkout.woocommerce-account .woocommerce-form-register label,
body.letspop-wc-account-checkout.woocommerce-account .woocommerce-form-login .form-row label,
body.letspop-wc-account-checkout.woocommerce-account .woocommerce-form-register .form-row label {
  color: var(--clr-body, #e0e0e0) !important;
}

body.letspop-wc-account-checkout.woocommerce-account .woocommerce-form-login .required,
body.letspop-wc-account-checkout.woocommerce-account .woocommerce-form-register .required {
  color: var(--lp-wc-ac-accent) !important;
}

body.letspop-wc-account-checkout.woocommerce-account .woocommerce-form__label-for-checkbox,
body.letspop-wc-account-checkout.woocommerce-account .woocommerce-form__label-for-checkbox span,
body.letspop-wc-account-checkout.woocommerce-account .woocommerce-form-login .woocommerce-form__label-for-checkbox span {
  color: var(--clr-body, #e0e0e0) !important;
}

body.letspop-wc-account-checkout.woocommerce-account .woocommerce-form-login .input-text,
body.letspop-wc-account-checkout.woocommerce-account .woocommerce-form-register .input-text {
  background: var(--lp-wc-ac-surface) !important;
  border: 1px solid var(--lp-wc-ac-border) !important;
  color: var(--clr-text, #ffffff) !important;
  border-radius: 10px !important;
}

body.letspop-wc-account-checkout.woocommerce-account .woocommerce-form-login .input-text::placeholder,
body.letspop-wc-account-checkout.woocommerce-account .woocommerce-form-register .input-text::placeholder {
  color: rgba(255, 255, 255, 0.45);
}

body.letspop-wc-account-checkout.woocommerce-account .woocommerce-form-login,
body.letspop-wc-account-checkout.woocommerce-account .woocommerce-form-register {
  border-color: var(--lp-wc-ac-border) !important;
}

body.letspop-wc-account-checkout.woocommerce-account .woocommerce-form-login .woocommerce-button,
body.letspop-wc-account-checkout.woocommerce-account .woocommerce-form-login button[type='submit'],
body.letspop-wc-account-checkout.woocommerce-account .woocommerce-form-register .woocommerce-Button,
body.letspop-wc-account-checkout.woocommerce-account .woocommerce-form-register button[type='submit'] {
  background: var(--lp-wc-ac-accent) !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 999px !important;
}

body.letspop-wc-account-checkout.woocommerce-account .woocommerce-form-login .woocommerce-button:hover,
body.letspop-wc-account-checkout.woocommerce-account .woocommerce-form-login button[type='submit']:hover,
body.letspop-wc-account-checkout.woocommerce-account .woocommerce-form-register .woocommerce-Button:hover,
body.letspop-wc-account-checkout.woocommerce-account .woocommerce-form-register button[type='submit']:hover {
  background: var(--lp-wc-ac-accent-hover) !important;
  color: #ffffff !important;
}

body.letspop-wc-account-checkout.woocommerce-account .lost_password a {
  color: var(--clr-text, #ffffff) !important;
}

body.letspop-wc-account-checkout.woocommerce-account .lost_password a:hover {
  color: var(--lp-wc-ac-accent) !important;
}

/* Notices */
body.letspop-wc-account-checkout .woocommerce-message,
body.letspop-wc-account-checkout .woocommerce-info,
body.letspop-wc-account-checkout .woocommerce-error,
body.letspop-wc-account-checkout .woocommerce-notice,
body.letspop-wc-account-checkout .woocommerce-notice--success,
body.letspop-wc-account-checkout .woocommerce-notice--error {
  background: var(--lp-wc-ac-surface) !important;
  border: 1px solid var(--lp-wc-ac-border) !important;
  border-radius: 12px !important;
  color: var(--clr-text, #ffffff) !important;
}

body.letspop-wc-account-checkout .woocommerce-notice--success {
  border-left: 3px solid var(--lp-wc-ac-accent) !important;
}

body.letspop-wc-account-checkout .woocommerce-notice--error {
  border-left: 3px solid #ff6b6b !important;
  color: #ffb4b8 !important;
}

body.letspop-wc-account-checkout .woocommerce-info::before,
body.letspop-wc-account-checkout .woocommerce-message::before {
  color: var(--lp-wc-ac-accent) !important;
}

body.letspop-wc-account-checkout .woocommerce-message a,
body.letspop-wc-account-checkout .woocommerce-info a {
  color: #ffffff !important;
  text-decoration: underline;
}

body.letspop-wc-account-checkout .woocommerce-error,
body.letspop-wc-account-checkout .woocommerce-error li {
  color: #ffb4b8 !important;
}

body.letspop-wc-account-checkout .woocommerce-error a {
  color: #ffffff !important;
  text-decoration: underline;
}

body.letspop-wc-account-checkout .woocommerce-MyAccount-content fieldset {
  border: 1px solid var(--lp-wc-ac-border);
  border-radius: 14px;
  padding: 18px 20px;
  margin: 0 0 24px;
}

body.letspop-wc-account-checkout .woocommerce-MyAccount-content fieldset legend {
  color: var(--clr-text, #ffffff);
  padding: 0 8px;
}

body.letspop-wc-account-checkout .woocommerce-MyAccount-content .woocommerce-PaymentMethod,
body.letspop-wc-account-checkout .woocommerce-MyAccount-content .woocommerce-PaymentMethods {
  color: var(--clr-body, #e0e0e0);
}

body.letspop-wc-account-checkout .woocommerce-MyAccount-content .woocommerce-PaymentMethod label,
body.letspop-wc-account-checkout .woocommerce-MyAccount-content .woocommerce-PaymentMethods label {
  color: var(--clr-body, #e0e0e0);
}

/* My Account navigation */
body.letspop-wc-account-checkout .woocommerce-MyAccount-navigation {
  background: var(--clr-surface, #141414);
  border: 1px solid var(--lp-wc-ac-border);
  border-radius: 14px;
  padding: 8px 0;
}

body.letspop-wc-account-checkout .woocommerce-MyAccount-navigation ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

body.letspop-wc-account-checkout .woocommerce-MyAccount-navigation-link {
  border-bottom: 1px solid var(--lp-wc-ac-border);
}

body.letspop-wc-account-checkout .woocommerce-MyAccount-navigation-link:last-child {
  border-bottom: none;
}

body.letspop-wc-account-checkout .woocommerce-MyAccount-navigation-link a {
  display: block;
  padding: 14px 18px;
  color: var(--clr-body, #e0e0e0) !important;
  text-decoration: none !important;
}

body.letspop-wc-account-checkout .woocommerce-MyAccount-navigation-link.is-active a {
  color: var(--clr-text, #ffffff) !important;
  background: var(--lp-wc-ac-surface);
  border-left: 3px solid var(--lp-wc-ac-accent);
}

body.letspop-wc-account-checkout .woocommerce-MyAccount-navigation-link a:hover {
  color: var(--lp-wc-ac-accent) !important;
}

body.letspop-wc-account-checkout .woocommerce-MyAccount-content {
  background: transparent !important;
}

/* Logged-in dashboard — greeting + inline links */
body.letspop-wc-account-checkout.logged-in.woocommerce-account .entry-header .entry-title {
  font-size: clamp(calc(28px + var(--lp-font-bump)), 4vw, calc(40px + var(--lp-font-bump)));
  margin-bottom: 0.35em;
}

body.letspop-wc-account-checkout.logged-in .woocommerce-MyAccount-content > p {
  color: var(--clr-body, #e0e0e0);
  line-height: 1.65;
  margin: 0 0 1em;
}

body.letspop-wc-account-checkout.logged-in .woocommerce-MyAccount-content > p a {
  color: var(--clr-text, #ffffff);
  text-decoration: none;
  border-bottom: 1px solid rgba(245, 24, 34, 0.45);
}

body.letspop-wc-account-checkout.logged-in .woocommerce-MyAccount-content > p a:hover {
  color: var(--lp-wc-ac-accent);
  border-bottom-color: var(--lp-wc-ac-accent);
}

body.letspop-wc-account-checkout.logged-in .woocommerce-MyAccount-content > p strong {
  color: var(--clr-text, #ffffff);
}

/* Two-column account shell — nav left, content right (My Account only, not checkout) */
body.letspop-wc-account-checkout.logged-in.woocommerce-account .woocommerce-MyAccount-navigation,
body.letspop-wc-account-checkout.logged-in.woocommerce-account .woocommerce-MyAccount-content {
  float: none !important;
  width: auto !important;
  max-width: none !important;
  clear: none !important;
}

body.letspop-wc-account-checkout.logged-in.woocommerce-account .woocommerce-MyAccount-navigation {
  margin-bottom: 28px;
}

@media (min-width: 922px) {
  body.letspop-wc-account-checkout.logged-in.woocommerce-account .woocommerce {
    display: grid !important;
    grid-template-columns: minmax(220px, 280px) minmax(0, 1fr);
    grid-template-areas: 'account-nav account-main';
    gap: clamp(24px, 4vw, 40px);
    align-items: start;
  }

  body.letspop-wc-account-checkout.logged-in.woocommerce-account .woocommerce-MyAccount-navigation {
    grid-area: account-nav;
    grid-column: 1;
    margin-bottom: 0;
    position: sticky;
    top: calc(var(--lp-announcement-height, 0px) + 96px);
  }

  body.letspop-wc-account-checkout.logged-in.woocommerce-account .woocommerce-MyAccount-content {
    grid-area: account-main;
    grid-column: 2;
    min-width: 0;
  }
}

/* Checkout must never inherit the My Account grid shell */
body.letspop-wc-account-checkout.woocommerce-checkout .woocommerce {
  display: block !important;
  grid-template-columns: none !important;
  grid-template-areas: none !important;
}

/* Address edit links — flat outline pills (no fill / glow / gradient) */
body.letspop-wc-account-checkout .woocommerce-MyAccount-content a.lp-ac-address-card__edit,
body.letspop-wc-account-checkout .woocommerce-MyAccount-content a.lp-ac-address-card__edit.button,
body.letspop-wc-account-checkout .woocommerce-MyAccount-content .lp-ac-address-card a.edit,
body.letspop-wc-account-checkout .woocommerce-MyAccount-content .woocommerce-Address-title .edit {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  border: 1px solid rgba(255, 255, 255, 0.35) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.35) !important;
  border-radius: 999px !important;
  color: #ffffff !important;
  text-decoration: none !important;
  padding: 6px 14px !important;
  font-size: calc(13px + var(--lp-font-bump)) !important;
  font-weight: 600 !important;
  display: inline-block !important;
}

body.letspop-wc-account-checkout .woocommerce-MyAccount-content a.lp-ac-address-card__edit:hover,
body.letspop-wc-account-checkout .woocommerce-MyAccount-content a.lp-ac-address-card__edit:focus,
body.letspop-wc-account-checkout .woocommerce-MyAccount-content a.lp-ac-address-card__edit:active,
body.letspop-wc-account-checkout .woocommerce-MyAccount-content a.lp-ac-address-card__edit:visited,
body.letspop-wc-account-checkout .woocommerce-MyAccount-content .lp-ac-address-card a.edit:hover,
body.letspop-wc-account-checkout .woocommerce-MyAccount-content .lp-ac-address-card a.edit:focus,
body.letspop-wc-account-checkout .woocommerce-MyAccount-content .lp-ac-address-card a.edit:active,
body.letspop-wc-account-checkout .woocommerce-MyAccount-content .lp-ac-address-card a.edit:visited,
body.letspop-wc-account-checkout .woocommerce-MyAccount-content .woocommerce-Address-title .edit:hover,
body.letspop-wc-account-checkout .woocommerce-MyAccount-content .woocommerce-Address-title .edit:focus,
body.letspop-wc-account-checkout .woocommerce-MyAccount-content .woocommerce-Address-title .edit:active,
body.letspop-wc-account-checkout .woocommerce-MyAccount-content .woocommerce-Address-title .edit:visited {
  background: rgba(255, 255, 255, 0.06) !important;
  background-color: rgba(255, 255, 255, 0.06) !important;
  background-image: none !important;
  box-shadow: none !important;
  border-color: rgba(255, 255, 255, 0.55) !important;
  border-bottom-color: rgba(255, 255, 255, 0.55) !important;
  color: #ffffff !important;
}

/* Tables (orders, downloads) */
body.letspop-wc-account-checkout .woocommerce-MyAccount-content table.shop_table,
body.letspop-wc-account-checkout .woocommerce-MyAccount-content table.woocommerce-orders-table,
body.letspop-wc-account-checkout .woocommerce-MyAccount-content table.shop_table td,
body.letspop-wc-account-checkout .woocommerce-MyAccount-content table.woocommerce-orders-table td {
  border-color: var(--lp-wc-ac-border) !important;
  color: var(--clr-body, #e0e0e0) !important;
}

body.letspop-wc-account-checkout .woocommerce-MyAccount-content table.shop_table tbody th,
body.letspop-wc-account-checkout .woocommerce-MyAccount-content table.woocommerce-orders-table tbody th {
  border-color: var(--lp-wc-ac-border) !important;
  color: var(--clr-body, #e0e0e0) !important;
  background: transparent !important;
}

body.letspop-wc-account-checkout .woocommerce-MyAccount-content table.shop_table tbody td,
body.letspop-wc-account-checkout .woocommerce-MyAccount-content table.woocommerce-orders-table tbody td {
  background: transparent !important;
  border-color: var(--lp-wc-ac-border) !important;
  color: var(--clr-body, #e0e0e0) !important;
}

body.letspop-wc-account-checkout .woocommerce-MyAccount-content table.shop_table thead,
body.letspop-wc-account-checkout .woocommerce-MyAccount-content table.shop_table thead tr,
body.letspop-wc-account-checkout .woocommerce-MyAccount-content table.woocommerce-orders-table thead,
body.letspop-wc-account-checkout .woocommerce-MyAccount-content table.woocommerce-orders-table thead tr {
  background: var(--clr-surface, #141414) !important;
  background-color: var(--clr-surface, #141414) !important;
}

body.letspop-wc-account-checkout .woocommerce-MyAccount-content table.shop_table thead th,
body.letspop-wc-account-checkout .woocommerce-MyAccount-content table.woocommerce-orders-table thead th,
body.letspop-wc-account-checkout .woocommerce-MyAccount-content .woocommerce-orders-table__header {
  background: var(--clr-surface, #141414) !important;
  background-color: var(--clr-surface, #141414) !important;
  color: var(--clr-text, #ffffff) !important;
  font-weight: 600;
}

body.letspop-wc-account-checkout .woocommerce-MyAccount-content table.shop_table thead th span,
body.letspop-wc-account-checkout .woocommerce-MyAccount-content table.woocommerce-orders-table thead th span,
body.letspop-wc-account-checkout .woocommerce-MyAccount-content .woocommerce-orders-table__header span {
  color: var(--clr-text, #ffffff) !important;
}

body.letspop-wc-account-checkout .woocommerce-order-details table.shop_table thead th,
body.letspop-wc-account-checkout .woocommerce-table--order-details thead th {
  color: var(--clr-text, #ffffff) !important;
}

body.letspop-wc-account-checkout .woocommerce-MyAccount-content table.shop_table a {
  color: var(--clr-text, #ffffff);
}

body.letspop-wc-account-checkout .woocommerce-MyAccount-content table.shop_table a:hover {
  color: var(--lp-wc-ac-accent);
}

body.letspop-wc-account-checkout .woocommerce-MyAccount-content .button,
body.letspop-wc-account-checkout .woocommerce-MyAccount-content a.button {
  background: var(--lp-wc-ac-accent) !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 999px !important;
}

body.letspop-wc-account-checkout .woocommerce-MyAccount-content .button:hover,
body.letspop-wc-account-checkout .woocommerce-MyAccount-content a.button:hover {
  background: var(--lp-wc-ac-accent-hover) !important;
  color: #ffffff !important;
}

body.letspop-wc-account-checkout .woocommerce-MyAccount-content form .form-row input.input-text,
body.letspop-wc-account-checkout .woocommerce-MyAccount-content form .form-row textarea,
body.letspop-wc-account-checkout .woocommerce-MyAccount-content form .form-row select {
  background: var(--lp-wc-ac-surface) !important;
  border: 1px solid var(--lp-wc-ac-border) !important;
  color: var(--clr-text, #ffffff) !important;
  border-radius: 10px !important;
}

body.letspop-wc-account-checkout .woocommerce-MyAccount-content form .form-row label {
  color: var(--clr-body, #e0e0e0);
}

body.letspop-wc-account-checkout .woocommerce-address-fields__field-wrapper label .required {
  color: var(--lp-wc-ac-accent);
}

/* -------------------------------------------------------------------------
   Checkout — layout, coupon, order sidebar (beat Astra float + white borders)
   ------------------------------------------------------------------------- */

body.letspop-wc-account-checkout.woocommerce-checkout .entry-header .entry-title {
  font-size: clamp(calc(28px + var(--lp-font-bump)), 4vw, calc(36px + var(--lp-font-bump)));
  margin: 0 0 clamp(20px, 3vw, 32px);
}

body.letspop-wc-account-checkout.woocommerce-checkout form.woocommerce-checkout {
  max-width: min(1180px, 100%);
  margin: 0 auto;
}

body.letspop-wc-account-checkout.woocommerce-checkout .woocommerce-form-coupon-toggle {
  margin-bottom: clamp(20px, 3vw, 28px);
}

body.letspop-wc-account-checkout.woocommerce-checkout .woocommerce-form-coupon-toggle .woocommerce-info {
  margin: 0 !important;
}

body.letspop-wc-account-checkout.woocommerce-checkout form.checkout_coupon {
  background: var(--clr-surface, #141414);
  border: 1px solid var(--lp-wc-ac-border);
  border-radius: 14px;
  padding: clamp(18px, 3vw, 24px);
  margin: 0 0 clamp(20px, 3vw, 28px);
}

body.letspop-wc-account-checkout.woocommerce-checkout form.checkout_coupon .form-row-last .button {
  background: var(--lp-wc-ac-accent) !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 999px !important;
}

body.letspop-wc-account-checkout.woocommerce-checkout #customer_details h3 {
  border-bottom-color: var(--lp-wc-ac-border) !important;
  color: var(--clr-text, #ffffff) !important;
}

body.letspop-wc-account-checkout.woocommerce-checkout .woocommerce-billing-fields__field-wrapper,
body.letspop-wc-account-checkout.woocommerce-checkout .woocommerce-shipping-fields__field-wrapper,
body.letspop-wc-account-checkout.woocommerce-checkout .woocommerce-additional-fields__field-wrapper {
  margin-bottom: 8px;
}

body.letspop-wc-account-checkout.woocommerce-checkout #order_review_heading {
  background: var(--clr-surface, #141414) !important;
  border: 1px solid var(--lp-wc-ac-border) !important;
  border-bottom: none !important;
  border-radius: 14px 14px 0 0 !important;
  color: var(--clr-text, #ffffff) !important;
  padding: 1.15em 1.35em 0.85em !important;
  margin: 0 !important;
}

body.letspop-wc-account-checkout.woocommerce-checkout #order_review {
  background: var(--clr-surface, #141414) !important;
  border: 1px solid var(--lp-wc-ac-border) !important;
  border-top: none !important;
  border-radius: 0 0 14px 14px !important;
  padding: 0 1.35em 1.35em !important;
  margin: 0 !important;
}

/* Stack billing + shipping in the left column (avoid 48% / 48% squeeze) */
body.letspop-wc-account-checkout.woocommerce-checkout #customer_details.col2-set .col-1,
body.letspop-wc-account-checkout.woocommerce-checkout #customer_details.col2-set .col-2 {
  float: none !important;
  width: 100% !important;
  max-width: 100% !important;
  clear: both !important;
}

body.letspop-wc-account-checkout.woocommerce-checkout #customer_details.col2-set::after {
  content: '';
  display: table;
  clear: both;
}

@media (min-width: 922px) {
  body.letspop-wc-account-checkout.woocommerce-checkout form.woocommerce-checkout {
    display: block !important;
    overflow: hidden;
  }

  body.letspop-wc-account-checkout.woocommerce-checkout form.woocommerce-checkout::after {
    content: '';
    display: table;
    clear: both;
  }

  body.letspop-wc-account-checkout.woocommerce-checkout #customer_details.col2-set,
  body.letspop-wc-account-checkout.woocommerce-checkout #customer_details {
    float: left !important;
    width: 58% !important;
    margin: 0 4% 0 0 !important;
    clear: left !important;
  }

  body.letspop-wc-account-checkout.woocommerce-checkout #order_review_heading,
  body.letspop-wc-account-checkout.woocommerce-checkout #order_review {
    float: right !important;
    width: 38% !important;
    margin: 0 !important;
    clear: right !important;
  }

  body.letspop-wc-account-checkout.woocommerce-checkout #order_review_heading {
    margin-bottom: 0 !important;
  }
}

@media (max-width: 921px) {
  body.letspop-wc-account-checkout.woocommerce-checkout #customer_details.col2-set,
  body.letspop-wc-account-checkout.woocommerce-checkout #order_review_heading,
  body.letspop-wc-account-checkout.woocommerce-checkout #order_review {
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 0 24px !important;
    clear: both !important;
  }

  body.letspop-wc-account-checkout.woocommerce-checkout #order_review_heading {
    border-radius: 14px 14px 0 0 !important;
  }
}

/* Checkout — classic shortcode */
body.letspop-wc-account-checkout.woocommerce-checkout .woocommerce-checkout #customer_details .col-1,
body.letspop-wc-account-checkout.woocommerce-checkout .woocommerce-checkout #customer_details .col-2 {
  color: var(--clr-body, #e0e0e0);
}

body.letspop-wc-account-checkout .woocommerce-checkout .form-row label {
  color: var(--clr-body, #e0e0e0);
}

body.letspop-wc-account-checkout .woocommerce-checkout .form-row .required {
  color: var(--lp-wc-ac-accent);
}

body.letspop-wc-account-checkout .woocommerce-checkout .form-row input.input-text,
body.letspop-wc-account-checkout .woocommerce-checkout .form-row textarea,
body.letspop-wc-account-checkout .woocommerce-checkout .form-row select {
  background: var(--lp-wc-ac-surface) !important;
  border: 1px solid var(--lp-wc-ac-border) !important;
  color: var(--clr-text, #ffffff) !important;
  border-radius: 10px !important;
}

body.letspop-wc-account-checkout #order_review_heading,
body.letspop-wc-account-checkout #ship-to-different-address label {
  color: var(--clr-text, #ffffff) !important;
}

body.letspop-wc-account-checkout .woocommerce-checkout-review-order-table,
body.letspop-wc-account-checkout .woocommerce-checkout-review-order-table th,
body.letspop-wc-account-checkout .woocommerce-checkout-review-order-table td {
  background: transparent !important;
  border-color: var(--lp-wc-ac-border) !important;
  color: var(--clr-body, #e0e0e0) !important;
}

body.letspop-wc-account-checkout .woocommerce-checkout-review-order-table thead,
body.letspop-wc-account-checkout .woocommerce-checkout-review-order-table thead tr,
body.letspop-wc-account-checkout .woocommerce-checkout-review-order-table thead th {
  background: transparent !important;
  color: var(--clr-text, #ffffff) !important;
  font-weight: 600;
}

body.letspop-wc-account-checkout .woocommerce-checkout-review-order-table .product-name,
body.letspop-wc-account-checkout .woocommerce-checkout-review-order-table .product-total {
  padding-top: 0.85em;
  padding-bottom: 0.85em;
}

body.letspop-wc-account-checkout .woocommerce-checkout-review-order-table tfoot th,
body.letspop-wc-account-checkout .woocommerce-checkout-review-order-table tfoot td {
  font-weight: 600;
  color: var(--clr-text, #ffffff) !important;
}

body.letspop-wc-account-checkout.woocommerce-checkout #order_review #payment {
  background: transparent !important;
  border: none !important;
  border-top: 1px solid var(--lp-wc-ac-border) !important;
  border-radius: 0 !important;
  padding: 1.15em 0 0 !important;
  margin-top: 0.5em !important;
}

body.letspop-wc-account-checkout #payment {
  background: var(--clr-surface, #141414) !important;
  border: 1px solid var(--lp-wc-ac-border) !important;
  border-radius: 14px !important;
}

body.letspop-wc-account-checkout #payment ul.payment_methods {
  border-color: var(--lp-wc-ac-border) !important;
}

body.letspop-wc-account-checkout #payment ul.payment_methods li {
  color: var(--clr-body, #e0e0e0);
}

body.letspop-wc-account-checkout #payment ul.payment_methods label {
  color: var(--clr-body, #e0e0e0) !important;
}

body.letspop-wc-account-checkout #payment div.payment_box {
  background: var(--lp-wc-ac-surface) !important;
  color: var(--clr-body, #e0e0e0) !important;
}

body.letspop-wc-account-checkout #payment div.payment_box::before {
  border-bottom-color: var(--lp-wc-ac-surface) !important;
}

body.letspop-wc-account-checkout #place_order {
  background: var(--lp-wc-ac-accent) !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 999px !important;
  width: 100%;
  min-height: 48px;
  font-weight: 600;
}

body.letspop-wc-account-checkout #place_order:hover {
  background: var(--lp-wc-ac-accent-hover) !important;
}

body.letspop-wc-account-checkout .woocommerce-privacy-policy-text,
body.letspop-wc-account-checkout .woocommerce-terms-and-conditions-wrapper {
  color: var(--clr-muted, #a3a3a3);
}

body.letspop-wc-account-checkout .woocommerce-privacy-policy-text a {
  color: var(--clr-text, #ffffff);
  border-bottom: 1px solid rgba(245, 24, 34, 0.45);
}

body.letspop-wc-account-checkout .woocommerce-privacy-policy-text a:hover {
  color: var(--lp-wc-ac-accent);
}

/* Block checkout (Storefront / blocks) */
body.letspop-wc-account-checkout .wc-block-checkout {
  color: var(--clr-body, #e0e0e0);
}

body.letspop-wc-account-checkout .wc-block-components-title,
body.letspop-wc-account-checkout .wc-block-components-checkout-step__title {
  color: var(--clr-text, #ffffff) !important;
}

body.letspop-wc-account-checkout .wc-block-components-text-input input,
body.letspop-wc-account-checkout .wc-block-components-text-input textarea,
body.letspop-wc-account-checkout .wc-block-components-combobox .wc-block-components-combobox-control input.components-combobox-control__input {
  background: var(--lp-wc-ac-surface) !important;
  border-color: var(--lp-wc-ac-border) !important;
  color: var(--clr-text, #ffffff) !important;
}

body.letspop-wc-account-checkout .wc-block-components-totals-wrapper,
body.letspop-wc-account-checkout .wc-block-checkout__sidebar .wc-block-components-panel {
  border-color: var(--lp-wc-ac-border) !important;
}

body.letspop-wc-account-checkout .wc-block-components-button:not(.is-link) {
  background: var(--lp-wc-ac-accent) !important;
  color: #ffffff !important;
  border-radius: 999px !important;
}

body.letspop-wc-account-checkout .wc-block-components-button:not(.is-link):hover {
  background: var(--lp-wc-ac-accent-hover) !important;
}

body.letspop-wc-account-checkout .wc-block-components-checkout-place-order-button .wc-block-components-button {
  box-shadow: 0 14px 32px rgba(245, 24, 34, 0.28) !important;
}

@media (prefers-reduced-motion: reduce) {
  body.letspop-wc-account-checkout #place_order,
  body.letspop-wc-account-checkout .wc-block-components-button {
    transition: none !important;
  }
}

/* -------------------------------------------------------------------------
   Guest login — card layout, hide duplicate page title
   ------------------------------------------------------------------------- */

body.letspop-wc-account-checkout.woocommerce-account:not(.logged-in) .entry-header {
  display: none;
}

body.letspop-wc-account-checkout.woocommerce-account:not(.logged-in) .woocommerce {
  max-width: 480px;
  margin: 0 auto;
}

body.letspop-wc-account-checkout.woocommerce-account:not(.logged-in) .woocommerce > h2 {
  font-size: clamp(calc(26px + var(--lp-font-bump)), 4vw, calc(34px + var(--lp-font-bump)));
  margin-bottom: 0.75em;
}

body.letspop-wc-account-checkout.woocommerce-account:not(.logged-in) .woocommerce-form-login {
  padding: clamp(22px, 4vw, 32px) !important;
  border-radius: 14px !important;
  background: var(--clr-surface, #141414) !important;
  border: 1px solid var(--lp-wc-ac-border) !important;
}

body.letspop-wc-account-checkout.woocommerce-account:not(.logged-in) .woocommerce-form-login .form-row:last-child {
  margin-bottom: 0;
}

/* -------------------------------------------------------------------------
   Lost / reset password
   ------------------------------------------------------------------------- */

body.letspop-wc-account-checkout .lost_reset_password,
body.letspop-wc-account-checkout form.woocommerce-ResetPassword {
  max-width: 480px;
  margin: 0 auto;
  padding: clamp(22px, 4vw, 32px);
  border-radius: 14px;
  background: var(--clr-surface, #141414);
  border: 1px solid var(--lp-wc-ac-border);
  color: var(--clr-body, #e0e0e0);
}

body.letspop-wc-account-checkout .lost_reset_password label,
body.letspop-wc-account-checkout form.woocommerce-ResetPassword label {
  color: var(--clr-body, #e0e0e0) !important;
}

body.letspop-wc-account-checkout .lost_reset_password .input-text,
body.letspop-wc-account-checkout form.woocommerce-ResetPassword .input-text {
  background: var(--lp-wc-ac-surface) !important;
  border: 1px solid var(--lp-wc-ac-border) !important;
  color: var(--clr-text, #ffffff) !important;
  border-radius: 10px !important;
}

body.letspop-wc-account-checkout .lost_reset_password .button,
body.letspop-wc-account-checkout form.woocommerce-ResetPassword .button {
  background: var(--lp-wc-ac-accent) !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 999px !important;
}

body.letspop-wc-account-checkout .lost_reset_password .button:hover,
body.letspop-wc-account-checkout form.woocommerce-ResetPassword .button:hover {
  background: var(--lp-wc-ac-accent-hover) !important;
}

/* -------------------------------------------------------------------------
   Orders, downloads, addresses, order view
   ------------------------------------------------------------------------- */

body.letspop-wc-account-checkout .woocommerce-orders-table__cell-order-status mark,
body.letspop-wc-account-checkout .woocommerce-order-status mark {
  background: var(--lp-wc-ac-surface) !important;
  color: var(--clr-text, #ffffff) !important;
  border: 1px solid var(--lp-wc-ac-border);
  border-radius: 999px;
  padding: 0.2em 0.65em;
}

body.letspop-wc-account-checkout .woocommerce-Address {
  background: var(--clr-surface, #141414);
  border: 1px solid var(--lp-wc-ac-border);
  border-radius: 14px;
  padding: 18px 20px;
  margin-bottom: 20px;
}

body.letspop-wc-account-checkout .woocommerce-Address-title h2,
body.letspop-wc-account-checkout .woocommerce-Address-title h3 {
  color: var(--clr-text, #ffffff) !important;
  font-size: 1.15rem;
}

body.letspop-wc-account-checkout .woocommerce-Address address {
  font-style: normal;
  line-height: 1.6;
  color: var(--clr-body, #e0e0e0);
}

body.letspop-wc-account-checkout .woocommerce-order-details,
body.letspop-wc-account-checkout .woocommerce-customer-details {
  margin-top: 28px;
}

body.letspop-wc-account-checkout .woocommerce-order-details__title,
body.letspop-wc-account-checkout .woocommerce-column__title {
  color: var(--clr-text, #ffffff) !important;
  font-size: 1.25rem;
  margin: 0 0 14px;
}

body.letspop-wc-account-checkout .woocommerce-table--order-details tfoot th,
body.letspop-wc-account-checkout .woocommerce-table--order-details tfoot td {
  background: transparent !important;
  border-color: var(--lp-wc-ac-border) !important;
  color: var(--clr-body, #e0e0e0) !important;
}

body.letspop-wc-account-checkout .woocommerce-customer-details address {
  background: var(--clr-surface, #141414);
  border: 1px solid var(--lp-wc-ac-border);
  border-radius: 14px;
  padding: 18px 20px;
  color: var(--clr-body, #e0e0e0);
}

body.letspop-wc-account-checkout .woocommerce-MyAccount-content .woocommerce-pagination {
  margin-top: 24px;
}

body.letspop-wc-account-checkout .woocommerce-MyAccount-content .woocommerce-pagination .page-numbers {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 38px;
  min-height: 38px;
  margin: 0 4px;
  padding: 0 10px;
  border-radius: 999px;
  border: 1px solid var(--lp-wc-ac-border);
  background: transparent;
  color: var(--clr-text, #ffffff) !important;
  text-decoration: none !important;
}

body.letspop-wc-account-checkout .woocommerce-MyAccount-content .woocommerce-pagination .page-numbers.current,
body.letspop-wc-account-checkout .woocommerce-MyAccount-content .woocommerce-pagination .page-numbers:hover {
  background: var(--lp-wc-ac-accent);
  border-color: var(--lp-wc-ac-accent);
  color: #ffffff !important;
}

body.letspop-wc-account-checkout .woocommerce-MyAccount-content .woocommerce-info,
body.letspop-wc-account-checkout .woocommerce-MyAccount-content .woocommerce-message {
  margin-bottom: 20px;
}

body.letspop-wc-account-checkout .woocommerce-MyAccount-content a:not(.button):not(.woocommerce-Button):not(.lp-ac-address-card__edit):not(.edit) {
  color: var(--clr-text, #ffffff);
  border-bottom: 1px solid rgba(245, 24, 34, 0.45);
  text-decoration: none;
}

body.letspop-wc-account-checkout .woocommerce-MyAccount-content a:not(.button):not(.woocommerce-Button):not(.lp-ac-address-card__edit):not(.edit):hover {
  color: var(--lp-wc-ac-accent);
  border-bottom-color: var(--lp-wc-ac-accent);
}

/* Outline secondary buttons (View, Pay, etc.) */
body.letspop-wc-account-checkout .woocommerce-MyAccount-content a.button.view,
body.letspop-wc-account-checkout .woocommerce-MyAccount-content a.button.pay,
body.letspop-wc-account-checkout .woocommerce-MyAccount-content a.button.cancel {
  background: transparent !important;
  border: 2px solid rgba(255, 255, 255, 0.82) !important;
  color: #ffffff !important;
  box-shadow: none !important;
}

body.letspop-wc-account-checkout .woocommerce-MyAccount-content a.button.view:hover,
body.letspop-wc-account-checkout .woocommerce-MyAccount-content a.button.pay:hover,
body.letspop-wc-account-checkout .woocommerce-MyAccount-content a.button.cancel:hover {
  background: rgba(255, 255, 255, 0.08) !important;
  color: #ffffff !important;
}

/* Checkout page — modest gap below body header clearance */
body.letspop-wc-account-checkout.woocommerce-checkout:not(.lp-scrollsmoother) main#primary.site-main,
body.letspop-wc-account-checkout.woocommerce-checkout:not(.lp-scrollsmoother) #primary.site-main {
  padding-top: clamp(12px, 2vw, 20px) !important;
  padding-bottom: clamp(48px, 8vw, 96px);
  box-sizing: border-box;
}

@media (max-width: 768px) {
  body.letspop-wc-account-checkout.woocommerce-checkout:not(.lp-scrollsmoother) main#primary.site-main,
  body.letspop-wc-account-checkout.woocommerce-checkout:not(.lp-scrollsmoother) #primary.site-main {
    padding-top: clamp(10px, 2.5vw, 16px) !important;
  }

  body.letspop-wc-account-checkout.logged-in.woocommerce-account .woocommerce {
    display: block;
  }

  body.letspop-wc-account-checkout.logged-in.woocommerce-account .woocommerce-MyAccount-navigation {
    margin-bottom: 20px;
  }
}