@charset "UTF-8";
/* Global Forms styling (applies to all screens) */
:where(body) {
  --mlp-form-bg: var(--wp--preset--color--white);
  --mlp-form-border: var(--wp--preset--color--gray-5);
  --mlp-form-placeholder: var(--wp--preset--color--gray-2);
  --mlp-form-text: var(--wp--preset--color--base);
  --mlp-form-radius: .3rem;
  --mlp-form-padding-y: .8rem;
  --mlp-form-padding-x: 1rem;
  --mlp-form-ring: 0 0 0 2px color-mix(in oklab, var(--wp--preset--color--accent-2) 30%, transparent);
}

/* Base controls */
:where(form) input[type=text],
:where(form) input[type=email],
:where(form) input[type=password],
:where(form) input[type=url],
:where(form) input[type=number],
:where(form) input[type=tel],
:where(form) input[type=search],
:where(form) select,
:where(form) textarea,
:where(.woocommerce) .input-text,
:where(.woocommerce) select,
:where(.woocommerce) textarea,
:where(.wp-block-search__inside-wrapper) input[type=search] {
  appearance: none;
  background: var(--mlp-form-bg);
  border: 1px solid var(--mlp-form-border);
  border-radius: var(--mlp-form-radius);
  box-sizing: border-box;
  color: var(--mlp-form-text);
  padding: var(--mlp-form-padding-y) var(--mlp-form-padding-x);
  width: 100%;
  line-height: 1.3;
}

/* Placeholder */
:where(form) input::placeholder,
:where(form) textarea::placeholder {
  color: var(--mlp-form-placeholder);
  opacity: 0.9;
}

/* Focus styles */
:where(form) input:focus,
:where(form) select:focus,
:where(form) textarea:focus,
:where(.woocommerce) .input-text:focus {
  outline: none;
  border-color: var(--wp--preset--color--accent-2);
  box-shadow: var(--mlp-form-ring);
}

/* Disabled/readonly */
:where(form) input[disabled],
:where(form) select[disabled],
:where(form) textarea[disabled],
:where(form) input[readonly],
:where(form) textarea[readonly] {
  background: var(--wp--preset--color--gray-1);
  color: var(--wp--preset--color--gray-2);
  cursor: not-allowed;
}

/* Labels and rows */
:where(form) label {
  font-weight: var(--wp--custom--font-weight--medium);
}

:where(.woocommerce) .form-row {
  margin-bottom: var(--wp--preset--spacing--10);
}

/* Checkbox/Radio */
:where(form) input[type=checkbox],
:where(form) input[type=radio] {
  accent-color: var(--wp--preset--color--accent-2);
  width: 20px;
  height: 20px;
}

/* Select2 (when present) */
:where(.select2-container) .select2-selection--single {
  border: 1px solid var(--mlp-form-border);
  border-radius: var(--mlp-form-radius);
  height: calc(2 * var(--mlp-form-padding-y) + 1em + 2px);
  display: flex;
  align-items: center;
}

:where(.select2-container) .select2-selection__rendered {
  padding-left: var(--mlp-form-padding-x);
}

:where(.select2-container) .select2-selection__arrow {
  height: 100%;
}

:where(.select2-container--focus) .select2-selection--single {
  border-color: var(--wp--preset--color--accent-2);
  box-shadow: var(--mlp-form-ring);
}

/* Error state helpers */
:where(form) .has-error input,
:where(form) input.input-error {
  border-color: var(--wp--preset--color--accent-1);
}

:where(form) .error, :where(form) .form-error {
  color: var(--wp--preset--color--accent-1);
  font-size: var(--wp--preset--font-size--small);
}

/* Copy button styling to match inputs */
.mlp-licenses__key, .mlp-key {
  display: flex;
  gap: var(--wp--preset--spacing--0);
  align-items: center;
}

.mlp-copy-button {
  background: var(--mlp-form-bg);
  border: 1px solid var(--mlp-form-border);
  border-radius: var(--mlp-form-radius);
  color: var(--mlp-form-text);
  font-weight: var(--wp--custom--font-weight--medium);
  padding: calc(var(--mlp-form-padding-y) - 2px) var(--mlp-form-padding-x);
  line-height: 1.2;
}

.mlp-copy-button:hover,
.mlp-copy-button:focus {
  background: var(--wp--preset--color--gray-1);
  border-color: var(--wp--preset--color--accent-2);
  box-shadow: var(--mlp-form-ring);
}

.mlp-copy-status {
  margin-left: 0.5rem;
  color: var(--wp--preset--color--gray-2);
  font-size: var(--wp--preset--font-size--small);
}

/* Ensure license key input has a comfortable minimum width */
@media (min-width: 992px) {
  :where(.woocommerce-account) .mlp-licenses__key input {
    min-width: 320px;
  }
}
@media (max-width: 992px) {
  .wp-block-telex-user-profile-card .user-profile-card__all-fields {
    display: none;
  }
}
/* Mobile navigation toggle button — hidden on desktop, top-right on mobile */
.mlp-mobile-nav-toggle {
  display: none;
  align-items: center;
  gap: 0.5rem;
  background: var(--wp--preset--color--white);
  border: 1px solid var(--wp--preset--color--gray-5);
  border-radius: var(--mlp-form-radius);
  padding: 0.6rem 1rem;
  cursor: pointer;
  font-size: var(--wp--preset--font-size--medium);
  color: var(--wp--preset--color--base);
}
@media (max-width: 992px) {
  .mlp-mobile-nav-toggle {
    display: inline-flex;
    position: absolute;
    top: var(--wp--preset--spacing--30);
    right: var(--wp--preset--spacing--30);
    z-index: 1;
  }
}

/* Base My Account layout tweaks (navigation + content) */
.woocommerce-account.logged-in .woocommerce {
  display: flex;
  flex-grow: 1;
  gap: var(--wp--preset--spacing--50);
}
@media (max-width: 992px) {
  .woocommerce-account.logged-in .woocommerce {
    position: relative;
  }
}
.woocommerce-account h1 {
  font-size: var(--wp--preset--font-size--title-4);
}
.woocommerce-account h2 {
  font-size: var(--wp--preset--font-size--title-5);
}
@media (max-width: 992px) {
  .woocommerce-account .woocommerce-MyAccount-navigation {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    transform: translateX(-100%);
    transition: transform 0.3s ease;
    z-index: 10000;
    width: 280px;
    overflow-y: auto;
    padding-top: 3rem;
  }
  .woocommerce-account .woocommerce-MyAccount-navigation.is-open {
    transform: translateX(0);
  }
  .woocommerce-account .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-inner {
    position: static;
    inline-size: auto;
    top: auto;
    bottom: auto;
  }
}
.woocommerce-account .woocommerce-MyAccount-navigation {
  background-color: var(--wp--preset--color--white);
  border-right-color: var(--wp--preset--color--gray-5);
  border-right-width: 1px;
  flex-basis: 252px;
  display: flex;
  flex-direction: column;
  min-width: 252px;
  padding: var(--wp--preset--spacing--60) var(--wp--preset--spacing--30);
}
.woocommerce-account .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-inner {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  justify-content: space-between;
  position: fixed;
  top: calc(100px + var(--wp--preset--spacing--60));
  bottom: var(--wp--preset--spacing--60);
  inline-size: 252px;
  overflow: auto;
  z-index: 1;
}
.woocommerce-account .woocommerce-MyAccount-navigation {
  /* Push the injected bottom menu to the visual bottom */
}
.woocommerce-account .woocommerce-MyAccount-navigation > .wp-block-navigation {
  margin-top: auto;
  /* Optional subtle separation */
  padding-top: var(--wp--preset--spacing--40);
  border-top: 1px solid var(--wp--preset--color--gray-5);
}
.woocommerce-account .woocommerce-MyAccount-navigation li {
  padding: 0;
}
.woocommerce-account .woocommerce-MyAccount-navigation li + li {
  margin-top: var(--wp--preset--spacing--10);
}
.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a {
  color: var(--wp--preset--color--contrast);
}
.woocommerce-account .woocommerce-MyAccount-navigation li a {
  color: var(--wp--preset--color--base);
}
.woocommerce-account .woocommerce-MyAccount-navigation li a:hover, .woocommerce-account .woocommerce-MyAccount-navigation li a:focus {
  color: var(--wp--preset--color--contrast);
}
.woocommerce-account .woocommerce-MyAccount-content {
  flex-grow: 1;
  margin: 0 auto;
  max-width: var(--wp--style--global--wide-size);
  padding: var(--wp--preset--spacing--60) var(--wp--preset--spacing--30);
}
.woocommerce-account .woocommerce-MyAccount-content .wp-block-button .wp-block-button__link, .woocommerce-account .woocommerce-MyAccount-content .wp-block-button .wpo_wcpdf_document_link {
  border-radius: var(--mlp-form-radius);
  border: 1px solid var(--wp--preset--color--contrast);
  display: inline-block;
  padding: var(--wp--preset--spacing--0) var(--wp--preset--spacing--20);
}
.woocommerce-account .woocommerce-MyAccount-content .wp-block-button .wp-block-button__link:hover, .woocommerce-account .woocommerce-MyAccount-content .wp-block-button .wp-block-button__link:focus, .woocommerce-account .woocommerce-MyAccount-content .wp-block-button .wpo_wcpdf_document_link:hover, .woocommerce-account .woocommerce-MyAccount-content .wp-block-button .wpo_wcpdf_document_link:focus {
  background-color: var(--wp--preset--color--accent-1);
  color: var(--wp--preset--color--gray-3);
}
.woocommerce-account .woocommerce-MyAccount-content .affwp-tab-content .button {
  background-color: var(--wp--preset--color--contrast);
  border-radius: var(--mlp-form-radius);
  border: 1px solid var(--wp--preset--color--contrast);
  color: var(--wp--preset--color--white);
  display: inline-block;
  padding: var(--wp--preset--spacing--0) var(--wp--preset--spacing--20);
}
.woocommerce-account .woocommerce-MyAccount-content .affwp-tab-content .button:hover, .woocommerce-account .woocommerce-MyAccount-content .affwp-tab-content .button:focus {
  background-color: var(--wp--preset--color--accent-1);
  color: var(--wp--preset--color--gray-3);
}
.woocommerce-account .woocommerce-MyAccount-content {
  /* Outline style buttons — simplified and unified */
}
.woocommerce-account .woocommerce-MyAccount-content .is-style-outline .wp-block-button__link, .woocommerce-account .woocommerce-MyAccount-content .is-style-outline--2 .wp-block-button__link {
  background: transparent !important;
  border: 1px solid currentColor;
  color: currentColor;
  font-weight: var(--wp--custom--font-weight--medium);
  padding: var(--wp--preset--spacing--0) var(--wp--preset--spacing--20);
}
.woocommerce-account .woocommerce-MyAccount-content .is-style-outline .wp-block-button__link:hover,
.woocommerce-account .woocommerce-MyAccount-content .is-style-outline .wp-block-button__link:focus, .woocommerce-account .woocommerce-MyAccount-content .is-style-outline--2 .wp-block-button__link:hover,
.woocommerce-account .woocommerce-MyAccount-content .is-style-outline--2 .wp-block-button__link:focus {
  border-color: var(--wp--preset--color--contrast);
  color: var(--wp--preset--color--contrast);
}
.woocommerce-account .woocommerce-MyAccount-content .api-manager-domains td a {
  margin-right: var(--wp--preset--spacing--0);
}
.woocommerce-account {
  /* My Account tables (Payment Methods, etc.) */
}
.woocommerce-account .myaccount-payment-methods {
  /* Remove default bullets/indent for the payment method list on Add payment method screen */
}
.woocommerce-account .myaccount-payment-methods ul.woocommerce-PaymentMethods.payment_methods.methods {
  list-style: none;
  margin: 0;
  padding: 0;
}
.woocommerce-account .myaccount-payment-methods ul.woocommerce-PaymentMethods.payment_methods.methods > li {
  list-style: none;
  margin: 0 0 var(--wp--preset--spacing--10);
  padding: 0;
}
.woocommerce-account .myaccount-payment-methods .mlp-table-wrap {
  margin-top: var(--wp--preset--spacing--30);
  margin-bottom: var(--wp--preset--spacing--30);
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
.woocommerce-account .myaccount-payment-methods {
  /* Base table styling */
}
.woocommerce-account .myaccount-payment-methods .account-payment-methods-table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  background: var(--wp--preset--color--white);
  border: 1px solid var(--wp--preset--color--gray-5);
  border-radius: var(--mlp-form-radius);
  overflow: hidden;
}
.woocommerce-account .myaccount-payment-methods .account-payment-methods-table thead th {
  background: var(--wp--preset--color--gray-1);
  color: var(--wp--preset--color--base);
  text-align: left;
  font-weight: var(--wp--custom--font-weight--medium);
  padding: 0.8rem 1rem;
  border-bottom: 1px solid var(--wp--preset--color--gray-5);
  white-space: nowrap;
}
.woocommerce-account .myaccount-payment-methods .account-payment-methods-table tbody tr:nth-child(odd) {
  /* Fallback */
  background: var(--wp--preset--color--gray-1);
  /* Enhanced */
}
@supports (background: color-mix(in oklab, white 50%, transparent)) {
  .woocommerce-account .myaccount-payment-methods .account-payment-methods-table tbody tr:nth-child(odd) {
    background: color-mix(in oklab, var(--wp--preset--color--gray-1) 60%, transparent);
  }
}
.woocommerce-account .myaccount-payment-methods .account-payment-methods-table tbody tr:hover {
  /* Fallback */
  background: var(--wp--preset--color--gray-1);
  /* Enhanced */
}
@supports (background: color-mix(in oklab, white 50%, transparent)) {
  .woocommerce-account .myaccount-payment-methods .account-payment-methods-table tbody tr:hover {
    background: color-mix(in oklab, var(--wp--preset--color--gray-1) 80%, transparent);
  }
}
.woocommerce-account .myaccount-payment-methods .account-payment-methods-table td {
  padding: 0.8rem 1rem;
  border-bottom: 1px solid var(--wp--preset--color--gray-5);
  vertical-align: middle;
}
.woocommerce-account .myaccount-payment-methods .account-payment-methods-table tr:last-child td {
  border-bottom: 0;
}
.woocommerce-account .myaccount-payment-methods .account-payment-methods-table {
  /* Emphasize default payment method */
}
.woocommerce-account .myaccount-payment-methods .account-payment-methods-table tr.default-payment-method {
  outline: 2px solid color-mix(in oklab, var(--wp--preset--color--accent-2) 35%, transparent);
  outline-offset: -2px;
  background: color-mix(in oklab, var(--wp--preset--color--accent-2) 6%, var(--wp--preset--color--white));
}
.woocommerce-account .myaccount-payment-methods .account-payment-methods-table {
  /* Actions column buttons: align and wrap nicely */
}
.woocommerce-account .myaccount-payment-methods .account-payment-methods-table td.payment-method-actions {
  white-space: nowrap;
}
.woocommerce-account .myaccount-payment-methods .account-payment-methods-table td .wp-block-button {
  display: inline-flex;
  margin: 0 0.25rem 0.25rem 0;
}
.woocommerce-account .myaccount-payment-methods .account-payment-methods-table td .wp-block-button__link {
  line-height: 1.6;
  /* Use logical property to set vertical padding only */
  padding-block: 0.3rem;
}
.woocommerce-account .myaccount-payment-methods {
  /* WooCommerce responsive table behavior */
}
@media (max-width: 782px) {
  .woocommerce-account .myaccount-payment-methods .account-payment-methods-table thead {
    display: none;
  }
  .woocommerce-account .myaccount-payment-methods .account-payment-methods-table tr {
    display: block;
  }
  .woocommerce-account .myaccount-payment-methods .account-payment-methods-table td {
    display: grid;
    grid-template-columns: minmax(120px, 40%) 1fr;
    gap: 0.5rem 1rem;
    border-bottom: 1px solid var(--wp--preset--color--gray-5);
  }
  .woocommerce-account .myaccount-payment-methods .account-payment-methods-table td::before {
    content: attr(data-title);
    color: var(--wp--preset--color--gray-2);
    font-size: var(--wp--preset--font-size--small);
  }
  .woocommerce-account .myaccount-payment-methods .account-payment-methods-table {
    /* Allow actions to wrap to new lines on small screens */
  }
  .woocommerce-account .myaccount-payment-methods .account-payment-methods-table td .wp-block-button {
    white-space: normal;
  }
}

/* Shared status badges (used in Licenses, View Subscription, etc.) */
.woocommerce-account .mlp-status {
  display: inline-block;
  padding: 0.2rem 0.5rem;
  border-radius: 999px;
  font-size: var(--wp--preset--font-size--small);
  line-height: 1.1;
  border: 1px solid transparent;
}
.woocommerce-account .mlp-status--active {
  color: #16a34a;
  border-color: #16a34a;
  background: color-mix(in oklab, #16a34a 12%, var(--mlp-surface, var(--wp--preset--color--white)));
}
.woocommerce-account .mlp-status--inactive {
  color: #dc2626;
  border-color: #dc2626;
  background: color-mix(in oklab, #dc2626 12%, var(--mlp-surface, var(--wp--preset--color--white)));
}
.woocommerce-account .mlp-status--other {
  color: #ea580c;
  border-color: #ea580c;
  background: color-mix(in oklab, #ea580c 12%, var(--mlp-surface, var(--wp--preset--color--white)));
}

/* Licenses page */
.woocommerce-account .mlp-licenses {
  --mlp-surface: var(--wp--preset--color--white);
  --mlp-surface-muted: color-mix(in oklab, var(--wp--preset--color--gray-4) 40%, var(--wp--preset--color--white));
  --mlp-border: var(--wp--preset--color--gray-5);
  --mlp-shadow-1: 0 1px 2px color-mix(in oklab, var(--wp--preset--color--black-2) 40%, transparent), 0 6px 24px color-mix(in oklab, var(--wp--preset--color--black-2) 65%, transparent);
}
.woocommerce-account .mlp-licenses__page-header {
  margin-bottom: var(--wp--preset--spacing--20);
}
.woocommerce-account .mlp-licenses__page-header .description {
  color: var(--wp--preset--color--gray-2);
}
.woocommerce-account .mlp-licenses__master {
  background: var(--mlp-surface);
  border: 1px solid var(--mlp-border);
  border-radius: 0.5rem;
  box-shadow: var(--mlp-shadow-1);
  padding: var(--wp--preset--spacing--10);
  margin-bottom: var(--wp--preset--spacing--10);
}
.woocommerce-account .mlp-licenses__master .help {
  color: var(--wp--preset--color--gray-2);
  margin-top: var(--wp--preset--spacing--0);
}
.woocommerce-account .mlp-licenses__label {
  display: block;
  font-weight: var(--wp--custom--font-weight--medium);
  margin-bottom: var(--wp--preset--spacing--0);
}
.woocommerce-account .mlp-licenses__key {
  display: flex;
  gap: var(--wp--preset--spacing--0);
  align-items: center;
}
.woocommerce-account .mlp-licenses__key input {
  width: 100%;
  background: var(--mlp-surface-muted);
  border: 1px solid var(--mlp-border);
  border-radius: 0.35rem;
  padding: 0.6rem 0.8rem;
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
}
.woocommerce-account .mlp-licenses__list {
  display: flex;
  flex-direction: column;
  gap: var(--wp--preset--spacing--20);
}
.woocommerce-account .mlp-license-card {
  background: var(--mlp-surface);
  border: 1px solid var(--mlp-border);
  border-radius: 0.75rem;
  box-shadow: var(--mlp-shadow-1);
  overflow: hidden;
}
.woocommerce-account .mlp-license-card__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  /* Equal padding on all sides */
  padding: var(--wp--preset--spacing--10);
  background: var(--mlp-surface);
  border-bottom: 1px solid var(--mlp-border);
}
.woocommerce-account .mlp-license-card__title {
  font-weight: var(--wp--custom--font-weight--semi-bold);
}
.woocommerce-account .mlp-license-card__meta {
  display: flex;
  align-items: center;
  gap: var(--wp--preset--spacing--10);
  color: var(--wp--preset--color--gray-2);
}
.woocommerce-account .mlp-license-card__body {
  background: var(--mlp-surface-muted);
  padding: var(--wp--preset--spacing--0) var(--wp--preset--spacing--10);
  display: flex;
  flex-direction: column;
}
.woocommerce-account .mlp-license-row {
  display: grid;
  align-items: center;
  padding: var(--wp--preset--spacing--10) 0;
  border-bottom: 1px solid var(--mlp-border);
}
.woocommerce-account .mlp-license-row:last-child {
  border-bottom: 0;
}
.woocommerce-account .mlp-license-row__title {
  margin: 0;
  font-size: var(--wp--preset--font-size--medium);
}
.woocommerce-account .mlp-license-row__title a {
  color: var(--wp--preset--color--contrast);
  text-decoration: none;
}
.woocommerce-account .mlp-license-row__title a:hover, .woocommerce-account .mlp-license-row__title a:focus {
  color: var(--wp--preset--color--contrast);
}
.woocommerce-account .mlp-license-row__count {
  color: var(--wp--preset--color--gray-2);
  display: flex;
  align-items: center;
  gap: 0.35rem;
  white-space: nowrap;
}
.woocommerce-account .mlp-license-row__actions {
  display: flex;
  gap: var(--wp--preset--spacing--0);
}
.woocommerce-account {
  /* Local tweak: add left spacing for inline badges in Licenses list */
}
.woocommerce-account .mlp-status {
  margin-left: 0.5rem;
}
@media (max-width: 992px) {
  .woocommerce-account .mlp-license-card__header {
    flex-direction: column;
    align-items: flex-start;
    gap: var(--wp--preset--spacing--10);
  }
  .woocommerce-account .mlp-license-row {
    grid-template-columns: 1fr;
    grid-template-rows: auto auto;
  }
}

/* View Subscription page */
.woocommerce-account .mlp-view-subscription {
  --mlp-surface: var(--wp--preset--color--white);
  --mlp-surface-muted: color-mix(in oklab, var(--wp--preset--color--gray-4) 40%, var(--wp--preset--color--white));
  --mlp-border: var(--wp--preset--color--gray-5);
  --mlp-shadow-1: 0 1px 2px color-mix(in oklab, var(--wp--preset--color--black-2) 40%, transparent), 0 6px 24px color-mix(in oklab, var(--wp--preset--color--black-2) 65%, transparent);
}
.woocommerce-account .mlp-view-subscription .mlp-vs__header {
  display: flex;
  gap: var(--wp--preset--spacing--10);
  margin-bottom: var(--wp--preset--spacing--20);
}
.woocommerce-account .mlp-view-subscription .mlp-vs__back {
  display: inline-flex;
  width: 40px;
  height: 40px;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--mlp-border);
  border-radius: 0.5rem;
  background: var(--mlp-surface);
  box-shadow: var(--mlp-shadow-1);
  text-decoration: none;
}
.woocommerce-account .mlp-view-subscription .mlp-vs__back:hover, .woocommerce-account .mlp-view-subscription .mlp-vs__back:focus {
  color: var(--wp--preset--color--accent-2);
}
.woocommerce-account .mlp-view-subscription .mlp-vs__title {
  margin: 0;
}
.woocommerce-account .mlp-view-subscription {
  /* Grid defined later in a single place (three/two/one columns) */
}
.woocommerce-account .mlp-view-subscription .mlp-card {
  background: var(--mlp-surface);
  border: 1px solid var(--mlp-border);
  border-radius: 0.75rem;
  box-shadow: var(--mlp-shadow-1);
  overflow: hidden;
}
.woocommerce-account .mlp-view-subscription .mlp-card__title {
  padding: var(--wp--preset--spacing--10);
  border-bottom: 1px solid var(--mlp-border);
  margin: 0;
}
.woocommerce-account .mlp-view-subscription .mlp-card__body {
  padding: var(--wp--preset--spacing--10);
}
.woocommerce-account .mlp-view-subscription .mlp-dl {
  display: flex;
  flex-direction: column;
  gap: var(--wp--preset--spacing--0);
}
.woocommerce-account .mlp-view-subscription .mlp-dl__row {
  display: flex;
  justify-content: space-between;
  gap: var(--wp--preset--spacing--10);
  padding: 0.6rem 0;
  border-bottom: 1px solid var(--mlp-border);
}
.woocommerce-account .mlp-view-subscription .mlp-dl__dt {
  font-weight: var(--wp--custom--font-weight--semi-bold);
}
.woocommerce-account .mlp-view-subscription .mlp-dl__dd {
  color: var(--wp--preset--color--gray-2);
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.woocommerce-account .mlp-view-subscription .mlp-code {
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  background: var(--mlp-surface-muted);
  border: 1px solid var(--mlp-border);
  border-radius: 0.35rem;
  padding: 0.3rem 0.5rem;
}
.woocommerce-account .mlp-view-subscription {
  /* Badges use shared styles */
}
.woocommerce-account .mlp-view-subscription .mlp-actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--wp--preset--spacing--0);
  margin-top: var(--wp--preset--spacing--10);
}
.woocommerce-account .mlp-view-subscription .mlp-footer-links {
  margin-top: var(--wp--preset--spacing--10);
}
.woocommerce-account .mlp-view-subscription {
  /* Payment card illustration */
}
.woocommerce-account .mlp-view-subscription .mlp-card-illustration {
  padding: var(--wp--preset--spacing--10) 0;
}
.woocommerce-account .mlp-view-subscription .mlp-paycard {
  background: linear-gradient(135deg, var(--wp--preset--color--accent-2), var(--wp--preset--color--contrast));
  color: var(--wp--preset--color--white);
  border-radius: 0.75rem;
  padding: 1.25rem;
  box-shadow: var(--mlp-shadow-1);
  min-height: 160px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.woocommerce-account .mlp-view-subscription .mlp-paycard__brand {
  font-weight: var(--wp--custom--font-weight--semi-bold);
  letter-spacing: 0.06em;
  opacity: 0.9;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.woocommerce-account .mlp-view-subscription {
  /* Card brand logos via SVG (pseudo-element). Keep text for a11y; the icon is decorative. */
}
.woocommerce-account .mlp-view-subscription .mlp-paycard__brand::before {
  content: "";
  display: inline-block;
  width: 44px;
  height: 28px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  filter: drop-shadow(0 0 0 rgba(0, 0, 0, 0));
}
.woocommerce-account .mlp-view-subscription {
  /* Visa */
}
.woocommerce-account .mlp-view-subscription .mlp-paycard__brand.is-visa::before {
  background-image: url("data:image/svg+xml,%3Csvg height='812' viewBox='0.5 0.5 999 323.684' width='2500' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M651.185.5c-70.933 0-134.322 36.766-134.322 104.694 0 77.9 112.423 83.28 112.423 122.415 0 16.478-18.884 31.229-51.137 31.229-45.773 0-79.984-20.611-79.984-20.611l-14.638 68.547s39.41 17.41 91.734 17.41c77.552 0 138.576-38.572 138.576-107.66 0-82.316-112.89-87.537-112.89-123.86 0-12.91 15.501-27.053 47.662-27.053 36.286 0 65.892 14.99 65.892 14.99l14.326-66.204S696.614.5 651.185.5zM2.218 5.497L.5 15.49s29.842 5.461 56.719 16.356c34.606 12.492 37.072 19.765 42.9 42.353l63.51 244.832h85.138L379.927 5.497h-84.942L210.707 218.67l-34.39-180.696c-3.154-20.68-19.13-32.477-38.685-32.477H2.218zm411.865 0L347.449 319.03h80.999l66.4-313.534h-80.765zm451.759 0c-19.532 0-29.88 10.457-37.474 28.73L709.699 319.03h84.942l16.434-47.468h103.483l9.994 47.468H999.5L934.115 5.497h-68.273zm11.047 84.707l25.178 117.653h-67.454z' fill='%231434cb'/%3E%3C/svg%3E");
}
.woocommerce-account .mlp-view-subscription {
  /* Mastercard */
}
.woocommerce-account .mlp-view-subscription .mlp-paycard__brand.is-mastercard::before {
  background-image: url("data:image/svg+xml,%3Csvg height='1524' viewBox='55.2 38.3 464.5 287.8' width='2500' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m519.7 182.2c0 79.5-64.3 143.9-143.6 143.9s-143.6-64.4-143.6-143.9 64.2-143.9 143.5-143.9 143.7 64.4 143.7 143.9z' fill='%23f79f1a'/%3E%3Cpath d='m342.4 182.2c0 79.5-64.3 143.9-143.6 143.9s-143.6-64.4-143.6-143.9 64.3-143.9 143.6-143.9 143.6 64.4 143.6 143.9z' fill='%23ea001b'/%3E%3Cpath d='m287.4 68.9c-33.5 26.3-55 67.3-55 113.3s21.5 87 55 113.3c33.5-26.3 55-67.3 55-113.3s-21.5-86.9-55-113.3z' fill='%23ff5f01'/%3E%3C/svg%3E");
}
.woocommerce-account .mlp-view-subscription {
  /* American Express */
}
.woocommerce-account .mlp-view-subscription .mlp-paycard__brand.is-amex::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 70 70'%3E%3Cpath fill='%23006FCF' d='M48.9 24.3l1.4-3.7h6.2v-6.7H14.1v42.4h42.4v-6.7h-5.9L48.4 47l-2.2 2.5H29.6V36.2h-5.5L31 20.7h6.7l1.6 3.5v-3.5h8.3v3.6zm-4.6 2.5v-1.5l.6 1.5 2.8 7.4h2.6l2.8-7.4.5-1.5V34h2.9V22.8h-4.8l-2.2 5.7-.6 1.6-.6-1.6-2.2-5.7h-4.8V34h3zm-6.2 7.2h3.3l-5-11.3h-3.9l-5 11.3h3.3l.9-2.2h5.5zm-4.2-7.4l.6-1.4.6 1.4 1.2 2.9h-3.5zm-2 9.6v11.3h9.4V45h-6.6v-2h6.4v-2.4h-6.4v-2h6.6v-2.4zm20 11.1h3.7l-5.3-5.6 5.3-5.6h-3.7l-3.4 3.7-3.4-3.7h-3.8l5.3 5.7-5.3 5.6h3.6l3.4-3.7zm1.4-5.5l3.2 3.3v-6.5z'/%3E%3C/svg%3E");
}
.woocommerce-account .mlp-view-subscription {
  /* JCB */
}
.woocommerce-account .mlp-view-subscription .mlp-paycard__brand.is-jcb::before {
  background-image: url("data:image/svg+xml,%3Csvg height='1150' viewBox='131 125 640 168.3' width='2500' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m433 126.5c-35.6 3.6-61.1 13.4-77.6 29.9-8 8.1-15.4 22-17.9 33.7-1.9 9.2-2 28.1-.1 37.4 5.8 29.8 29.9 51.1 67.6 59.8 3.6.8 8.8 2 11.5 2.7 9.6 2.2 41.3 3.3 62.8 2.1 11.1-.6 22-1.5 24.2-2s7.2-1.5 11-2.1c16.9-2.9 21.4-3.9 23.4-4.9 2-1.1 2.1-1.9 2.1-16.6 0-8.7-.4-15.6-1-16-.5-.3-3.6.8-6.9 2.5-3.3 1.6-6.6 3-7.3 3s-2.5.6-3.9 1.4c-2.6 1.3-8.4 3.2-18.9 6-7.1 1.9-26.6 4.6-33.4 4.6-6.9 0-20.5-2.5-27.6-5.1-16-5.9-26.7-16.8-32.2-32.7-3.1-9.3-3.3-31.6-.3-40.7 8.3-25.1 29.5-38.5 60.7-38.5 21 0 44.2 5.5 65.5 15.7 1.8.8 3.7 1.2 4.2.8.7-.4 1.1-6.2 1.1-15.5 0-14.4-.1-15-2.2-16.4-2.3-1.5-5.5-2.2-22.8-5-4.7-.8-9.6-1.7-11-2-5.9-1.4-36-3.6-46.8-3.5-6.4.1-17.3.7-24.2 1.4zm-184.3 4.2c-.4.3-.7 21.9-.7 47.9 0 50.3-.5 56.6-5 66.7-2.7 6.1-10.8 14-17.6 17.2-6.1 2.9-17.5 5.5-24.1 5.5-12.4 0-38.7-5.6-50-10.6-1.7-.8-3.6-1.4-4.3-1.4-.6 0-3.9-1.4-7.2-3-3.4-1.7-6.8-2.8-7.5-2.6-1 .4-1.3 4.1-1.3 16.1v15.5l3.4 1.4c3.3 1.4 6.4 2 26.1 5.2 16.9 2.7 23 3.3 41.5 3.9 19.7.7 45.2-.6 53.5-2.6 14.2-3.4 20.6-5.4 26.5-8.1 16.8-7.8 26.4-18.3 32.3-35 2.2-6.2 2.2-7 2.2-61.3v-55l-33.6-.3c-18.4-.1-33.8.1-34.2.5zm316.6 0c-1 .4-1.3 17-1.3 78.3 0 77.5 0 77.9 2 79 1.5.8 25.3 1 81.8.7 87.3-.4 85.3-.3 98.1-6.5 6.5-3.2 15.8-12 18.7-17.7 6.4-12.4 4.9-27.7-3.8-38.7-6.1-7.8-17.3-13.8-32.3-17.3-2.7-.6-4.9-1.6-4.7-2.1.1-.5 2.3-1.4 4.8-2.1 20.4-5.2 32.3-22 29.5-41.8-2.4-17-15.2-27.7-37.6-31.5-5.3-.9-153.1-1.2-155.2-.3zm117 24.9c6.8 3.5 11.7 11.4 11.7 18.9 0 8.2-6.3 17.1-13.7 19.3-4.1 1.2-50 1.9-51.1.7-.9-.8-1.5-35-.7-38.2l.5-2.3h25.1c21.1 0 25.5.3 28.2 1.6zm4.5 65.5c9.6 4.3 14.2 14.1 12 25.4-1 5-1.9 6.7-5.7 10.5-6.3 6.3-10.4 7-39.7 7-22 0-23.4-.1-24.4-1.9-1.1-2.1-1.4-36.9-.4-40.9l.6-2.2h26.5c24.7 0 26.7.1 31.1 2.1z' fill='%23284d8a'/%3E%3C/svg%3E");
}
.woocommerce-account .mlp-view-subscription {
  /* Fallback generic card */
}
.woocommerce-account .mlp-view-subscription .mlp-paycard__brand.is-generic::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='88' height='56' viewBox='0 0 88 56'%3E%3Crect width='88' height='56' rx='8' fill='%23ffffff' fill-opacity='.2'/%3E%3Crect x='14' y='18' width='60' height='20' rx='4' fill='none' stroke='%23ffffff' stroke-opacity='.8' stroke-width='2'/%3E%3Crect x='18' y='22' width='16' height='4' rx='2' fill='%23ffffff' fill-opacity='.9'/%3E%3C/svg%3E");
}
.woocommerce-account .mlp-view-subscription .mlp-paycard__last4 {
  font-size: var(--wp--preset--font-size--medium);
  letter-spacing: 0.15em;
}
.woocommerce-account .mlp-view-subscription .mlp-paycard__meta {
  display: flex;
  justify-content: flex-end;
  gap: 0.75rem;
  opacity: 0.9;
}
.woocommerce-account .mlp-view-subscription {
  /* Responsive breakpoints consolidated in a dedicated section below */
}

/* Downloads page (no filters) */
.woocommerce-account .mlp-downloads {
  --mlp-surface: var(--wp--preset--color--white);
  --mlp-surface-muted: color-mix(in oklab, var(--wp--preset--color--gray-4) 40%, var(--wp--preset--color--white));
  --mlp-border: var(--wp--preset--color--gray-5);
  --mlp-shadow-1: 0 1px 2px color-mix(in oklab, var(--wp--preset--color--black-2) 40%, transparent), 0 6px 24px color-mix(in oklab, var(--wp--preset--color--black-2) 65%, transparent);
}
.woocommerce-account .mlp-downloads .mlp-dls__page-header {
  margin-bottom: var(--wp--preset--spacing--20);
}
.woocommerce-account .mlp-downloads .mlp-dls__empty {
  color: var(--wp--preset--color--gray-2);
}
.woocommerce-account .mlp-downloads .mlp-dls__list {
  display: flex;
  flex-direction: column;
  gap: var(--wp--preset--spacing--20);
}
.woocommerce-account .mlp-downloads .mlp-dl-row {
  background: var(--mlp-surface);
  border: 1px solid var(--mlp-border);
  border-radius: 0.75rem;
  box-shadow: var(--mlp-shadow-1);
  padding: var(--wp--preset--spacing--10);
  display: grid;
  grid-template-columns: 1fr auto auto;
  gap: var(--wp--preset--spacing--10);
  align-items: center;
}
.woocommerce-account .mlp-downloads .mlp-dl-row__title {
  margin: 0;
  font-size: var(--wp--preset--font-size--medium);
}
.woocommerce-account .mlp-downloads .mlp-dl-row__title a {
  color: var(--wp--preset--color--contrast);
  text-decoration: none;
}
.woocommerce-account .mlp-downloads .mlp-dl-row__title a:hover, .woocommerce-account .mlp-downloads .mlp-dl-row__title a:focus {
  color: var(--wp--preset--color--accent-2);
}
.woocommerce-account .mlp-downloads .mlp-dl-row__desc {
  margin: 0.25rem 0 0;
  color: var(--wp--preset--color--gray-2);
}
.woocommerce-account .mlp-downloads .mlp-dl-row__version {
  background: var(--mlp-surface-muted);
  border: 1px solid var(--mlp-border);
  border-radius: 0.35rem;
  padding: 0.35rem 0.6rem;
  white-space: nowrap;
  font-weight: var(--wp--custom--font-weight--semi-bold);
}
.woocommerce-account .mlp-downloads .mlp-dl-row__actions {
  display: flex;
  gap: var(--wp--preset--spacing--0);
}
.woocommerce-account .mlp-downloads .mlp-dl-row__disabled {
  color: var(--wp--preset--color--gray-2);
}
@media (max-width: 992px) {
  .woocommerce-account .mlp-downloads .mlp-dl-row {
    grid-template-columns: 1fr;
    grid-template-rows: auto auto auto;
  }
}

/* Profile (Edit Account) page */
.woocommerce-account .mlp-profile {
  --mlp-surface: var(--wp--preset--color--white);
  --mlp-surface-muted: color-mix(in oklab, var(--wp--preset--color--gray-4) 40%, var(--wp--preset--color--white));
  --mlp-border: var(--wp--preset--color--gray-5);
  --mlp-shadow-1: 0 1px 2px color-mix(in oklab, var(--wp--preset--color--black-2) 40%, transparent), 0 6px 24px color-mix(in oklab, var(--wp--preset--color--black-2) 65%, transparent);
}
.woocommerce-account .mlp-profile__header {
  margin-bottom: var(--wp--preset--spacing--20);
}
.woocommerce-account .mlp-profile .mlp-card {
  background: var(--mlp-surface);
  border: 1px solid var(--mlp-border);
  border-radius: 0.75rem;
  box-shadow: var(--mlp-shadow-1);
  overflow: hidden;
  margin-bottom: var(--wp--preset--spacing--10);
}
.woocommerce-account .mlp-profile .mlp-card__title {
  padding: var(--wp--preset--spacing--10);
  border-bottom: 1px solid var(--mlp-border);
  margin: 0;
}
.woocommerce-account .mlp-profile .mlp-card__body {
  padding: var(--wp--preset--spacing--10);
}
.woocommerce-account .mlp-profile {
  /* Help endpoint: 3-column responsive grid for cards */
}
.woocommerce-account .mlp-profile.myaccount-help .myaccount-help__cards {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--wp--preset--spacing--10);
  align-items: stretch;
}
.woocommerce-account .mlp-profile.myaccount-help {
  /* Ensure equal-height cards and proper internal layout only within Help */
}
.woocommerce-account .mlp-profile.myaccount-help .myaccount-help__cards > .mlp-card {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.woocommerce-account .mlp-profile.myaccount-help .myaccount-help__cards > .mlp-card .mlp-card__body {
  flex: 1 1 auto;
}
@media (max-width: 992px) {
  .woocommerce-account .mlp-profile.myaccount-help .myaccount-help__cards {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.woocommerce-account .mlp-profile {
  /* Switch to single column on mobile */
}
@media (max-width: 768px) {
  .woocommerce-account .mlp-profile.myaccount-help .myaccount-help__cards {
    grid-template-columns: 1fr;
  }
}

/* Password visibility toggle (account pages only) — consolidated */
.woocommerce-account :where(.password-input) {
  position: relative;
  display: inline-block;
  width: 100%;
}

.woocommerce-account :where(.password-input) input[type=password],
.woocommerce-account :where(.password-input) input[type=text] {
  padding-right: 3rem;
}

.woocommerce-account :where(.password-input) .show-password-input {
  position: absolute;
  right: 0.5rem;
  top: 50%;
  transform: translateY(-50%);
  background: transparent;
  border: 0;
  padding: 0.25rem;
  margin: 0;
  cursor: pointer;
  min-width: 36px;
  min-height: 36px;
  line-height: 1;
  color: var(--wp--preset--color--gray-2);
}

.woocommerce-account :where(.password-input) .show-password-input:focus {
  outline: none;
  box-shadow: var(--mlp-form-ring);
  border-radius: 0.25rem;
}

.woocommerce-account :where(.password-input.display-password) .show-password-input,
.woocommerce-account :where(.password-input) .show-password-input.display-password {
  color: var(--wp--preset--color--contrast);
}

/* Eye icon via pseudo-element */
.woocommerce-account :where(.password-input) .show-password-input::before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 20px 20px;
  /* Open eye */
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1 12s4-7 11-7 11 7 11 7-4 7-11 7-11-7-11-7Z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E");
}

/* Closed eye when visible (Woo toggles .display-password on wrapper) */
.woocommerce-account :where(.password-input.display-password) .show-password-input::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23363a40' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 3l18 18'/%3E%3Cpath d='M10.58 10.58a2 2 0 1 0 2.83 2.83'/%3E%3Cpath d='M16.24 7.76A10.94 10.94 0 0 1 21 12s-4 7-9 7a10.94 10.94 0 0 1-7.88-3.76'/%3E%3Cpath d='M9.88 5.07A10.94 10.94 0 0 1 12 5c5 0 9 7 9 7a13.07 13.07 0 0 1-1.47 2.09'/%3E%3C/svg%3E");
}

/* Beautiful credit card styling inside Payment Method card */
.woocommerce-account .mlp-card--payment .mlp-card-illustration {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.woocommerce-account .mlp-card--payment .mlp-paycard {
  position: relative;
  width: 100%;
  max-width: 360px;
  aspect-ratio: 16/10;
  border-radius: 1rem;
  padding: 1.25rem 1.25rem 1rem 1.25rem;
  color: var(--wp--preset--color--white);
  background: linear-gradient(135deg, color-mix(in oklab, var(--wp--preset--color--accent-2) 85%, var(--wp--preset--color--black-2)), color-mix(in oklab, var(--wp--preset--color--contrast) 60%, var(--wp--preset--color--black-2)));
  box-shadow: 0 8px 22px color-mix(in oklab, var(--wp--preset--color--black-2) 60%, transparent), inset 0 0 0 1px color-mix(in oklab, var(--wp--preset--color--white-2) 20%, transparent);
  overflow: hidden;
  isolation: isolate;
}
.woocommerce-account .mlp-card--payment .mlp-paycard::after {
  /* soft light sheen */
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(120% 100% at 100% 0%, color-mix(in oklab, var(--wp--preset--color--white-2) 60%, transparent) 0%, transparent 60%);
  pointer-events: none;
  opacity: 0.6;
}
.woocommerce-account .mlp-card--payment .mlp-paycard__brand {
  position: absolute;
  top: 0.9rem;
  left: 1rem;
  font-weight: var(--wp--custom--font-weight--semi-bold);
  letter-spacing: 0.06em;
}
.woocommerce-account .mlp-card--payment .mlp-paycard__last4 {
  position: absolute;
  left: 1rem;
  bottom: 2.6rem;
  font-variant-numeric: tabular-nums;
  font-size: clamp(1rem, 3.2vw, 1.35rem);
  letter-spacing: 0.12em;
}
.woocommerce-account .mlp-card--payment .mlp-paycard__meta {
  position: absolute;
  left: 1rem;
  bottom: 1rem;
  display: flex;
  gap: 0.75rem;
  align-items: center;
  opacity: 0.95;
}
.woocommerce-account .mlp-card--payment .mlp-paycard__meta span {
  font-size: 0.9rem;
}
.woocommerce-account .mlp-card--payment {
  /* Decorative chip */
}
.woocommerce-account .mlp-card--payment .mlp-paycard::before {
  content: "";
  position: absolute;
  top: 2.3rem;
  right: 1rem;
  width: 44px;
  height: 32px;
  border-radius: 0.35rem;
  background: color-mix(in oklab, var(--wp--preset--color--white) 35%, transparent);
  box-shadow: inset 0 0 0 1px color-mix(in oklab, var(--wp--preset--color--white-2) 30%, transparent);
  opacity: 0.85;
}
.woocommerce-account .mlp-card--payment {
  /* Saved methods list spacing below the card */
}
.woocommerce-account .mlp-card--payment .mlp-dl {
  margin-top: 1rem;
}

/* View subscription grid: 3 columns on desktop */
.woocommerce-account .mlp-view-subscription .mlp-vs__grid {
  display: grid;
  grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
  gap: 1.5rem;
  align-items: start;
}

@media (max-width: 1200px) {
  .woocommerce-account .mlp-view-subscription .mlp-vs__grid {
    grid-template-columns: 1fr;
  }
}
/* Details + Payment: two-column layout inside the details card */
.woocommerce-account .mlp-view-subscription .mlp-details-grid {
  display: grid;
  grid-template-columns: 1fr; /* payment moved to its own card; details grid is single column */
  gap: var(--wp--preset--spacing--50);
  align-items: start;
}

/* Smaller payment card illustration when merged inside details card */
.woocommerce-account .mlp-view-subscription .mlp-subsection__title {
  margin: var(--wp--preset--spacing--10) 0 var(--wp--preset--spacing--0);
}
.woocommerce-account .mlp-view-subscription .mlp-paycard--sm {
  max-width: 280px;
  /* Keep proportions nicely compact on wide screens */
  aspect-ratio: 16/10;
  padding: 1rem 1rem 0.85rem 1rem;
}
.woocommerce-account .mlp-view-subscription .mlp-paycard--sm .mlp-paycard__last4 {
  font-size: clamp(0.95rem, 2.6vw, 1.15rem);
}
.woocommerce-account .mlp-view-subscription .mlp-paycard--sm .mlp-paycard__brand {
  font-size: 0.95rem;
}
.woocommerce-account .mlp-view-subscription .mlp-paycard--sm .mlp-paycard__meta span {
  font-size: 0.85rem;
}

/* Orders and View Order endpoints - shared table and button styles */
.woocommerce-account {
  /* Common tables that appear on Orders and View Order pages */
}
.woocommerce-account .shop_table,
.woocommerce-account table.woocommerce-table,
.woocommerce-account .woocommerce-orders-table {
  width: 100%;
  border-collapse: collapse;
  background: var(--wp--preset--color--white);
  border: 1px solid var(--wp--preset--color--gray-5);
  border-radius: 0.5rem;
  overflow: hidden;
  margin: var(--wp--preset--spacing--30) 0;
}
.woocommerce-account .shop_table thead th,
.woocommerce-account table.woocommerce-table thead th,
.woocommerce-account .woocommerce-orders-table thead th {
  background: color-mix(in oklab, var(--wp--preset--color--gray-4) 35%, var(--wp--preset--color--white));
  text-align: left;
  color: var(--wp--preset--color--gray-2);
  font-weight: var(--wp--custom--font-weight--medium);
}
.woocommerce-account .shop_table th, .woocommerce-account .shop_table td,
.woocommerce-account table.woocommerce-table th,
.woocommerce-account table.woocommerce-table td,
.woocommerce-account .woocommerce-orders-table th,
.woocommerce-account .woocommerce-orders-table td {
  padding: 0.85rem 1rem;
  border-bottom: 1px solid var(--wp--preset--color--gray-5);
  vertical-align: top;
}
.woocommerce-account .shop_table tbody tr:last-child td,
.woocommerce-account table.woocommerce-table tbody tr:last-child td,
.woocommerce-account .woocommerce-orders-table tbody tr:last-child td {
  border-bottom: 0;
}
.woocommerce-account .shop_table,
.woocommerce-account table.woocommerce-table,
.woocommerce-account .woocommerce-orders-table {
  /* Striped rows for orders table */
}
.woocommerce-account .shop_table tbody tr:nth-child(even),
.woocommerce-account table.woocommerce-table tbody tr:nth-child(even),
.woocommerce-account .woocommerce-orders-table tbody tr:nth-child(even) {
  background: color-mix(in oklab, var(--wp--preset--color--gray-1) 40%, transparent);
}
.woocommerce-account {
  /* Responsive tables */
}
@media (max-width: 782px) {
  .woocommerce-account .shop_table thead, .woocommerce-account table.woocommerce-table thead, .woocommerce-account .woocommerce-orders-table thead {
    display: none;
  }
  .woocommerce-account .shop_table tr, .woocommerce-account table.woocommerce-table tr, .woocommerce-account .woocommerce-orders-table tr {
    display: block;
    margin-bottom: var(--wp--preset--spacing--10);
  }
  .woocommerce-account .shop_table td, .woocommerce-account .shop_table th, .woocommerce-account table.woocommerce-table td, .woocommerce-account table.woocommerce-table th, .woocommerce-account .woocommerce-orders-table td, .woocommerce-account .woocommerce-orders-table th {
    display: grid;
    grid-template-columns: minmax(120px, 45%) 1fr;
    gap: 0.5rem 1rem;
    border-bottom: 1px solid var(--wp--preset--color--gray-5);
  }
  .woocommerce-account .shop_table td::before, .woocommerce-account .shop_table th::before, .woocommerce-account table.woocommerce-table td::before, .woocommerce-account table.woocommerce-table th::before, .woocommerce-account .woocommerce-orders-table td::before, .woocommerce-account .woocommerce-orders-table th::before {
    content: attr(data-title);
    color: var(--wp--preset--color--gray-2);
    font-size: var(--wp--preset--font-size--small);
    font-weight: var(--wp--custom--font-weight--medium);
  }
}
.woocommerce-account {
  /* Pagination for orders */
}
.woocommerce-account .woocommerce-pagination {
  display: flex;
  gap: var(--wp--preset--spacing--10);
  justify-content: center;
  margin-top: var(--wp--preset--spacing--30);
}
.woocommerce-account {
  /* Action buttons in tables and throughout account pages */
}
.woocommerce-account .button, .woocommerce-account .button.alt, .woocommerce-account .wp-element-button, .woocommerce-account .wp-block-button__link, .woocommerce-account .woocommerce-button {
  border-radius: var(--mlp-form-radius);
  border: 1px solid var(--wp--preset--color--contrast);
  background: var(--wp--preset--color--contrast);
  color: var(--wp--preset--color--white);
  padding: 0.55rem 0.9rem;
  line-height: 1.2;
  text-decoration: none;
  display: inline-block;
}
.woocommerce-account .button:hover, .woocommerce-account .button:focus,
.woocommerce-account .button.alt:hover, .woocommerce-account .button.alt:focus,
.woocommerce-account .wp-element-button:hover, .woocommerce-account .wp-element-button:focus,
.woocommerce-account .wp-block-button__link:hover, .woocommerce-account .wp-block-button__link:focus,
.woocommerce-account .woocommerce-button:hover, .woocommerce-account .woocommerce-button:focus {
  background: var(--wp--preset--color--accent-1);
  border-color: var(--wp--preset--color--accent-1);
  color: var(--wp--preset--color--gray-3);
}

/* View Order specific styles */
.woocommerce-account.woocommerce-view-order .woocommerce-MyAccount-content {
  /* Intro status line */
}
.woocommerce-account.woocommerce-view-order .woocommerce-MyAccount-content > p:first-of-type {
  color: var(--wp--preset--color--base);
  background: var(--wp--preset--color--white);
  border: 1px solid var(--wp--preset--color--gray-5);
  border-radius: 0.5rem;
  padding: var(--wp--preset--spacing--10);
  line-height: 1.6;
  margin-bottom: var(--wp--preset--spacing--40);
}
.woocommerce-account.woocommerce-view-order .woocommerce-MyAccount-content > p:first-of-type mark {
  background: color-mix(in oklab, var(--wp--preset--color--accent-2) 12%, transparent);
  color: var(--wp--preset--color--contrast);
  padding: 0.05rem 0.35rem;
  border-radius: 0.35rem;
}
.woocommerce-account.woocommerce-view-order .woocommerce-MyAccount-content > p:first-of-type .order-status {
  background: color-mix(in oklab, var(--wp--preset--color--gray-4) 40%, var(--wp--preset--color--white));
  color: var(--wp--preset--color--base);
}
.woocommerce-account.woocommerce-view-order .woocommerce-MyAccount-content {
  /* Order updates (notes) */
}
.woocommerce-account.woocommerce-view-order .woocommerce-MyAccount-content .woocommerce-OrderUpdates.commentlist.notes {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: var(--wp--preset--spacing--20);
}
.woocommerce-account.woocommerce-view-order .woocommerce-MyAccount-content .woocommerce-OrderUpdate.comment.note {
  margin: 0;
}
.woocommerce-account.woocommerce-view-order .woocommerce-MyAccount-content .woocommerce-OrderUpdate-inner.comment_container {
  background: var(--wp--preset--color--white);
  border: 1px solid var(--wp--preset--color--gray-5);
  border-radius: 0.5rem;
  box-shadow: 0 1px 2px color-mix(in oklab, var(--wp--preset--color--black-2) 22%, transparent);
  padding: var(--wp--preset--spacing--10);
}
.woocommerce-account.woocommerce-view-order .woocommerce-MyAccount-content .woocommerce-OrderUpdate-text.comment-text {
  margin: 0;
}
.woocommerce-account.woocommerce-view-order .woocommerce-MyAccount-content .woocommerce-OrderUpdate-meta.meta {
  color: var(--wp--preset--color--gray-2);
  font-size: var(--wp--preset--font-size--small);
  margin: 0 0 var(--wp--preset--spacing--0) 0;
}
.woocommerce-account.woocommerce-view-order .woocommerce-MyAccount-content .woocommerce-OrderUpdate-description.description {
  color: var(--wp--preset--color--base);
}

/*# sourceMappingURL=my-account.css.map */