.my-account-page {
  .container {
    .woocommerce {
      display: flex;
      gap: 60px;
      margin-top: 40px;

      @media (max-width: 1280px) {
        gap: 40px;
      }

      @media (max-width: 1024px) {
        flex-direction: column;
        gap: 40px;
      }

      .woocommerce-MyAccount-navigation {
        flex: 0 0 300px;

        @media (max-width: 1024px) {
          flex: 1;
        }

        ul {
          margin: 0;
          padding: 0;
          list-style: none;
          background-color: var(--color-neutral-50);
          border-radius: 12px;
          overflow: hidden;

          li {
            border-bottom: 1px solid var(--color-neutral-200);

            &:last-child {
              border-bottom: none;
            }

            a {
              display: block;
              padding: 18px 24px;
              color: var(--color-neutral-800);
              font-size: var(--font-size-xs);
              font-weight: 500;
              transition: all 0.3s ease;

              @media (max-width: 1024px) {
                padding: 14px 20px;
              }

              &:hover {
                background-color: var(--color-neutral-100);
                color: var(--color-primary-200);
              }
            }

            &.is-active {
              a {
                background-color: var(--color-primary-200);
                color: var(--color-white);
              }
            }
          }
        }
      }

      .woocommerce-MyAccount-content {
        flex: 1;

        p {
          font-size: var(--font-size-xs);
          line-height: var(--line-height-relaxed);
          color: var(--color-neutral-700);
          margin-bottom: 24px;

          a {
            color: #364157;
            font-weight: 600;
            margin-top: 6px;

            &:hover {
              text-decoration: underline;
            }
          }
        }

        &:has(#gold_wallet_request_amount) {
          margin-top: -16px;

          @media (max-width: 1024px) {
            margin-top: 0;
          }

          h3 {
            margin: 25px 0 31px;
          }

          >p:first-of-type {
            margin-bottom: 8px;

            strong {
              font-weight: 400;
            }
          }

          >p:nth-of-type(2) {
            margin-bottom: 20px;
          }

          .woocommerce-notices-wrapper {
            margin-bottom: 20px;

            &:empty {
              display: none;
            }
          }

          form {
            margin-bottom: 16px;

            p {
              margin-bottom: 12px;

              &:last-child {
                margin-top: 16px;
                margin-bottom: 0;
              }
            }

            label {
              display: block;
              margin-bottom: 8px;
            }

            .form-row-wide {
              max-width: 361px;
            }

            #gold_wallet_request_amount {
              width: 361px;
              max-width: 100%;
              height: 50px;
              border-radius: 8px;
              border: 1px solid #D4D4D4;
            }
          }

          a.button[href*="gold_wallet_download_invoice"] {
            border-color: #D4D4D4 !important;

            &.pulse-attention {
              animation: pulse-pop 2s infinite;
              border-color: var(--color-primary-200) !important;
              background-color: var(--color-primary-200) !important;
              color: var(--color-white) !important;
              z-index: 10;
              position: relative;
            }
          }
        }

        .woocommerce-OrdersTable,
        .woocommerce-orders-table {
          width: 100%;
          border-collapse: separate;
          border-spacing: 0;
          margin-bottom: 30px;
          background-color: var(--color-white);
          border: 1px solid #D4D4D4;
          border-radius: 8px;
          overflow: hidden;

          & thead th {
            padding: 19px 22px;
            text-align: left;
            font-size: 16px;
            font-weight: 700;
            line-height: 1.5;
            color: #364157;
            border-bottom: 1px solid #D4D4D4;
          }

          & tbody td,
          & tbody th {
            padding: 11px 22px;
            border-bottom: 1px solid #D4D4D4;
            font-size: 16px;
            font-weight: 400;
            line-height: 1.5;
            color: #364157;
            vertical-align: middle;
          }

          & tbody td.woocommerce-orders-table__cell-order-actions {
            padding-left: 12px;
            text-align: left;
            white-space: normal;
          }

          & tbody td.woocommerce-orders-table__cell-order-actions .button {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            margin: 0 8px 8px 0 !important;
            min-height: auto !important;
            height: auto !important;
            padding: 6px 12px !important;
            font-size: 12px !important;
            font-weight: 400 !important;
            line-height: 1 !important;
            white-space: nowrap;
            color: var(--color-white) !important;
            background-color: #364157 !important;
            border: 0 !important;
            border-radius: 40px !important;
          }

          & tbody td.woocommerce-orders-table__cell-order-number,
          & tbody th.woocommerce-orders-table__cell-order-number,
          & tbody td[data-title="Order"],
          & tbody th[data-title="Order"] {
            color: #E2812A;
            font-weight: 700;
            white-space: nowrap;
          }

          & tbody td.woocommerce-orders-table__cell-order-number a,
          & tbody th.woocommerce-orders-table__cell-order-number a,
          & tbody td.woocommerce-orders-table__cell-order-number a:visited,
          & tbody th.woocommerce-orders-table__cell-order-number a:visited,
          & tbody td[data-title="Order"] a,
          & tbody th[data-title="Order"] a,
          & tbody td[data-title="Order"] a:visited,
          & tbody th[data-title="Order"] a:visited {
            color: inherit !important;
            font-size: inherit !important;
            font-weight: inherit !important;
            line-height: inherit !important;
            text-decoration: none;
          }

          & tbody td.woocommerce-orders-table__cell-order-number a:hover,
          & tbody th.woocommerce-orders-table__cell-order-number a:hover,
          & tbody td[data-title="Order"] a:hover,
          & tbody th[data-title="Order"] a:hover {
            text-decoration: underline;
          }

          & tbody tr:last-child td,
          & tbody tr:last-child th {
            border-bottom: 0;
          }
        }

        .woocommerce-order-details__title,
        .woocommerce-column__title {
          margin: 0 0 16px;
          font-size: 16px;
          font-weight: 700;
          line-height: 1.5;
          color: #364157;
        }

        .woocommerce-table--order-details,
        .shop_table.order_details {
          width: 100%;
          border-collapse: separate;
          border-spacing: 0;
          margin-bottom: 30px;
          background-color: var(--color-white);
          border: 1px solid #D4D4D4;
          border-radius: 8px;
          overflow: hidden;

          & thead th {
            padding: 19px 22px;
            font-size: 16px;
            font-weight: 700;
            line-height: 1.5;
            color: #364157;
            border-bottom: 1px solid #D4D4D4;
          }

          & tbody td,
          & tbody th,
          & tfoot td,
          & tfoot th {
            padding: 11px 22px;
            font-size: 16px;
            line-height: 1.5;
            color: #364157;
            border-bottom: 1px solid #D4D4D4;
            vertical-align: middle;
          }

          & tbody td,
          & tbody th,
          & tfoot td {
            font-weight: 400;
          }

          & tfoot th {
            font-weight: 700;
            text-align: left;
          }

          & tfoot td {
            text-align: right;
          }

          & a,
          & a:visited {
            color: inherit;
            text-decoration: none;
          }

          & a:hover {
            text-decoration: underline;
          }

          & tfoot tr:last-child td,
          & tfoot tr:last-child th {
            border-bottom: 0;
          }
        }

        .woocommerce-Addresses {
          display: grid;
          grid-template-columns: 1fr 1fr;
          gap: 30px;
          margin-top: 30px;

          @media (max-width: 768px) {
            grid-template-columns: 1fr;
          }

          &:before,
          &:after {
            display: none;
          }

          .woocommerce-Address {
            display: flex;
            flex-direction: column;
            width: auto;

            header {
              display: flex;
              flex-direction: column;
              align-items: flex-start;
              margin-bottom: 16px;

              h2 {
                margin: 0 0 0.4em;
                font-size: var(--font-size-xl);
                color: var(--color-neutral-800);
              }

              .edit {
                color: var(--color-primary-200);
                font-size: 14px;
                font-weight: 600;

                &:hover {
                  text-decoration: underline;
                }
              }
            }

            address {
              font-style: normal;
              font-size: var(--font-size-xs);
              line-height: 1.6;
              color: var(--color-neutral-600);
              padding: 20px;
              background-color: var(--color-neutral-50);
              border-radius: 12px;
            }
          }
        }

        .woocommerce-message,
        .woocommerce-error,
        .woocommerce-info {
          display: flex;
          align-items: center;
          justify-content: space-between;
          font-size: var(--font-size-xs);

          &:before {
            top: 1.6em;
          }

          &:after {
            display: none;
          }
        }

        .woocommerce-message {
          background-color: var(--color-success-50);
          color: var(--color-success-600);
          border: 1px solid var(--color-success-100);
        }

        .woocommerce-error {
          background-color: var(--color-error-50);
          color: var(--color-error-600);
          border: 1px solid var(--color-error-100);
        }

        .woocommerce-info {
          background-color: var(--color-info-50);
          color: var(--color-info-600);
          border: 1px solid var(--color-info-100);
        }
      }
    }
  }
}

@keyframes pulse-pop {
  0% {
    transform: scale(1);
    box-shadow: 0 0 0 0 rgba(231, 140, 21, 0.7);
  }

  50% {
    transform: scale(1.05);
    box-shadow: 0 0 0 10px rgba(231, 140, 21, 0);
  }

  100% {
    transform: scale(1);
    box-shadow: 0 0 0 0 rgba(231, 140, 21, 0);
  }
}