.woocommerce-MyAccount-navigation ul {
   list-style: none;
   --li-pl: 0;
   --list-mb: 0;
   --li-mb: 0
}

.woocommerce-my-account-wrapper {
   display: flex;
   margin-inline: -30px
}

.wd-my-account-sidebar {
   flex: 1 0 25%;
   max-width: 25%;
   width: 25%;
   padding: 10px 30px;
   border-inline-end: 1px solid var(--brdcolor-gray-300)
}

.wd-my-account-sidebar .sidebar-container {
   margin-bottom: 30px;
   padding-top: 30px;
   border-top: 1px solid var(--brdcolor-gray-300)
}

.woocommerce-MyAccount-content {
   flex: 1 0 75%;
   max-width: 75%;
   width: 75%;
   padding: 10px 30px
}

.woocommerce-MyAccount-content>h2,
.woocommerce-MyAccount-content header>h2 {
   text-transform: uppercase;
   font-size: 22px
}

.woocommerce-MyAccount-content>p {
   font-size: 110%
}

.woocommerce-MyAccount-content .woocommerce-Message {
   margin-bottom: 30px !important
}

.woocommerce-MyAccount-content>.button {
   border-radius: var(--btn-accented-brd-radius);
   color: var(--btn-accented-color);
   box-shadow: var(--btn-accented-box-shadow);
   background-color: var(--btn-accented-bgcolor);
   text-transform: var(--btn-accented-transform, var(--btn-transform));
   font-weight: var(--btn-accented-font-weight, var(--btn-font-weight));
   font-family: var(--btn-accented-font-family, var(--btn-font-family));
   font-style: var(--btn-accented-font-style, var(--btn-font-style))
}

.woocommerce-MyAccount-content>.button:hover {
   color: var(--btn-accented-color-hover);
   box-shadow: var(--btn-accented-box-shadow-hover);
   background-color: var(--btn-accented-bgcolor-hover)
}

.woocommerce-MyAccount-content>.button:active {
   box-shadow: var(--btn-accented-box-shadow-active);
   bottom: var(--btn-accented-bottom-active)
}

.woocommerce-MyAccount-content>.col-1 {
   max-width: 100%;
   padding: 0
}

.order-info mark {
   color: #fff;
   background-color: var(--wd-primary-color)
}

.woocommerce-EditAccountForm fieldset {
   margin-top: 40px
}

.woocommerce-MyAccount-title {
   font-size: 18px;
   padding-inline: 15px 10px;
   padding-bottom: 10px;
   margin-bottom: 15px;
   text-transform: uppercase;
   border-bottom: 1px solid var(--brdcolor-gray-300)
}

.woocommerce-MyAccount-navigation {
   margin-bottom: 30px
}

.woocommerce-MyAccount-navigation ul li a {
   display: block;
   padding: 10px 15px;
   color: var(--color-gray-900);
   line-height: 20px;
   text-transform: none;
   font-size: 14px;
   font-weight: 600;
   border-radius: var(--wd-brd-radius)
}

.woocommerce-MyAccount-navigation ul li a:hover {
   color: var(--color-gray-900);
   background-color: rgba(var(--bgcolor-black-rgb), 0.03);
   text-decoration: none
}

.woocommerce-MyAccount-navigation ul li.is-active>a {
   background-color: rgba(var(--bgcolor-black-rgb), 0.06);
   cursor: default
}

.woocommerce-MyAccount-navigation ul li:last-child {
   border-bottom: none
}

.woocommerce-orders-table td.woocommerce-orders-table__cell-order-actions {
   padding-bottom: 5px
}

.woocommerce-orders-table td.woocommerce-orders-table__cell-order-actions>a {
   margin-bottom: 10px
}

.order-again {
   margin-bottom: 30px
}

.order-again .button {
   border-radius: var(--btn-accented-brd-radius);
   color: var(--btn-accented-color);
   box-shadow: var(--btn-accented-box-shadow);
   background-color: var(--btn-accented-bgcolor);
   text-transform: var(--btn-accented-transform, var(--btn-transform));
   font-weight: var(--btn-accented-font-weight, var(--btn-font-weight));
   font-family: var(--btn-accented-font-family, var(--btn-font-family));
   font-style: var(--btn-accented-font-style, var(--btn-font-style))
}

.order-again .button:hover {
   color: var(--btn-accented-color-hover);
   box-shadow: var(--btn-accented-box-shadow-hover);
   background-color: var(--btn-accented-bgcolor-hover)
}

.order-again .button:active {
   box-shadow: var(--btn-accented-box-shadow-active);
   bottom: var(--btn-accented-bottom-active)
}

.wd-my-account-links[class*="wd-grid"] {
   --wd-col-lg: 3;
   --wd-col-md: 2;
   --wd-col-sm: 1;
   --wd-gap-lg: 20px;
   margin-top: 30px
}

.wd-my-account-links a {
   display: block;
   padding: 20px;
   font-weight: 600;
   text-align: center;
   color: var(--color-gray-700);
   border-radius: var(--wd-brd-radius);
   box-shadow: 0 0 4px rgba(0, 0, 0, 0.18)
}



.wd-my-account-links a:hover {
   color: var(--color-gray-700);
   background-color: rgba(var(--bgcolor-black-rgb), 0.03)
}

.wd-my-account-links a:hover:before {
   color: var(--wd-primary-color)
}

.wd-my-account-links .dashboard-link {
   display: none
}

.woocommerce-pagination .button {
   border-radius: var(--btn-accented-brd-radius);
   color: var(--btn-accented-color);
   box-shadow: var(--btn-accented-box-shadow);
   background-color: var(--btn-accented-bgcolor);
   text-transform: var(--btn-accented-transform, var(--btn-transform));
   font-weight: var(--btn-accented-font-weight, var(--btn-font-weight));
   font-family: var(--btn-accented-font-family, var(--btn-font-family));
   font-style: var(--btn-accented-font-style, var(--btn-font-style))
}

.woocommerce-pagination .button:hover {
   color: var(--btn-accented-color-hover);
   box-shadow: var(--btn-accented-box-shadow-hover);
   background-color: var(--btn-accented-bgcolor-hover)
}

.woocommerce-pagination .button:active {
   box-shadow: var(--btn-accented-box-shadow-active);
   bottom: var(--btn-accented-bottom-active)
}

.woocommerce-MyAccount-downloads-file {
   border-radius: var(--btn-accented-brd-radius);
   color: var(--btn-accented-color);
   box-shadow: var(--btn-accented-box-shadow);
   background-color: var(--btn-accented-bgcolor);
   text-transform: var(--btn-accented-transform, var(--btn-transform));
   font-weight: var(--btn-accented-font-weight, var(--btn-font-weight));
   font-family: var(--btn-accented-font-family, var(--btn-font-family));
   font-style: var(--btn-accented-font-style, var(--btn-font-style))
}

.woocommerce-MyAccount-downloads-file:hover {
   color: var(--btn-accented-color-hover);
   box-shadow: var(--btn-accented-box-shadow-hover);
   background-color: var(--btn-accented-bgcolor-hover)
}

.woocommerce-MyAccount-downloads-file:active {
   box-shadow: var(--btn-accented-box-shadow-active);
   bottom: var(--btn-accented-bottom-active)
}

.account-payment-methods-table .button {
   border-radius: var(--btn-accented-brd-radius);
   color: var(--btn-accented-color);
   box-shadow: var(--btn-accented-box-shadow);
   background-color: var(--btn-accented-bgcolor);
   text-transform: var(--btn-accented-transform, var(--btn-transform));
   font-weight: var(--btn-accented-font-weight, var(--btn-font-weight));
   font-family: var(--btn-accented-font-family, var(--btn-font-family));
   font-style: var(--btn-accented-font-style, var(--btn-font-style))
}

.account-payment-methods-table .button:hover {
   color: var(--btn-accented-color-hover);
   box-shadow: var(--btn-accented-box-shadow-hover);
   background-color: var(--btn-accented-bgcolor-hover)
}

.account-payment-methods-table .button:active {
   box-shadow: var(--btn-accented-box-shadow-active);
   bottom: var(--btn-accented-bottom-active)
}

header.title {
   margin-bottom: 10px
}

header.title>h3 {
   text-transform: uppercase;
   font-size: 22px
}

.woocommerce-Address-title .edit,
.woocommerce-Address-title>h3 {
   display: inline-block;
   margin-bottom: 5px;
   vertical-align: middle
}

.woocommerce-Address-title .edit {
   padding-inline: 5px;
   color: var(--color-gray-600);
   font-weight: 600;
   font-size: 12px
}

.woocommerce-Address-title .edit:hover {
   color: var(--wd-primary-color)
}

.woocommerce-form__label {
   cursor: pointer
}

button[name="save_account_details"],
button[name="save_address"] {
   border-radius: var(--btn-accented-brd-radius);
   color: var(--btn-accented-color);
   box-shadow: var(--btn-accented-box-shadow);
   background-color: var(--btn-accented-bgcolor);
   text-transform: var(--btn-accented-transform, var(--btn-transform));
   font-weight: var(--btn-accented-font-weight, var(--btn-font-weight));
   font-family: var(--btn-accented-font-family, var(--btn-font-family));
   font-style: var(--btn-accented-font-style, var(--btn-font-style))
}

button[name="save_account_details"]:hover,
button[name="save_address"]:hover {
   color: var(--btn-accented-color-hover);
   box-shadow: var(--btn-accented-box-shadow-hover);
   background-color: var(--btn-accented-bgcolor-hover)
}

button[name="save_account_details"]:active,
button[name="save_address"]:active {
   box-shadow: var(--btn-accented-box-shadow-active);
   bottom: var(--btn-accented-bottom-active)
}

@media (max-width: 1024px) {
   .wd-my-account-sidebar {
      flex-basis: 35%;
      max-width: 35%;
      width: 35%
   }

   .woocommerce-MyAccount-content {
      flex-basis: 65%;
      max-width: 65%;
      width: 65%
   }
}

@media (max-width: 768.98px) {
   .woocommerce-my-account-wrapper {
      flex-wrap: wrap
   }

   .woocommerce-MyAccount-content,
   .wd-my-account-sidebar {
      flex-basis: 100%;
      padding-block: 0;
      max-width: 100%;
      width: 100%
   }

   .wd-my-account-sidebar {
      border-inline-end: none
   }
}

@media (min-width: 769px) and (max-width: 1024px) {

   .woocommerce-orders-table,
   .woocommerce-orders-table :is(tbody, tfoot, tr, td) {
      display: block
   }

   .woocommerce-orders-table :is(thead, th) {
      display: none
   }

   .woocommerce-orders-table tr {
      position: relative;
      margin-bottom: 15px;
      padding-bottom: 15px;
      border-bottom: 1px solid var(--brdcolor-gray-300)
   }

   .woocommerce-orders-table tr:last-child {
      margin-bottom: 0
   }

   .woocommerce-orders-table td {
      margin-bottom: 8px;
      padding: 0 0 8px;
      border-bottom: none;
      text-align: end
   }

   .woocommerce-orders-table td:before {
      content: attr(data-title);
      float: left;
      padding-top: 3px;
      color: var(--brdcolor-gray-900);
      text-transform: uppercase;
      font-weight: 600;
      font-size: 12px
   }

   .woocommerce-orders-table td:last-child {
      margin-bottom: 0;
      padding-bottom: 0
   }
}