/**
 * Coeur Store Core — My Account
 * Version 1.3.59
 *
 * Shared presentation for WooCommerce My Account endpoints.
 * Keeps WooCommerce's native templates, endpoint logic and forms intact.
 */

/* ==========================================================
   PAGE / LAYOUT
   ========================================================== */

body.woocommerce-account .woocommerce {
  box-sizing: border-box;
  width: min(1120px, calc(100% - 48px));
  max-width: 1120px !important;
  min-height: 0 !important;
  margin: 0 auto !important;
  padding: 38px 0 72px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #202020;
  font-family: "Tilda Sans VF", sans-serif;
  font-size: 14px;
  line-height: 1.5;
}

body.woocommerce-account .woocommerce:has(> .woocommerce-MyAccount-navigation) {
  display: grid;
  grid-template-columns: 210px minmax(0, 1fr);
  align-items: start;
  gap: 48px;
}

body.woocommerce-account .woocommerce::before,
body.woocommerce-account .woocommerce::after {
  display: none !important;
  content: none !important;
}

body.woocommerce-account .wp-block-post-title,
body.woocommerce-account .entry-title {
  color: #202020;
  font-family: "Instrument Serif", serif !important;
  font-style: normal;
  font-weight: 400 !important;
  letter-spacing: 0;
}

body.woocommerce-account .woocommerce a {
  color: #202020;
  text-underline-offset: 2px;
}

/* ==========================================================
   ACCOUNT NAVIGATION
   ========================================================== */

body.woocommerce-account .woocommerce-MyAccount-navigation {
  float: none !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.woocommerce-account .woocommerce-MyAccount-navigation ul {
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  border-top: 1px solid rgba(32, 32, 32, .22);
  list-style: none !important;
}

body.woocommerce-account .woocommerce-MyAccount-navigation li {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(32, 32, 32, .14) !important;
  list-style: none !important;
}

body.woocommerce-account .woocommerce-MyAccount-navigation li a {
  display: block;
  box-sizing: border-box;
  width: 100%;
  min-height: 46px;
  padding: 13px 12px !important;
  background: transparent;
  color: #202020 !important;
  font-family: "Tilda Sans VF", sans-serif;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 20px;
  text-decoration: none !important;
  transition: background-color .18s ease, color .18s ease;
}

body.woocommerce-account .woocommerce-MyAccount-navigation li a::before,
body.woocommerce-account .woocommerce-MyAccount-navigation li a::after {
  display: none !important;
  content: none !important;
}

body.woocommerce-account .woocommerce-MyAccount-navigation li a:hover,
body.woocommerce-account .woocommerce-MyAccount-navigation li a:focus-visible {
  background: #e4e3e1;
  color: #202020 !important;
  outline: 0;
}

body.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a {
  background: #202020;
  color: #f5f2ee !important;
}

body.woocommerce-account .woocommerce-MyAccount-navigation-link--customer-logout {
  margin-top: 18px !important;
  border-top: 1px solid rgba(32, 32, 32, .22) !important;
}

/* ==========================================================
   ACCOUNT CONTENT
   ========================================================== */

body.woocommerce-account .woocommerce-MyAccount-content {
  float: none !important;
  box-sizing: border-box;
  width: 100% !important;
  min-width: 0;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #202020;
  font-size: 14px !important;
}

body.woocommerce-account .woocommerce-MyAccount-content > :first-child {
  margin-top: 0 !important;
}

body.woocommerce-account .woocommerce-MyAccount-content h2,
body.woocommerce-account .woocommerce-MyAccount-content h3,
body.woocommerce-account .woocommerce-MyAccount-content legend,
body.woocommerce-account .woocommerce-Address-title h2,
body.woocommerce-account .woocommerce-Address-title h3 {
  margin: 0 0 18px !important;
  padding: 0 !important;
  color: #202020 !important;
  font-family: "Instrument Serif", serif !important;
  font-size: clamp(27px, 2.3vw, 34px) !important;
  font-style: normal !important;
  font-weight: 400 !important;
  line-height: 1.05 !important;
  letter-spacing: 0 !important;
}

body.woocommerce-account .woocommerce-MyAccount-content p {
  margin-top: 0;
}

body.woocommerce-account .woocommerce-MyAccount-content a:not(.button):not(.wp-element-button) {
  text-decoration: underline;
}

/* ==========================================================
   TABLES — ORDERS / SUBSCRIPTIONS / PAYMENT METHODS
   ========================================================== */

body.woocommerce-account .woocommerce-MyAccount-content table.shop_table,
body.woocommerce-account .woocommerce-MyAccount-content table.my_account_orders,
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-orders-table,
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-MyAccount-paymentMethods {
  width: 100% !important;
  margin: 0 0 28px !important;
  border: 0 !important;
  border-collapse: collapse !important;
  border-spacing: 0 !important;
  border-radius: 0 !important;
  background: #e4e3e1 !important;
  box-shadow: none !important;
  color: #202020;
  font-size: 14px !important;
  line-height: 1.4;
}

body.woocommerce-account .woocommerce-MyAccount-content table.shop_table th,
body.woocommerce-account .woocommerce-MyAccount-content table.shop_table td,
body.woocommerce-account .woocommerce-MyAccount-content table.my_account_orders th,
body.woocommerce-account .woocommerce-MyAccount-content table.my_account_orders td {
  box-sizing: border-box;
  padding: 14px 14px !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(32, 32, 32, .12) !important;
  background: transparent !important;
  color: #202020 !important;
  vertical-align: middle !important;
}

body.woocommerce-account .woocommerce-MyAccount-content table.shop_table thead th,
body.woocommerce-account .woocommerce-MyAccount-content table.my_account_orders thead th {
  font-size: 12px !important;
  font-weight: 500 !important;
  line-height: 1.2 !important;
  text-transform: none;
}

body.woocommerce-account .woocommerce-MyAccount-content table.shop_table tbody tr:last-child > *,
body.woocommerce-account .woocommerce-MyAccount-content table.my_account_orders tbody tr:last-child > * {
  border-bottom: 0 !important;
}

body.woocommerce-account .woocommerce-orders-table__cell-order-number a {
  font-weight: 500;
}

body.woocommerce-account .woocommerce-orders-table__cell-order-total,
body.woocommerce-account .woocommerce-orders-table__cell-order-date,
body.woocommerce-account .woocommerce-orders-table__cell-order-status {
  white-space: nowrap;
}

body.woocommerce-account .woocommerce-orders-table__cell-order-actions,
body.woocommerce-account .woocommerce-orders-table__header-order-actions {
  text-align: right !important;
}

body.woocommerce-account .woocommerce-orders-table__cell-order-actions .button {
  margin: 2px 0 2px 6px !important;
}

body.woocommerce-account del {
  opacity: .52;
}

body.woocommerce-account ins {
  text-decoration: none;
}

/* ==========================================================
   BUTTONS
   ========================================================== */

body.woocommerce-account .woocommerce .button,
body.woocommerce-account .woocommerce button.button,
body.woocommerce-account .woocommerce input.button,
body.woocommerce-account .woocommerce a.button,
body.woocommerce-account .woocommerce .wp-element-button {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  min-height: 44px;
  margin: 0;
  padding: 0 18px !important;
  border: 1px solid #202020 !important;
  border-radius: 0 !important;
  background: #202020 !important;
  box-shadow: none !important;
  color: #f5f2ee !important;
  font-family: "Tilda Sans VF", sans-serif !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  line-height: 1 !important;
  text-decoration: none !important;
  text-transform: none;
  transition: background-color .18s ease, color .18s ease;
}

body.woocommerce-account .woocommerce .button:hover,
body.woocommerce-account .woocommerce button.button:hover,
body.woocommerce-account .woocommerce input.button:hover,
body.woocommerce-account .woocommerce a.button:hover,
body.woocommerce-account .woocommerce .wp-element-button:hover,
body.woocommerce-account .woocommerce .button:focus-visible {
  background: transparent !important;
  color: #202020 !important;
}

body.woocommerce-account .woocommerce a.button.cancel {
  border-color: rgba(32, 32, 32, .35) !important;
  background: transparent !important;
  color: #202020 !important;
}

body.woocommerce-account .woocommerce a.button.cancel:hover {
  border-color: #202020 !important;
  background: #202020 !important;
  color: #f5f2ee !important;
}

/* ==========================================================
   FORMS
   ========================================================== */

body.woocommerce-account .woocommerce form {
  color: #202020;
}

body.woocommerce-account .woocommerce form .form-row {
  margin: 0 0 18px !important;
  padding: 0 !important;
}

body.woocommerce-account .woocommerce form .form-row label {
  display: block;
  margin: 0 0 7px;
  color: #202020;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.35;
}

body.woocommerce-account .woocommerce form .form-row input.input-text,
body.woocommerce-account .woocommerce form .form-row textarea,
body.woocommerce-account .woocommerce form .form-row select,
body.woocommerce-account .woocommerce .select2-container .select2-selection--single {
  box-sizing: border-box;
  width: 100%;
  min-height: 48px;
  margin: 0;
  padding: 0 14px !important;
  border: 1px solid rgba(32, 32, 32, .28) !important;
  border-radius: 0 !important;
  background: #fff !important;
  box-shadow: none !important;
  color: #202020 !important;
  font-family: "Tilda Sans VF", sans-serif !important;
  font-size: 14px !important;
  font-weight: 400;
  line-height: 46px;
  outline: 0;
}

body.woocommerce-account .woocommerce form .form-row textarea {
  min-height: 130px;
  padding-top: 12px !important;
  padding-bottom: 12px !important;
  line-height: 1.5;
  resize: vertical;
}

body.woocommerce-account .woocommerce form .form-row input.input-text:focus,
body.woocommerce-account .woocommerce form .form-row textarea:focus,
body.woocommerce-account .woocommerce form .form-row select:focus,
body.woocommerce-account .woocommerce .select2-container--focus .select2-selection--single,
body.woocommerce-account .woocommerce .select2-container--open .select2-selection--single {
  border-color: #202020 !important;
  outline: 0 !important;
}

body.woocommerce-account .woocommerce .select2-container .select2-selection--single .select2-selection__rendered {
  padding: 0 !important;
  color: #202020 !important;
  line-height: 46px !important;
}

body.woocommerce-account .woocommerce .select2-container .select2-selection--single .select2-selection__arrow {
  height: 46px !important;
}

body.woocommerce-account .woocommerce fieldset {
  margin: 30px 0 24px !important;
  padding: 24px 0 0 !important;
  border: 0 !important;
  border-top: 1px solid rgba(32, 32, 32, .16) !important;
  background: transparent !important;
}

body.woocommerce-account .woocommerce fieldset legend {
  margin-bottom: 22px !important;
}

body.woocommerce-account .woocommerce-form-row span em {
  opacity: .62;
  font-size: 11px;
  font-style: normal;
}

/* ==========================================================
   NOTICES
   ========================================================== */

body.woocommerce-account .woocommerce-message,
body.woocommerce-account .woocommerce-info,
body.woocommerce-account .woocommerce-error,
body.woocommerce-account .wc-block-components-notice-banner {
  box-sizing: border-box;
  margin: 0 0 24px !important;
  padding: 14px 16px !important;
  border: 1px solid rgba(32, 32, 32, .15) !important;
  border-radius: 0 !important;
  background: #f6f4f1 !important;
  box-shadow: none !important;
  color: #202020 !important;
  font-size: 13px !important;
  line-height: 1.5 !important;
}

body.woocommerce-account .woocommerce-error {
  border-left: 2px solid #b42318 !important;
}

body.woocommerce-account .woocommerce-message::before,
body.woocommerce-account .woocommerce-info::before,
body.woocommerce-account .woocommerce-error::before {
  display: none !important;
  content: none !important;
}

/* ==========================================================
   ADDRESSES
   ========================================================== */

body.woocommerce-account .woocommerce-Addresses,
body.woocommerce-account .woocommerce-address-fields__field-wrapper {
  margin-top: 22px;
}

body.woocommerce-account .woocommerce-Addresses {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}

body.woocommerce-account .woocommerce-Addresses::before,
body.woocommerce-account .woocommerce-Addresses::after {
  display: none !important;
  content: none !important;
}

body.woocommerce-account .woocommerce-Address {
  float: none !important;
  box-sizing: border-box;
  width: auto !important;
  margin: 0 !important;
  padding: 18px !important;
  border: 1px solid rgba(32, 32, 32, .16);
  background: transparent;
}

body.woocommerce-account .woocommerce-Address-title {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 14px;
}

body.woocommerce-account .woocommerce-Address-title::before,
body.woocommerce-account .woocommerce-Address-title::after {
  display: none !important;
  content: none !important;
}

body.woocommerce-account .woocommerce-Address-title h2,
body.woocommerce-account .woocommerce-Address-title h3 {
  float: none !important;
  margin: 0 !important;
  font-size: 25px !important;
}

body.woocommerce-account .woocommerce-Address-title .edit {
  float: none !important;
  font-size: 12px;
}

body.woocommerce-account .woocommerce-Address address {
  margin: 0;
  color: #202020;
  font-style: normal;
  font-size: 13px;
  line-height: 1.75;
}

/* ==========================================================
   LOGIN / REGISTER / PASSWORD RESET
   ========================================================== */

body.woocommerce-account #customer_login {
  position: static !important;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 48px;
}

body.woocommerce-account #customer_login::before,
body.woocommerce-account #customer_login::after {
  display: none !important;
  content: none !important;
}

body.woocommerce-account #customer_login .col-1,
body.woocommerce-account #customer_login .col-2 {
  float: none !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.woocommerce-account form.woocommerce-form-login,
body.woocommerce-account form.woocommerce-form-register,
body.woocommerce-account form.lost_reset_password {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
}

/* ==========================================================
   RESPONSIVE
   ========================================================== */

@media (max-width: 1100px) {
  /*
   * Tablet layout: stacking the navigation above the content gives Orders,
   * Subscriptions and forms the full available width. Keeping the desktop
   * sidebar at tablet widths makes the order table unnecessarily narrow.
   */
  body.woocommerce-account .woocommerce {
    box-sizing: border-box;
    width: calc(100% - 40px) !important;
    max-width: none !important;
    margin-left: 20px !important;
    margin-right: 20px !important;
    padding: 30px 0 56px !important;
  }

  body.woocommerce-account .woocommerce:has(> .woocommerce-MyAccount-navigation) {
    display: block !important;
  }

  body.woocommerce-account .woocommerce-MyAccount-navigation,
  body.woocommerce-account .woocommerce-MyAccount-content {
    float: none !important;
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  body.woocommerce-account .woocommerce-MyAccount-navigation {
    margin: 0 0 30px !important;
  }

  body.woocommerce-account .woocommerce-MyAccount-navigation ul {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border-top: 1px solid rgba(32, 32, 32, .18);
    border-left: 1px solid rgba(32, 32, 32, .14);
  }

  body.woocommerce-account .woocommerce-MyAccount-navigation li,
  body.woocommerce-account .woocommerce-MyAccount-navigation-link--customer-logout {
    min-width: 0;
    margin: 0 !important;
    border-top: 0 !important;
    border-right: 1px solid rgba(32, 32, 32, .14) !important;
    border-bottom: 1px solid rgba(32, 32, 32, .14) !important;
  }

  body.woocommerce-account .woocommerce-MyAccount-navigation li a {
    display: flex !important;
    align-items: center;
    min-width: 0;
    min-height: 46px;
    padding: 11px 12px !important;
    font-size: 13px !important;
    line-height: 1.2 !important;
    white-space: normal;
    overflow-wrap: anywhere;
  }

  body.woocommerce-account .woocommerce-MyAccount-content {
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
  }

  body.woocommerce-account .woocommerce-MyAccount-content table.shop_table,
  body.woocommerce-account .woocommerce-MyAccount-content table.my_account_orders,
  body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-orders-table,
  body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-MyAccount-paymentMethods {
    max-width: 100% !important;
  }
}

@media (max-width: 820px) {
  /*
   * Keep the entire account area inside the viewport. The theme's legacy
   * My Account CSS uses floats/fixed widths, so explicitly reset both columns
   * again at the mobile breakpoint.
   */
  body.woocommerce-account .woocommerce {
    box-sizing: border-box;
    width: calc(100% - 32px) !important;
    max-width: none !important;
    margin-left: 16px !important;
    margin-right: 16px !important;
    padding: 22px 0 44px !important;
    overflow: visible !important;
  }

  body.woocommerce-account .woocommerce:has(> .woocommerce-MyAccount-navigation) {
    display: block !important;
  }

  body.woocommerce-account .woocommerce-MyAccount-navigation,
  body.woocommerce-account .woocommerce-MyAccount-content {
    float: none !important;
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  body.woocommerce-account .woocommerce-MyAccount-navigation {
    margin: 0 0 24px !important;
  }

  /* Compact two-column account navigation, including 320px screens. */
  body.woocommerce-account .woocommerce-MyAccount-navigation ul {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border-top: 1px solid rgba(32, 32, 32, .18);
    border-left: 1px solid rgba(32, 32, 32, .14);
  }

  body.woocommerce-account .woocommerce-MyAccount-navigation li,
  body.woocommerce-account .woocommerce-MyAccount-navigation-link--customer-logout {
    min-width: 0;
    margin: 0 !important;
    border-top: 0 !important;
    border-right: 1px solid rgba(32, 32, 32, .14) !important;
    border-bottom: 1px solid rgba(32, 32, 32, .14) !important;
  }

  body.woocommerce-account .woocommerce-MyAccount-navigation li a {
    display: flex !important;
    align-items: center;
    min-width: 0;
    min-height: 43px;
    padding: 10px 9px !important;
    font-size: 12px !important;
    line-height: 1.2 !important;
    white-space: normal;
    overflow-wrap: anywhere;
  }

  body.woocommerce-account .woocommerce-MyAccount-content {
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
  }

  body.woocommerce-account .woocommerce-MyAccount-content > *,
  body.woocommerce-account .woocommerce-MyAccount-content form,
  body.woocommerce-account .woocommerce-MyAccount-content fieldset {
    max-width: 100%;
  }

  body.woocommerce-account .woocommerce-Addresses,
  body.woocommerce-account #customer_login {
    grid-template-columns: 1fr;
    gap: 24px;
  }

  /* Notices must never retain a desktop minimum width. */
  body.woocommerce-account .woocommerce-message,
  body.woocommerce-account .woocommerce-info,
  body.woocommerce-account .woocommerce-error,
  body.woocommerce-account .wc-block-components-notice-banner {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow-wrap: anywhere;
  }

  /* ========================================================
     ORDERS — MOBILE CARDS
     ======================================================== */

  body.woocommerce-account .woocommerce-MyAccount-content table.my_account_orders,
  body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-orders-table {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    overflow: visible !important;
    background: transparent !important;
  }

  body.woocommerce-account .woocommerce-MyAccount-content table.my_account_orders thead,
  body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-orders-table thead {
    display: none !important;
  }

  body.woocommerce-account .woocommerce-MyAccount-content table.my_account_orders tbody,
  body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-orders-table tbody {
    display: block !important;
    width: 100% !important;
  }

  body.woocommerce-account .woocommerce-MyAccount-content table.my_account_orders tbody tr,
  body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-orders-table tbody tr {
    display: block !important;
    box-sizing: border-box;
    width: 100% !important;
    margin: 0 0 14px !important;
    border: 0 !important;
    background: #e4e3e1 !important;
  }

  /* WooCommerce makes the order-number cell a <th>, not a <td>.
     Style both so Order # never disappears on mobile. */
  body.woocommerce-account .woocommerce-MyAccount-content table.my_account_orders tbody tr > th,
  body.woocommerce-account .woocommerce-MyAccount-content table.my_account_orders tbody tr > td,
  body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-orders-table tbody tr > th,
  body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-orders-table tbody tr > td {
    display: grid !important;
    grid-template-columns: minmax(78px, .8fr) minmax(0, 1.2fr);
    align-items: center;
    column-gap: 12px;
    box-sizing: border-box;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 42px;
    margin: 0 !important;
    padding: 10px 12px !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(32, 32, 32, .12) !important;
    background: transparent !important;
    color: #202020 !important;
    text-align: right !important;
    white-space: normal !important;
    overflow-wrap: anywhere;
  }

  body.woocommerce-account .woocommerce-MyAccount-content table.my_account_orders tbody tr > *:last-child,
  body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-orders-table tbody tr > *:last-child {
    border-bottom: 0 !important;
  }

  body.woocommerce-account .woocommerce-MyAccount-content table.my_account_orders tbody tr > th::before,
  body.woocommerce-account .woocommerce-MyAccount-content table.my_account_orders tbody tr > td::before,
  body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-orders-table tbody tr > th::before,
  body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-orders-table tbody tr > td::before {
    content: attr(data-title) ":" !important;
    display: block !important;
    min-width: 0;
    color: #202020;
    font-weight: 500 !important;
    text-align: left !important;
  }

  body.woocommerce-account .woocommerce-orders-table__cell-order-number {
    display: grid !important;
  }

  body.woocommerce-account .woocommerce-orders-table__cell-order-number a {
    justify-self: end;
    min-width: 0;
    overflow-wrap: anywhere;
  }

  body.woocommerce-account .woocommerce-orders-table__cell-order-total,
  body.woocommerce-account .woocommerce-orders-table__cell-order-date,
  body.woocommerce-account .woocommerce-orders-table__cell-order-status {
    white-space: normal !important;
  }

  /* Actions are allowed to wrap instead of pushing the card wider. */
  body.woocommerce-account .woocommerce-orders-table__cell-order-actions {
    display: flex !important;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: 6px;
    text-align: right !important;
  }

  body.woocommerce-account .woocommerce-orders-table__cell-order-actions::before {
    content: none !important;
    display: none !important;
  }

  body.woocommerce-account .woocommerce-orders-table__cell-order-actions .button {
    flex: 0 1 auto;
    min-width: 72px;
    margin: 0 !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
  }
}

@media (max-width: 360px) {
  body.woocommerce-account .woocommerce {
    width: calc(100% - 24px) !important;
    margin-left: 12px !important;
    margin-right: 12px !important;
  }

  body.woocommerce-account .woocommerce-MyAccount-navigation li a {
    min-height: 41px;
    padding: 9px 8px !important;
    font-size: 11.5px !important;
  }

  body.woocommerce-account .woocommerce-MyAccount-content table.my_account_orders tbody tr > th,
  body.woocommerce-account .woocommerce-MyAccount-content table.my_account_orders tbody tr > td,
  body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-orders-table tbody tr > th,
  body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-orders-table tbody tr > td {
    grid-template-columns: 72px minmax(0, 1fr);
    column-gap: 10px;
    padding: 10px !important;
  }

  body.woocommerce-account .woocommerce-orders-table__cell-order-actions .button {
    flex: 1 1 calc(50% - 3px);
    min-width: 0;
  }
}