/*
 * WooCommerce My Account area base tweaks.
 * Add rules here to adjust layout, typography or utilities on account pages.
 */

/*
 * Styling roadmap for the My Account area:
 * 1. Global wrapper: layout, spacing and typography resets for all account screens.
 * 2. Navigation panel: menu list, active link states and hover feedback.
 * 3. Dashboard overview: boxes or lists shown on the landing dashboard page.
 * 4. Orders list: table overview of past orders inside `my-account/orders`.
 * 5. Single order view: details layout and download table inside individual orders.
 * 6. Downloads hub: dedicated downloads table when visiting `my-account/downloads`.
 * 7. Addresses section: billing/shipping address cards and the edit forms.
 * 8. Account details form: profile edit fields, password updates and helper texts.
 * 9. Notices & empty states: global alerts, errors, empty-table messaging and logout.
 */

 /*0. Bricks default changes*/
.woocommerce-account #brx-content.wordpress > h1 {
  font-size: 30px;
  margin-left: var(--space-s);
  position: absolute;
  width: 18%;
  visibility: hidden;
  text-align: left;
}

 @media (max-width: 960px) {
  .woocommerce-account #brx-content.wordpress > h1{
    display:block;
    text-align: center;
    margin: 0 0 var(--space-l) 0;
    position: relative;
    width: 100%;
 }
 }


/* 1. Global wrapper ------------------------------------------------------- */
.woocommerce-account {
  --myaccount-gap: var(--space-xl);
  --myaccount-padding: var(--space-xl);
  --myaccount-border-color: var(--border-color);
  --myaccount-muted: var(--base-meta);
  color: var(--text-color);
  font-family: var(--font-text);
  line-height: var(--text-line-height);
  background-color: var(--base-ultra-light);
}

.woocommerce-account .woocommerce {
  display: grid;
  grid-template-columns: minmax(18rem, 1fr) minmax(0, 3fr);
  gap: var(--myaccount-gap);
  max-width: var(--container-width);
  margin: 0 auto;
}

.woocommerce-account .woocommerce section{
  padding: 0;
  gap: var(--space-m);
}

.woocommerce-account .woocommerce a.button{
  padding: calc(var(--space-xs) / 2) var(--space-s);
  line-height: 1;
}

.woocommerce-account .woocommerce a:not(.button) {
  color: inherit;
  text-decoration: none;
}

.woocommerce-account .woocommerce a:not(.button):hover,
.woocommerce-account .woocommerce a:not(.button):focus-visible {
  color: var(--primary);
}

.woocommerce-account .woocommerce :is(h1, h2, h3, h4, h5, h6) {
  color: var(--heading-color);
  font-family: var(--font-heading);
  line-height: var(--heading-line-height);
  font-weight: var(--heading-font-weight);
  margin: 0 0 var(--space-s);
}

.woocommerce-account .woocommerce h1 { font-size: calc(var(--h1) * 0.4); }
.woocommerce-account .woocommerce h2 { font-size: calc(var(--h2) * 0.4); }
.woocommerce-account .woocommerce h3 { font-size: calc(var(--h3) * 0.5); }
.woocommerce-account .woocommerce h4 { font-size: calc(var(--h4) * 0.5); }
.woocommerce-account .woocommerce h5 { font-size: calc(var(--h5) * 0.6); }
.woocommerce-account .woocommerce h6 { font-size: calc(var(--h6) * 0.6); }

.woocommerce-account .woocommerce :is(p, ul, ol, table) {
  margin: 0 0 var(--space-m);
}

.woocommerce-account .woocommerce :is(p, ul, ol, table):last-child {
  margin-bottom: 0;
}

.woocommerce-account .woocommerce .woocommerce-info,
.woocommerce-account .woocommerce .woocommerce-error,
.woocommerce-account .woocommerce .woocommerce-message {
  font-family: var(--font-text);
}

@media (max-width: 960px) {
  .woocommerce-account .woocommerce {
    grid-template-columns: 1fr;
  }
}

/* 2. Navigation panel ----------------------------------------------------- */
.woocommerce-account .woocommerce-MyAccount-navigation {
  border-right: 1px solid var(--myaccount-border-color);
  background-color: transparent;
  padding-top: 90px;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul {
  display: flex;
  flex-direction: column;
  list-style: none;
  margin: 0;
  padding: 0;
  position: relative;
  left: 2px;
}

.woocommerce-account .woocommerce-MyAccount-navigation li {
  margin: 0;
}

.woocommerce-account .woocommerce-MyAccount-navigation a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-xs);
  padding: var(--space-xs) var(--space-s);
  color: var(--text-color);
  font-size: var(--text-s);
  transition: color 160ms ease, border-color 160ms ease;
  line-height: 1.2;
}

.woocommerce-account .woocommerce-MyAccount-navigation a:hover,
.woocommerce-account .woocommerce-MyAccount-navigation a:focus-visible {
  color: var(--primary);
}

.woocommerce-account .woocommerce-MyAccount-navigation .is-active a {
  border-inline-end: 3px solid var(--primary);
  color: var(--primary);
  font-weight: 600;
}

.woocommerce-account .woocommerce-MyAccount-navigation a .count {
  color: var(--myaccount-muted);
  font-size: var(--text-s);
}

@media (max-width: 960px) {
  .woocommerce-account .woocommerce-MyAccount-navigation {
    border-right: none;
    padding: 0 0 var(--space-m);
    position: relative;
    background-color: var(--white);
  }

  .woocommerce-account .woocommerce-MyAccount-navigation a {
    border-inline: none;
    border-bottom: 1px solid transparent;
  }

  .woocommerce-account .woocommerce-MyAccount-navigation .is-active a {
    border-inline-end: 0;
    color: var(--heading-color);
  }

  .woocommerce-account .woocommerce-MyAccount-navigation ul {
    border: 1px solid var(--myaccount-border-color);
    border-radius: 0;
    padding: 0;
    margin: 0;
    overflow: hidden;
    max-height: calc(1.5 * var(--space-l));
    gap: 0;
    background-color: var(--white);
    transition: max-height 220ms ease;
  }

  .woocommerce-account .woocommerce-MyAccount-navigation::after {
    content: '';
    position: absolute;
    inset-inline-end: var(--space-s);
    width: 10px;
    height: 10px;
    border-right: 2px solid var(--text-color);
    border-bottom: 2px solid var(--text-color);
    transform: translateY(-50%) rotate(45deg);
    transition: transform 200ms ease;
    pointer-events: none;
    top: calc(var(--space-xs) + (var(--text-s) * 0.6));
  }

  .woocommerce-account .woocommerce-MyAccount-navigation:not(:hover):not(:focus-within) li:not(.is-active) {
    display: none;
  }

  .woocommerce-account .woocommerce-MyAccount-navigation:hover li,
  .woocommerce-account .woocommerce-MyAccount-navigation:focus-within li {
    display: block;
    border-bottom: 1px solid var(--myaccount-border-color);
  }

  .woocommerce-account .woocommerce-MyAccount-navigation:hover li:last-child,
  .woocommerce-account .woocommerce-MyAccount-navigation:focus-within li:last-child {
    border-bottom: none;
  }

  .woocommerce-account .woocommerce-MyAccount-navigation:hover ul,
  .woocommerce-account .woocommerce-MyAccount-navigation:focus-within ul {
    max-height: 38rem;
  }

  .woocommerce-account .woocommerce-MyAccount-navigation:hover::after,
  .woocommerce-account .woocommerce-MyAccount-navigation:focus-within::after {
    transform: translateY(-15%) rotate(225deg);
  }
}

/* 4. Orders list ---------------------------------------------------------- */
.woocommerce-account .woocommerce-orders-table {
  width: 100%;
  border-collapse: collapse;
  font-size: var(--text-s);
}

.woocommerce-account .woocommerce-orders-table thead {
  background-color: var(--base-ultra-dark);
  color: var(--text-on-primary);
}

.woocommerce-account .woocommerce-orders-table thead th {
  color: var(--text-on-primary);
}

.woocommerce-account .woocommerce-orders-table :is(th, td) {
  text-align: left;
  padding: var(--space-xs) var(--space-s);
}

.woocommerce-account .woocommerce-orders-table th {
  font-weight: 600;
  border-bottom: 1px solid var(--myaccount-border-color);
  background-color: transparent;
}

.woocommerce-account .woocommerce-orders-table td {
  border-bottom: 1px solid var(--myaccount-border-color);
}

.woocommerce-account .woocommerce-orders-table__cell-order-total{
  color:var(--base-meta);
}

.woocommerce-account .woocommerce-orders-table__cell-order-total span{
  color:var(--text-color);
  margin-right: 2px;
}

.woocommerce-account .woocommerce-orders-table tbody tr:nth-child(odd) {
  background-color: var(--base-ultra-light);
}

.woocommerce-account .woocommerce-orders-table tbody tr:nth-child(even) {
  background-color: var(--white);
}

.woocommerce-account .woocommerce-orders-table a {
  color: var(--primary);
  font-weight: 400;
  display: inline;
  line-height: inherit;
  min-height: auto;
}

.woocommerce-account .woocommerce-orders-table a:hover,
.woocommerce-account .woocommerce-orders-table a:focus-visible {
  color: var(--primary-dark);
}

.woocommerce-account .woocommerce-orders-table .woocommerce-button {
  padding: 0;
  background: none;
  color: var(--primary);
  font-weight: 400;
  display: inline;
  text-transform: none;
}

.woocommerce-account .woocommerce-orders-table .woocommerce-button:hover,
.woocommerce-account .woocommerce-orders-table .woocommerce-button:focus-visible {
  color: var(--primary-dark);
}

.woocommerce-account .woocommerce-orders-table__cell-order-actions {
  white-space: nowrap;
  gap: var(--space-xs);
}

.woocommerce-account .woocommerce-Pagination {
  display: flex;
  align-items: center;
  gap: var(--space-s);
  margin-top: var(--space-m);
  width: 100%;
}

.woocommerce-account .woocommerce-Pagination .woocommerce-button {
  display: inline-flex;
  align-items: center;
  gap: var(--space-xs);
  background-color: transparent;
  color: var(--primary);
  padding: 0;
  font-weight: 600;
  border: none;
}

.woocommerce-account .woocommerce-Pagination .woocommerce-button:hover,
.woocommerce-account .woocommerce-Pagination .woocommerce-button:focus-visible {
  color: var(--primary-dark);
}

.woocommerce-account .woocommerce-Pagination .woocommerce-button--previous {
  margin-right: auto;
}

.woocommerce-account .woocommerce-Pagination .woocommerce-button--next {
  margin-left: auto;
}

.woocommerce-account .woocommerce-Pagination .woocommerce-button--previous::before {
  content: '←';
  font-size: 1em;
  height: auto;
  background: transparent;
  position: static;
  transform: scaleX(1) !important;
}
.woocommerce-account .woocommerce-Pagination .woocommerce-button--next::before{
  background: transparent;
}
.woocommerce-account .woocommerce-Pagination .woocommerce-button--next::after {
  content: '→';
  font-size: 1em;
}


@media (max-width: 767px) {
  .woocommerce-account .woocommerce-orders-table :is(th, td) {
    padding-inline: var(--space-xs);
    padding-block: calc(var(--space-xs) * 0.75);
  }

  .woocommerce-account .woocommerce-orders-table th {
    background-color: var(--base-ultra-light);
    border-bottom: 0;
  }

  .woocommerce-account .woocommerce-orders-table thead {
    display: none;
  }

  .woocommerce-account .woocommerce-orders-table tbody {
    display: flex;
    flex-direction: column;
    gap: var(--space-s);
  }

  .woocommerce-account .woocommerce-orders-table tbody tr {
    display: block;
    padding: var(--space-s);
    border: 1px solid var(--myaccount-border-color);
    background-color: var(--white);
    border-radius: var(--radius-s);
  }

  .woocommerce-account .woocommerce-orders-table tbody tr:nth-child(odd),
  .woocommerce-account .woocommerce-orders-table tbody tr:nth-child(even) {
    background-color: var(--white);
  }
  .woocommerce-account .woocommerce-orders-table th,
  .woocommerce-account .woocommerce-orders-table td {
    display: flex;
    align-items: flex-start;
    gap: 2px;
    border-bottom: 0;
  }

  .woocommerce-account .woocommerce-orders-table th::before,
  .woocommerce-account .woocommerce-orders-table td::before{
    content: attr(data-title);
    flex: 0 0 30%;
    font-size: var(--text-m);

    
  }
  .woocommerce-account .woocommerce-orders-table td::before{
    color: var(--myaccount-muted);
    font-size: var(--text-s);

  }

  .woocommerce-account .woocommerce-orders-table td > * {
    text-align: left;
    align-self: center;
  }

  .woocommerce-account .woocommerce-orders-table__cell-order-actions {
    flex-wrap: wrap;
    row-gap: var(--space-xs);
    column-gap: var(--space-xs);
  }

  .woocommerce-account .woocommerce-orders-table__cell-order-actions::before {
    flex: 0 0 100%;
  }

  .woocommerce-account .woocommerce-orders-table__cell-order-actions > * {
    flex: 0 1 auto;
  }

  .woocommerce-account .woocommerce-orders-table a.woocommerce-button{
    padding: 0;
    line-height: 1;
  }
}

/* 5. Single order view ---------------------------------------------------- */
.woocommerce-account .woocommerce-order {
  display: grid;
  gap: var(--space-l);
}

.woocommerce-account .woocommerce-order > header {
  display: flex;
  flex-direction: column;
  gap: var(--space-s);
}

.woocommerce-account .woocommerce-order .woocommerce-notice {
  margin-bottom: 0;
}

.woocommerce-account .woocommerce-order-overview {
  list-style: none;
  margin: 0;
  padding: var(--space-s) 0;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(14rem, 1fr));
  gap: var(--space-xs);
  border-top: 1px solid var(--myaccount-border-color);
  border-bottom: 1px solid var(--myaccount-border-color);
}

.woocommerce-account .woocommerce-order-overview li {
  display: flex;
  flex-direction: column;
  gap: 4px;
  color: var(--text-color);
}

.woocommerce-account .woocommerce-order-overview li strong,
.woocommerce-account .woocommerce-order-overview li b {
  color: var(--heading-color);
  font-weight: 600;
}

.woocommerce-account .woocommerce-order-details, 
.woocommerce-account .woocommerce-customer-details {
  padding:0;
}

.woocommerce-account .woocommerce-order-details__title {
  margin-bottom: var(--space-s);
}

.woocommerce-account .woocommerce-table--order-details {
  width: 100%;
  border-collapse: collapse;
  font-size: var(--text-s);
  background-color: var(--white);
  border:none;
}

.woocommerce-account .woocommerce-table--order-details thead {
  background: none;
}

.woocommerce-account .woocommerce-table--order-details thead th {
  padding: var(--space-xs) var(--space-s);
  text-align: left;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-weight: 600;
  color: var(--heading-color);
  border-bottom: 2px solid var(--base-dark);
}

.woocommerce-account .woocommerce-table--order-details tbody tr {
  background: transparent;
}

.woocommerce-account .woocommerce-table--order-details tbody td {
  padding: var(--space-xs) 3px;
  border-bottom: 1px solid var(--myaccount-border-color);
  color: var(--text-color);
}

.woocommerce-account .woocommerce-table--order-details .product-name {
  color: var(--heading-color);
  font-weight: 500;
}

.woocommerce-account .woocommerce-table--order-details td.product-total {
  text-align: right;
}

.woocommerce-account .woocommerce-table--order-details tfoot,
.woocommerce-account .woocommerce-table--order-details tfoot tr {
  background: transparent;
}

.woocommerce-account .woocommerce-table--order-details tfoot th,
.woocommerce-account .woocommerce-table--order-details tfoot td {
  padding: var(--space-xs) 3px;
}

.woocommerce-account .woocommerce-table--order-details tfoot th {
  text-align: left;
  color: var(--myaccount-muted);
}

.woocommerce-account .woocommerce-table--order-details .shipped_via,
.woocommerce-account .woocommerce-table--order-details .includes_tax
{
  color: var(--myaccount-muted);
}

.woocommerce-account .woocommerce-table--order-details tfoot td {
  text-align: right;
  color: var(--text-color);
}

.woocommerce-account .woocommerce-table--order-details tfoot tr:nth-last-child(2) td,
.woocommerce-account .woocommerce-table--order-details tfoot tr:nth-last-child(2) th {
  border-top: 2px solid var(--base-dark);
  color: var(--heading-color);
  font-weight: 600;
}

.woocommerce-account .woocommerce-table--order-details tfoot tr:last-child th,
.woocommerce-account .woocommerce-table--order-details tfoot tr:last-child td {
  color: var(--base-meta);
  padding-top: var(--space-l);
}

.woocommerce-account .woocommerce-order-downloads {
  margin-top: var(--space-l);
}

.woocommerce-account .woocommerce-order-downloads table {
  width: 100%;
  border-collapse: collapse;
  font-size: var(--text-s);
}

.woocommerce-account .woocommerce-order-downloads thead {
  background-color: var(--base-ultra-light);
  color: var(--heading-color);
}

.woocommerce-account .woocommerce-order-downloads :is(th, td) {
  padding: var(--space-xs) var(--space-s);
  text-align: left;
  border-bottom: 1px solid var(--myaccount-border-color);
}

.woocommerce-account .woocommerce-order-downloads tbody tr:nth-child(odd) {
  background-color: var(--base-ultra-light);
}

.woocommerce-account .woocommerce-order-downloads tbody tr:nth-child(even) {
  background-color: var(--white);
}


.woocommerce-account .woocommerce-order-downloads td .download-file {
  color: var(--heading-color);
  font-weight: 500;
}

.woocommerce-account .woocommerce-order-downloads a {
  color: var(--primary);
  font-weight: 600;
}

.woocommerce-account .woocommerce-order-downloads a:hover,
.woocommerce-account .woocommerce-order-downloads a:focus-visible {
  color: var(--primary-dark);
}

.woocommerce-account .woocommerce-order-downloads .button {
  padding: 0;
  background: none;
  color: var(--primary);
  font-weight: 600;
}

.woocommerce-account .woocommerce-order-downloads .button:hover,
.woocommerce-account .woocommerce-order-downloads .button:focus-visible {
  color: var(--primary-dark);
}




.woocommerce-account .woocommerce-addresses {
  background-color: var(--white);
  border: 1px solid var(--myaccount-border-color);
  margin-top: var(--space-xl);
}

.woocommerce-account .woocommerce-Address {
  border-right: 1px solid var(--myaccount-border-color);
  display: flex;
  flex-direction: column;
}

.woocommerce-account .woocommerce-Address:last-child {
  border-right: none;
}


.woocommerce-account .woocommerce-Address-title {
  display: contents;
}

.woocommerce-account .woocommerce-Address-title h3 {
  margin: 0;
}

.woocommerce-account .woocommerce-Address address {
  margin: 0 0 var(--space-m);
  line-height: 1.6;
  color: var(--base-meta);
  font-size: var(--text-s);
}

.woocommerce-account .woocommerce-Address address p {
  margin: 0;
}

.woocommerce-account .woocommerce-Address .edit {
  display: inline-flex
;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 4px 13px;
  color: var(--primary);
  font-size: var(--text-xs);
  text-decoration: none;
  width: fit-content;
  order: 1;
  background: var(--base-ultra-light);
}

.woocommerce-account .woocommerce-Address .edit::before{
  display: none;
}

.woocommerce-account .woocommerce .woocommerce-Address .edit:hover,
.woocommerce-account .woocommerce .woocommerce-Address .edit:focus-visible {
  color: var(--text-on-primary);
  background-color: var(--primary);
}

.woocommerce-account .woocommerce-address-fields {
  display: grid;
  gap: var(--space-m);
}

.woocommerce-account .woocommerce-address-fields__field-wrapper {
  display: grid;
  gap: var(--space-m);
}

.woocommerce-account .woocommerce-address-fields .form-row {
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin: 0;
  width: 100%;
  float: none;
  clear: none;
}

.woocommerce-account .woocommerce-address-fields label {
  font-size: var(--text-s);
  color: var(--myaccount-muted);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin:0;
}

.woocommerce-account .woocommerce-address-fields input:not([type='checkbox']),
.woocommerce-account .woocommerce-address-fields select,
.woocommerce-account .woocommerce-address-fields textarea {
  width: 100%;
  padding: 0 calc(var(--space-xs));
  border: 1px solid var(--myaccount-border-color);
  background-color: var(--white);
  font-size: var(--text-s);
  line-height: 1.4;
  color: var(--text-color);
  height: var(--bricks-woo-input-height);
}



.woocommerce-account .woocommerce-address-fields textarea {
  min-height: 8rem;
  height: auto;
}

.woocommerce-account .woocommerce-address-fields .button {
  justify-self: flex-start;
  padding: calc(var(--space-xs) * 0.9) var(--space-m);
  background-color: var(--primary);
  color: var(--text-on-primary);
  border: none;
  font-weight: 600;
}

.woocommerce-account .woocommerce-address-fields .button:hover,
.woocommerce-account .woocommerce-address-fields .button:focus-visible {
  background-color: var(--primary-dark);
}


.woocommerce-account .woocommerce-EditAccountForm,
.woocommerce-account form.edit-account {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--space-m);
  background-color: var(--white);
}

.woocommerce-account .woocommerce-EditAccountForm fieldset,
.woocommerce-account form.edit-account fieldset {
  border: none;
  padding: 0;
  margin: 0;
  display: grid;
  gap: var(--space-m);
}

.woocommerce-account .woocommerce-EditAccountForm legend,
.woocommerce-account form.edit-account legend {
  font-size: var(--text-m);
  font-weight: 600;
  color: var(--heading-color);
  margin-bottom: var(--space-xs);
}


.woocommerce-account .woocommerce-EditAccountForm .form-row,
.woocommerce-account form.edit-account .form-row {
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin: 0;
  width: 100%;
  float: none;
  clear: none;
}

.woocommerce-account .woocommerce-EditAccountForm label,
.woocommerce-account form.edit-account label {
  font-size: var(--text-s);
  color: var(--myaccount-muted);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin:0;
}

.woocommerce-account .woocommerce-EditAccountForm input,
.woocommerce-account .woocommerce-EditAccountForm select,
.woocommerce-account .woocommerce-EditAccountForm textarea,
.woocommerce-account form.edit-account input,
.woocommerce-account form.edit-account select,
.woocommerce-account form.edit-account textarea {
  width: 100%;
  padding: calc(var(--space-xs) * 0.9) var(--space-s);
  border: 1px solid var(--myaccount-border-color);
  background-color: var(--white);
  font-size: var(--text-s);
  line-height: 1.4;
  color: var(--text-color);
}

.woocommerce-account .woocommerce-EditAccountForm textarea,
.woocommerce-account form.edit-account textarea {
  min-height: 8rem;
}

.woocommerce-account .woocommerce-EditAccountForm .woocommerce-Button,
.woocommerce-account form.edit-account .woocommerce-Button {
  width: max-content;
  padding: calc(var(--space-xs) * 0.9) var(--space-m);
  background-color: var(--primary);
  color: var(--text-on-primary);
  border: none;
  font-weight: 600;
}

.woocommerce-account .woocommerce-EditAccountForm .woocommerce-Button:hover,
.woocommerce-account .woocommerce-EditAccountForm .woocommerce-Button:focus-visible,
.woocommerce-account form.edit-account .woocommerce-Button:hover,
.woocommerce-account form.edit-account .woocommerce-Button:focus-visible {
  background-color: var(--primary-dark);
}

.woocommerce-account .woocommerce-EditAccountForm > .clear,
.woocommerce-account form.edit-account > .clear {
  display: none;
}

@media (max-width: 767px) {
  .woocommerce-account .woocommerce-addresses {
    gap: var(--space-m);
  }

  .woocommerce-account .woocommerce-Address {
    padding: var(--space-m) var(--space-s);
    border-right: none;
  }

  .woocommerce-account .woocommerce-address-fields .button {
    width: 100%;
    text-align: center;
  }

  .woocommerce-account .woocommerce-EditAccountForm,
  .woocommerce-account form.edit-account {
    padding: var(--space-l) var(--space-m);
  }

  .woocommerce-account .woocommerce-EditAccountForm .woocommerce-Button,
  .woocommerce-account form.edit-account .woocommerce-Button {
    width: 100%;
    text-align: center;
  }
}

@media (min-width: 768px) {
  .woocommerce-account .woocommerce-EditAccountForm,
  .woocommerce-account form.edit-account {
    grid-template-columns: repeat(2, minmax(18rem, 1fr));
    gap: var(--space-m) var(--space-l);
  }

  .woocommerce-account .woocommerce-address-fields__field-wrapper,
  .woocommerce-account .woocommerce-EditAccountForm fieldset,
  .woocommerce-account form.edit-account fieldset {
    grid-template-columns: repeat(2, minmax(18rem, 1fr));
    gap: var(--space-m) var(--space-l);
  }

  .woocommerce-account .woocommerce-EditAccountForm fieldset,
  .woocommerce-account form.edit-account fieldset,
  .woocommerce-account .woocommerce-EditAccountForm > p:last-of-type,
  .woocommerce-account form.edit-account > p:last-of-type {
    grid-column: 1 / -1;
  }

  .woocommerce-account .woocommerce-address-fields__field-wrapper .form-row-wide,
  .woocommerce-account .woocommerce-EditAccountForm fieldset .form-row-wide,
  .woocommerce-account form.edit-account fieldset .form-row-wide,
  .woocommerce-account .woocommerce-EditAccountForm fieldset .form-row-full,
  .woocommerce-account form.edit-account fieldset .form-row-full {
    grid-column: 1 / -1;
  }
}


.woocommerce-account .woocommerce-customer-details {
  display: grid;
  gap: var(--space-m);
  font-size: var(--text-s);
  margin-top: var(--space-xl);
}

.woocommerce-account .woocommerce-customer-details address {
  line-height: 1.6;
}

.woocommerce-account .woocommerce-customer-details address p:first-of-type{
  margin-top:10px;
}

.woocommerce-account .woocommerce-customer-details address p{
  margin: 0px;
}

.woocommerce-account .woocommerce-form-row em{
  font-size: var(--text-s);
  font-style: normal;
  color: var(--base-meta);
  line-height: 1.4em;
  display: inline-block;
}

.woocommerce-account form .show-password-input{
  background-color: transparent;
  right: 10px;
}

@media (max-width: 767px) {
  .woocommerce-account .woocommerce-order-overview {
    grid-template-columns: 1fr;
  }

  .woocommerce-account .woocommerce-table--order-details :is(th, td),
  .woocommerce-account .woocommerce-order-downloads :is(th, td) {
    padding-inline: var(--space-xs);
  }

  .woocommerce-account .woocommerce-order-downloads thead {
    display: none;
  }

  .woocommerce-account .woocommerce-order-downloads tbody {
    display: flex;
    flex-direction: column;
    gap: var(--space-s);
  }

  .woocommerce-account .woocommerce-order-downloads tbody tr {
    border: 1px solid var(--myaccount-border-color);
    background-color: var(--white) !important;
    padding: var(--space-s);
    border-radius: var(--radius-s);
    display: grid;
  }

  .woocommerce-account .woocommerce-order-downloads :is(th, td) {
    display: flex;
    align-items: flex-start;
    gap: var(--space-xs);
    padding: var(--space-xs) 0;
    align-items: center;
  }

  .woocommerce-account .woocommerce-order-downloads td:last-child{
    border-bottom: none;
  }

  .woocommerce-account .woocommerce-order-downloads td::before {
    content: attr(data-title);
    color: var(--myaccount-muted);
    font-size: var(--text-s);
    flex: 0 0 30%;
  }

  .woocommerce-account .woocommerce-order-downloads td > * {
    text-align: left;
  }

.woocommerce-account .woocommerce-order-downloads a.button{
    padding: 0;
    line-height: 1;
    min-height: unset;
  }
}

/* 9. Login & register ----------------------------------------------------- */

/* Hook for unauthenticated account customization */
body:not(.logged-in).woocommerce-account #brx-content.wordpress > h1{
  position: relative;
  width:auto;
  text-align: center;
  margin: 0 0 var(--space-xl) 0;
}

body:not(.logged-in).woocommerce-account .woocommerce{
  display: block;
  border:none;
  padding: 0;
}


.woocommerce-account #customer_login {
  display: grid;
  grid-template-columns: repeat(2, minmax(18rem, 1fr));
  background-color: var(--white);
  margin-top: var(--space-xl);
  position: relative;
}

.woocommerce-account #customer_login::before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  width: 1px;
  background-color: var(--myaccount-border-color);
  transform: translateX(-0.5px);
  pointer-events: none;
}

.woocommerce-account #customer_login > .u-column1,
.woocommerce-account #customer_login > .u-column2 {
  padding: 0 var(--space-xl);
}

.woocommerce-account #customer_login h2 {
  margin-bottom: var(--space-s);
}

.woocommerce-account #customer_login form {
  display: grid;
  gap: var(--space-m);
  padding: 0;
  border: none;
}

.woocommerce-account #customer_login .woocommerce-form-row {
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin: 0;
}

.woocommerce-account #customer_login .woocommerce-form-row:not(.woocommerce-form-row--wide) {
  max-width: 26rem;
}

.woocommerce-account #customer_login label {
  font-size: var(--text-s);
  color: var(--myaccount-muted);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin: 0;
}

.woocommerce-account #customer_login .woocommerce-Input,
.woocommerce-account #customer_login input[type="text"],
.woocommerce-account #customer_login input[type="email"],
.woocommerce-account #customer_login input[type="password"] {
  width: 100%;
  padding: calc(var(--space-xs) * 0.9) var(--space-s);
  border: 1px solid var(--myaccount-border-color);
  background-color: var(--white);
  font-size: var(--text-s);
  line-height: 1.4;
  color: var(--text-color);
}

.woocommerce-account #customer_login .password-input {
  position: relative;
  display: flex;
  align-items: center;
}

.woocommerce-account #customer_login .password-input input {
  padding-right: var(--space-xl);
}

.woocommerce-account #customer_login .password-input .show-password-input::after {
  display: none;
}

.woocommerce-account #customer_login .password-input .show-password-input {
  background: none;
  border: none;
  position: absolute;
  right: var(--space-xs);
  color: var(--myaccount-muted);
  width: auto;
  height: auto;
}

.woocommerce-account #customer_login .woocommerce-form-login__rememberme {
  display: flex;
      align-items: center;
      gap: var(--space-xs);
      font-size: var(--text-s);
      color: var(--base-meta);
      text-transform: none;
      letter-spacing: normal;
      margin-bottom: var(--space-m);
}

.woocommerce-account #customer_login .woocommerce-form-row .woocommerce-button,
.woocommerce-account #customer_login .woocommerce-form-row .button {
  align-self: flex-start;
  padding: calc(var(--space-xs) * 0.9) var(--space-m);
  background-color: var(--primary);
  color: var(--text-on-primary);
  border: none;
  font-weight: 600;
}

.woocommerce-account #customer_login .woocommerce-form-row .woocommerce-button:hover,
.woocommerce-account #customer_login .woocommerce-form-row .woocommerce-button:focus-visible,
.woocommerce-account #customer_login .woocommerce-form-row .button:hover,
.woocommerce-account #customer_login .woocommerce-form-row .button:focus-visible {
  background-color: var(--primary-dark);
}

.woocommerce-account #customer_login .lost_password a {
  color: var(--primary);
  font-weight: 600;
}

.woocommerce-account #customer_login .lost_password a:hover,
.woocommerce-account #customer_login .lost_password a:focus-visible {
  color: var(--primary-dark);
}

.woocommerce-account #customer_login .woocommerce-privacy-policy-text {
  font-size: var(--text-s);
  color: var(--myaccount-muted);
  line-height: 1.6;
}

.woocommerce-account #customer_login .woocommerce-privacy-policy-text a {
  color: var(--primary);
}

.woocommerce-account #customer_login .woocommerce-privacy-policy-text a:hover,
.woocommerce-account #customer_login .woocommerce-privacy-policy-text a:focus-visible {
  color: var(--primary-dark);
}

.woocommerce-account .woocommerce-ResetPassword {
  max-width: 600px;
  margin: 0 auto;
  border: 1px solid var(--border-color);
  padding: var(--space-l);
}

.woocommerce-account p.woocommerce-LostPassword.lost_password {
  font-size: var(--text-s);
}

@media (max-width: 767px) {
  .woocommerce-account #customer_login {
    grid-template-columns: 1fr;
    border-width: 1px 0 0;
    margin-top: var(--space-l);
  }

  .woocommerce-account #customer_login::before {
    display: none;
  }

  .woocommerce-account #customer_login > .u-column1 {
    border-bottom: 1px solid var(--myaccount-border-color);
  }

  .woocommerce-account #customer_login > .u-column1,
  .woocommerce-account #customer_login > .u-column2 {
    padding: var(--space-l) var(--space-m);
  }

  .woocommerce-account #customer_login form {
    gap: var(--space-m);
  }

  .woocommerce-account #customer_login .woocommerce-form-row .woocommerce-button,
  .woocommerce-account #customer_login .woocommerce-form-row .button {
    width: 100%;
    text-align: center;
  }
}



/* 9. Notices & empty states --------------------------------------------- */
.woocommerce-account .woocommerce-MyAccount-content :is(.woocommerce-message, .woocommerce-info, .woocommerce-error) {
  margin: 0 0 var(--space-l) 0;
  padding: var(--space-s) var(--space-m);
  border: 1px solid var(--myaccount-border-color);
  font-size: var(--text-s);
  line-height: 1.5;
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-s);
  align-items: center;
  background: var(--white);
}


.woocommerce-account .woocommerce-MyAccount-content :is(.woocommerce-message, .woocommerce-info, .woocommerce-error) .button,
.woocommerce-account .woocommerce-MyAccount-content :is(.woocommerce-message, .woocommerce-info, .woocommerce-error) a.button {
  background: none;
}

.woocommerce-account .woocommerce-MyAccount-content :is(.woocommerce-message, .woocommerce-info, .woocommerce-error) .button:hover,
.woocommerce-account .woocommerce-MyAccount-content :is(.woocommerce-message, .woocommerce-info, .woocommerce-error) .button:focus-visible,
.woocommerce-account .woocommerce-MyAccount-content :is(.woocommerce-message, .woocommerce-info, .woocommerce-error) a.button:hover,
.woocommerce-account .woocommerce-MyAccount-content :is(.woocommerce-message, .woocommerce-info, .woocommerce-error) a.button:focus-visible {
  color: var(--primary-dark);
}

.woocommerce-account .woocommerce-MyAccount-content .woocommerce-message {
  border-left: 3px solid var(--success);
  color:var(--success);
}

.woocommerce-account .woocommerce-MyAccount-content .woocommerce-info {
  border-left: 3px solid var(--base-dark);
  color:var(--base-dark);
}

.woocommerce-account .woocommerce-MyAccount-content .woocommerce-error {
  border-left: 3px solid var(--warning);
  color: var(--warning);
}

.woocommerce-account .woocommerce-MyAccount-content ul.woocommerce-error {
  list-style: none;
  padding-left: var(--space-m);
}

.woocommerce-account .woocommerce-MyAccount-content ul.woocommerce-error li + li {
  margin-top: var(--space-xs);
}

.woocommerce-account .woocommerce-MyAccount-content :is(.woocommerce-message, .woocommerce-info, .woocommerce-error) .wc-forward {
  background-color: transparent;
}

.woocommerce-account .woocommerce :is(p, ul, ol, table):first-child {
  margin-top: 0;
}

@media (max-width: 600px) {
  .woocommerce-account .woocommerce-MyAccount-content :is(.woocommerce-message, .woocommerce-info, .woocommerce-error) {
    flex-direction: column;
    align-items: flex-start;
    gap: var(--space-xs);
  }
}