.woocommerce .woocommerce-customer-details,
.woocommerce .woocommerce-order-details,
.woocommerce .woocommerce-order-downloads {
  margin-bottom: unset;
}

.display-name-user {
  display: none;
}

.woocommerce form .form-row {
  padding: 0;
  margin: 0;
}

.woocommerce form .form-row-first {
  float: unset;
  width: 100%;
}

.woocommerce form .form-row-last {
  float: unset;
  width: 100%;
}

.woocommerce .checkout-coupon-wrapper .form-row-last {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}

.woocommerce form .form-row label {
  line-height: unset;
}

/* main content */
.user-menu-inner .container {
  display: grid;
  grid-template-columns: 1fr 3.3fr;
  gap: 50px;
}

.user-menu-inner {
  background: var(--black_white100);
  padding: 50px 0 100px;
  transition: padding 0.4s ease;
}

/* navigation */
.my-account-navigation-wrapper {
  min-width: 300px;
}

.my-account-navigation-wrapper {
  .h2 {
    border-bottom: 1px solid var(--black_white50);
    margin-bottom: 24px;
    padding-bottom: 24px;
    color: var(--black_white950);
    transition: margin-bottom 0.4s ease, padding-bottom 0.4s ease;
  }

  ul {
    display: flex;
    flex-direction: column;
    gap: 8px;
  }

  ul li a {
    display: flex;
    align-items: center;
    color: var(--black_white950);
    padding: 16px 24px;
    border: 1px solid transparent;
    border-radius: 8px;
    height: 50px;
    transition: color 0.4s ease, border-color 0.4s ease,
      background-color 0.4s ease;
  }

  ul li a:hover {
    border-color: var(--primary500);
  }

  ul li.is-active a {
    background: var(--primary500);
    color: var(--black_white50);
  }
}

/* my account information content */
.my-account-content-wrapper {
  display: flex;
  flex-direction: column;
  background: var(--black_white50);
  border-radius: 8px;
}

.my-account-content-wrapper {
  .my-account-info-content {
    color: var(--black_white950);
    /* background: var(--black_white50); */
    padding: 32px;
    border-radius: 8px;
    width: 100%;
    flex: 1;
    transition: padding 0.4s ease;
  }

  .my-account-info-content form>p {
    padding: 0;
    margin: 0;
    max-width: 450px;
    width: 100%;
    margin-bottom: 24px;
  }

  .my-account-info-content .h2 {
    margin-bottom: 24px;
  }

  /* labels */
  .my-account-info-content label {
    color: var(--neutral600);
  }
}

/* Inputs */
#account_first_name,
#account_last_name,
#account_email,
#password_current,
#password_1,
#password_2,
#delete_account_password {
  border: 1px solid var(--neutral200);
  padding: 13px 16px;
  height: 50px;
  width: 100%;
  border-radius: 8px;
  color: var(--neutral600);
  transition: color 0.4s ease, border-color 0.4s ease;
}

#account_first_name:hover,
#account_last_name:hover,
#account_email:hover,
#password_current:hover,
#password_1:hover,
#password_2:hover,
#delete_account_password:hover {
  border-color: var(--primary500);
}

#account_first_name:focus,
#account_last_name:focus,
#account_email:focus,
#password_current:focus,
#password_1:focus,
#password_2:focus,
#delete_account_password:focus {
  border-color: var(--primary500);
  outline: none;
  color: var(--black_white950);
}

#account_first_name:not(:placeholder-shown),
#account_last_name:not(:placeholder-shown),
#account_email:not(:placeholder-shown),
#password_current:not(:placeholder-shown),
#password_1:not(:placeholder-shown),
#password_2:not(:placeholder-shown),
#delete_account_password:not(:placeholder-shown) {
  color: var(--black_white950);
}

/* green button */
.my-account-content-wrapper .primary-btn-large {
  cursor: pointer;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  padding: 16px 32px;
  margin-top: 24px;
}

/* Delete account */
.my-account-content-wrapper .my-account-info-content .delete-account {
  max-width: 450px;
  width: 100%;
}

.my-account-content-wrapper .my-account-info-content .delete-account .delete-password-content {
  color: var(--neutral600);
  margin-top: 16px;
}

.password-wrapper,
.password-input {
  position: relative;
}

/* eye */
/* 🔹 Disable Woo's default mask/icon */
.woocommerce form .show-password-input {
  all: unset;
  /* wipes all default styles */
  display: inline-block;
  cursor: pointer;
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
  width: 24px;
  height: 24px;
  background: none;
}

/* .woocommerce form .show-password-input.display-password::before, */
/* 🔹 Setup container */
.woocommerce form .show-password-input {
  width: 24px;
  height: 24px;
}

/* 🔹 Base for both icons */
.woocommerce form .show-password-input::after,
.woocommerce form .show-password-input::before {
  content: "";
  position: absolute;
  inset: 0;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 24px 24px;
  transition: opacity 0.4s ease, visibility 0.4s ease, transform 0.4s ease;
}

/* 🔹 Closed eye (default) */
.woocommerce form .show-password-input::after {
  background-image: url("../../icons/close_eye.svg");
  opacity: 1;
  visibility: visible;
  transform: scale(1);
}

/* 🔹 Open eye (hidden initially) */
.woocommerce form .show-password-input::before,
.woocommerce form .show-password-input.display-password::before {
  background-image: url("../../icons/open_eye.svg");
  opacity: 0;
  visibility: hidden;
  height: 24px;
  width: 24px;
  transform: scale(0.8);
}

/* 🔹 Toggle: when Woo adds .display-password */
.woocommerce form .show-password-input.display-password::before {
  opacity: 1;
  visibility: visible;
  transform: scale(1);
}

.woocommerce form .show-password-input.display-password::after {
  opacity: 0;
  visibility: hidden;
  transform: scale(0.8);
}

/* my eye */
.eye-icon {
  width: 24px;
  height: 24px;
  position: absolute;
  inset: 0;
  opacity: 0;
  transition: opacity 0.4s ease, transform 0.4s ease;
}

#eye_closed {
  opacity: 1;
  /* default visible */
  transform: scale(1);
}

.password-toggle.showing #eye_open {
  opacity: 1;
  transform: scale(1);
}

.password-toggle.showing #eye_closed {
  opacity: 0;
  transform: scale(0.9);
}

.password-toggle {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 16px;
  height: 24px;
  width: 24px;
  background: unset;
  border: unset;
  cursor: pointer;
}

/* -- ORDERS -- */
.my-account-content-wrapper {
  .user-order-list {
    background: var(--black_white50);
    display: flex;
    flex-direction: column;
    padding: 32px;
    border-radius: 8px;
    color: var(--black_white950);
    transition: padding 0.4s ease;
  }

  .single-order-card {
    display: flex;
    border-bottom: 1px solid var(--neutral100);
    padding: 24px 0;
    gap: 32px;
    padding: gap 0.4s ease, padding 0.4s ease;
  }

  .single-order-field {
    display: flex;
    flex-direction: column;
    gap: 8px;
    justify-content: center;
  }

  .single-order-field:last-child {
    margin-left: auto;
  }

  .single-order-field .body-sm-regular {
    color: var(--neutral600);
  }

  .single-order-field .body-md-regular {
    color: var(--black_white950);
  }

  .single-order-controller a {
    display: flex;
    align-items: center;
    gap: 4px;
    transition: color 0.4s ease;
  }

  .single-order-controller a:hover {
    color: var(--primary500);
  }

  .single-order-controller a svg {
    height: 24px;
    width: 24px;
  }

  /* empry order */
  .empty-order-wrapper {
    background: var(--black_white50);
    display: flex;
    flex-direction: column;
    padding: 32px;
    border-radius: 8px;
    color: var(--black_white950);
    min-height: 314px;
    transition: padding 0.4s ease;
  }

  .empty-order-wrapper .h2 {
    margin-bottom: 24px;
  }

  .empty-order-wrapper .body-sm-regular {
    color: var(--neutral600);
  }
}

/* -- INNER ORDER -- */
.my-account-content-wrapper {
  .single-order-inner {
    background: var(--black_white50);
    color: var(--black_white950);
    padding: 32px;
    border-radius: 8px;
  }

  .order-inner-head a {
    display: flex;
    align-items: center;
    gap: 10px;
    color: var(--black_white950);
    width: -webkit-max-content;
    width: -moz-max-content;
    width: 100%;
    margin-bottom: 24px;
    transition: color 0.4s ease;
  }

  .order-inner-head a:hover {
    color: var(--neutral600);
  }

  .order-inner-head a svg {
    height: 32px;
    width: 32px;
    min-width: 32px;
  }

  .order-inner-controller-wrapper {
    display: flex;
    align-items: center;
    -moz-column-gap: 32px;
         column-gap: 32px;
    margin-bottom: 24px;
  }

  .order-inner-status {
    display: flex;
    flex-wrap: wrap;
    -moz-column-gap: 32px;
         column-gap: 32px;
    row-gap: 12px;
  }

  .order-detail-item {
    display: flex;
    gap: 8px;
  }

  .order-detail-item .label {
    color: var(--neutral600);
  }

  .order-inner-controller-wrapper .primary-btn-large {
    padding: 16px 24px;
    height: 45px;
    margin-top: unset;
  }

  .unpaid-order-container {
    margin-left: auto;
  }

  .order-details-header {
    display: flex;
    gap: 24px;
    justify-content: space-between;
    background: var(--black_white100);
    padding: 13px 16px;
    border-radius: 4px;
  }

  .order-details-items {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 24px 16px;
    border-bottom: 1px solid var(--black_white100);
  }

  .order-item-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    -moz-column-gap: 16px;
         column-gap: 16px;
    row-gap: 8px;
    width: 100%;
  }

  .order-item-row-summary {
    flex-wrap: wrap;
  }

  .order-details-totals>div {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
    padding: 24px 16px;
    border-bottom: 1px solid var(--black_white100);
  }

  .order-details-totals>.order-delivery-row {
    flex-direction: column;
    align-items: start;
  }
  
  .order-details-totals .order-label-method {
    color: var(--neutral600);
  }

  .order-customer-details {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-top: 24px;
  }

  .order-customer-details .order-customer-title {
    padding: 0 16px;
    color: var(--neutral600);
  }

  .order-customer-details>div {
    display: flex;
    flex-wrap: wrap;
    -moz-column-gap: 24px;
         column-gap: 24px;
    row-gap: 10px;
  }

  .order-customer-details>div::before {
    display: none;
  }

  .order-customer-details>div>div {
    width: unset !important;
    float: unset !important;
    padding: 0 16px;
  }

  .order-customer-card,
  .order-customer-content {
    display: flex;
    flex-direction: column;
    gap: 10px;
  }

  .order-customer-card>p {
    color: var(--neutral600);
  }

  .order-details-invoice {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    align-items: center;
    justify-content: space-between;
    padding: 24px 16px;
    border-bottom: 1px solid var(--black_white100);
    color: var(--black_white950);
  }
  .order-details-invoice .primary-btn-large {
    margin-top: unset;
    height: 45px;
    padding: 16px 24px;
  }
}

/* -- Address List -- */
.my-account-content-wrapper {
  .my-addresses-wrapper {
    background: var(--black_white50);
    min-height: 314px;
    padding: 32px;
    border-radius: 8px;
    color: var(--black_white950);
    display: flex;
    flex-direction: column;
    gap: 24px;
    transition: padding 0.4s ease;
  }

  .addresses-inner-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
    transition: gap 0.4s ease;
  }

  .address-wrapper {
    border: 1px solid var(--neutral200);
    border-radius: 8px;
    padding: 20px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content;
    min-width: 300px;
    transition: padding 0.4s ease;
  }

  .address-wrapper .container-title {
    color: var(--neutral600);
  }

  .address-wrapper .address-lines {
    display: flex;
    flex-direction: column;
    gap: 10px;
  }

  .address-wrapper .address-actions a.has-address {
    color: var(--neutral600);
    display: flex;
    align-items: center;
    border-top: 1px solid var(--neutral200);
    padding-top: 16px;
    gap: 8px;
    text-decoration: underline;
    text-underline-offset: 2px;
    -webkit-text-decoration-color: transparent;
            text-decoration-color: transparent;
    transition: color 0.4s ease, -webkit-text-decoration-color 0.4s ease;
    transition: color 0.4s ease, text-decoration-color 0.4s ease;
    transition: color 0.4s ease, text-decoration-color 0.4s ease, -webkit-text-decoration-color 0.4s ease;
  }

  .address-wrapper .address-actions a svg {
    height: 16px;
    width: 16px;
  }

  .address-wrapper .address-actions a.has-address:hover {
    color: var(--primary500);
    -webkit-text-decoration-color: var(--primary500);
            text-decoration-color: var(--primary500);
  }

  .address-wrapper .address-actions a.primary-btn-large {
    width: 100%;
    height: 40px;
    margin-top: unset;
  }
}

/* -- EDIT ADDRESS INNER -- */
.my-account-content-wrapper {
  .edit-address-inner {
    background: var(--black_white50);
    padding: 32px;
    border-radius: 8px;
    color: var(--black_white950);
    display: flex;
    flex-direction: column;
    gap: 24px;
    transition: padding 0.4s ease;
  }

  .edit-address-inner label {
    color: var(--neutral600);
  }

  .edit-address-inner .primary-btn-large {
    margin-top: 0;
  }

  .edit-acc-top {
    display: flex;
    align-items: center;
    gap: 10px;
  }

  .edit-acc-top svg {
    height: 32px;
    width: 32px;
  }

  .edit-acc-top a {
    color: var(--black_white950);
    transition: color 0.4s ease;
  }

  .edit-acc-top a:hover {
    color: var(--primary500);
  }

  .inner-address-fields-wrapper {
    display: flex;
    flex-direction: column;
    gap: 24px;
  }

  .inner-address-fields,
  .company-fields {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px;
    transition: gap 0.4s ease;
  }

  .inner-address-fields>p,
  .company-fields>p {
    display: flex;
    flex-direction: column;
    gap: 4px;
  }

  /* Inputs */
  #shipping_first_name,
  #shipping_last_name,
  #shipping_address_1,
  #shipping_address_2,
  #shipping_city,
  #shipping_postcode,
  #shipping_phone,
  #shipping_email,
  #billing_first_name,
  #billing_last_name,
  #billing_address_1,
  #billing_address_2,
  #billing_city,
  #billing_postcode,
  #billing_phone,
  #billing_email,
  #company_name,
  #company_code,
  #company_address,
  #company_vat {
    border: 1px solid var(--neutral200);
    border-radius: 8px;
    padding: 13px 16px;
    outline: none;
    height: 50px;
    width: 100%;
    color: var(--neutral600);
    transition: color 0.4s ease, border-color 0.4s ease, height 0.4s ease;
  }

  #shipping_first_name:hover,
  #shipping_last_name:hover,
  #shipping_address_1:hover,
  #shipping_address_2:hover,
  #shipping_city:hover,
  #shipping_postcode:hover,
  #shipping_phone:hover,
  #shipping_email:hover,
  #billing_first_name:hover,
  #billing_last_name:hover,
  #billing_address_1:hover,
  #billing_address_2:hover,
  #billing_city:hover,
  #billing_postcode:hover,
  #billing_phone:hover,
  #billing_email:hover,
  #company_name:hover,
  #company_code:hover,
  #company_address:hover,
  #company_vat:hover {
    border-color: var(--primary500);
  }

  #shipping_first_name:focus,
  #shipping_last_name:focus,
  #shipping_address_1:focus,
  #shipping_address_2:focus,
  #shipping_city:focus,
  #shipping_postcode:focus,
  #shipping_phone:focus,
  #shipping_email:focus,
  #billing_first_name:focus,
  #billing_last_name:focus,
  #billing_address_1:focus,
  #billing_address_2:focus,
  #billing_city:focus,
  #billing_postcode:focus,
  #billing_phone:focus,
  #billing_email:focus,
  #company_name:focus,
  #company_code:focus,
  #company_address:focus,
  #company_vat:focus {
    border-color: var(--black_white950);
  }

  #shipping_first_name:not(:placeholder-shown),
  #shipping_last_name:not(:placeholder-shown),
  #shipping_address_1:not(:placeholder-shown),
  #shipping_address_2:not(:placeholder-shown),
  #shipping_city:not(:placeholder-shown),
  #shipping_postcode:not(:placeholder-shown),
  #shipping_phone:not(:placeholder-shown),
  #shipping_email:not(:placeholder-shown),
  #billing_first_name:not(:placeholder-shown),
  #billing_last_name:not(:placeholder-shown),
  #billing_address_1:not(:placeholder-shown),
  #billing_address_2:not(:placeholder-shown),
  #billing_city:not(:placeholder-shown),
  #billing_postcode:not(:placeholder-shown),
  #billing_phone:not(:placeholder-shown),
  #billing_email:not(:placeholder-shown),
  #company_name:not(:placeholder-shown),
  #company_code:not(:placeholder-shown),
  #company_address:not(:placeholder-shown),
  #company_vat:not(:placeholder-shown) {
    color: var(--black_white950);
  }

  /* Dropdown */
  .woocommerce form .form-row.woocommerce-validated .select2-container:not(.select2-container--open) .select2-selection {
    border-color: var(--neutral200);
  }

  /* Container box (visible select) */
  #shipping_country_field .select2-container .select2-selection--single,
  #billing_country_field .select2-container .select2-selection--single {
    border: 1px solid var(--neutral200);
    border-radius: 8px;
    height: 50px;
    background: var(--black_white50);
    cursor: pointer;
    overflow: hidden;
    transition: border-color 0.4s ease, height 0.4s ease;
  }

  #shipping_country_field .select2-container .select2-selection--single:hover,
  #billing_country_field .select2-container .select2-selection--single:hover {
    border-color: var(--primary500);
  }

  #shipping_country_field .select2-container--open .select2-selection--single,
  #billing_country_field .select2-container--open .select2-selection--single:hover {
    border-color: var(--primary500);
    border-radius: 8px 8px 0 0;
  }

  /* Text inside select */
  #shipping_country_field .select2-container .select2-selection__rendered,
  #billing_country_field .select2-container .select2-selection__rendered {
    color: var(--neutral600);
    padding: 10px 16px;
    height: 50px;
    display: flex;
    align-items: center;
    transition: height 0.4s ease;
  }

  /* Arrow */
  #shipping_country_field .select2-container .select2-selection--single,
  #billing_country_field .select2-container .select2-selection--single {
    margin: 0;
  }

  #shipping_country_field .select2-container .select2-selection__arrow,
  #billing_country_field .select2-container .select2-selection__arrow {
    right: 16px;
    height: 20px;
    top: 50%;
    transform: translateY(-50%);
    margin: 0;
  }

  #shipping_country_field .select2-container .select2-selection__arrow b,
  #billing_country_field .select2-container .select2-selection__arrow b {
    border: none !important;
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><path d="M5 7.5L10 12.5L15 7.5" stroke="%23636363" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round"/></svg>') no-repeat center;
    width: 20px;
    height: 20px;
    display: block;
    margin: 0;
    top: 0;
    left: 0;
    transition: transform 0.4s ease;
  }

  /* Rotate arrow on open */
  #shipping_country_field .select2-container.select2-container--open .select2-selection__arrow b,
  #billing_country_field .select2-container.select2-container--open .select2-selection__arrow b {
    transform: rotate(180deg);
  }

  /* Dropdown options box */
  #shipping_country_field+.select2-container .select2-dropdown,
  #billing_country_field+.select2-container .select2-dropdown {
    border: 1px solid var(--neutral200);
    border-radius: 8px;
    background: var(--black_white50);
  }
}

/* Options inside dropdown (with your body-md-regular class added via jQuery) */
.select2-container--open .select2-results__options.body-md-regular li {
  padding: 10px 14px;
  cursor: pointer;
}

/* Highlighted option */
.select2-container--open .select2-results__option--highlighted {
  background: black;
}

.select2-container.select2-container--open .select2-dropdown--below {
  border-color: var(--primary500);
  overflow: hidden;
}

/* Search input */
.select2-search--dropdown .select2-search__field {
  padding: 10px 16px;
  border-radius: 8px;
  transition: border-color 0.4s ease;
}

.select2-search--dropdown .select2-search__field:hover {
  border-color: var(--primary500);
}

.select2-search--dropdown .select2-search__field:focus {
  border-color: var(--primary500);
  outline: none;
}

/* -- Checkbox -- */
.my-account-content-wrapper {
  .my-address-checkboxes {
    display: flex;
    -moz-column-gap: 32px;
         column-gap: 32px;
    row-gap: 16px;
    flex-wrap: wrap;
  }

  .address-checkbox {
    position: relative;
    display: flex;
    align-items: center;
    cursor: pointer;
    height: 21px;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
  }

  .address-checkbox input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
  }

  /* Custom checkbox circle */
  .address-checkbox .checkmark {
    width: 18px;
    height: 18px;
    border: 2px solid var(--neutral200);
    border-radius: 50%;
    margin-right: 8px;
    transition: all 0.4s ease;
    background-color: var(--black_white50);
  }

  .address-checkbox:hover .checkmark {
    border-color: var(--primary500);
  }

  /* Checked state */
  .address-checkbox input:checked+.checkmark {
    background-color: var(--primary500);
    border-color: var(--primary500);
  }

  .address-checkbox .checkmark::after {
    content: "";
    position: absolute;
    display: none;
  }

  .address-checkbox input:checked+.checkmark::after {
    display: block;
  }

  /* Checkmark symbol */
  .address-checkbox .checkmark::after {
    left: 7px;
    top: 7px;
    width: 4px;
    height: 7px;
    border: solid var(--black_white50);
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
  }

  /* Label text */
  .address-checkbox .label-text {
    color: var(--black_white950);
  }
}

/* responsive */
@media (max-width: 1200px) {

  /* -- ORDERS -- */
  .my-account-content-wrapper {
    .single-order-card {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 16px;
    }

    .single-order-field:last-child {
      margin-left: unset;
    }
  }
}

@media (max-width: 950px) {

  /* -- INNER ORDER -- */
  .my-account-content-wrapper {
    .order-inner-controller-wrapper {
      flex-direction: column;
      align-items: unset;
      gap: 16px;
    }

    .unpaid-order-container {
      margin-left: unset;
    }

    .address-wrapper {
      min-width: unset;
      flex: 1 1 100%;
    }

    .inner-address-fields,
    .company-fields {
      grid-template-columns: 1fr;
      gap: 16px;
    }
  }
}

@media (max-width: 768px) {

  /* main content */
  .user-menu-inner .container {
    grid-template-columns: 1fr;
    gap: 16px;
  }

  .user-menu-inner {
    padding: 32px 0 50px;
  }

  /* navigation */
  .my-account-navigation-wrapper .h2 {
    margin-bottom: 16px;
    padding-bottom: 16px;
  }

  .my-account-navigation-wrapper ul li a {
    height: 45px;
  }

  /* my account information content */
  .my-account-content-wrapper .my-account-info-content {
    padding: 24px 16px;
  }

  .my-account-content-wrapper .my-account-info-content form>p {
    max-width: unset;
    margin-bottom: 16px;
  }

  /* Delete account */
  .my-account-content-wrapper .my-account-info-content .delete-account {
    max-width: unset;
  }

  /* -- ORDERS -- */
  .my-account-content-wrapper {
    .user-order-list {
      padding: 24px 16px;
    }

    .h2 {
      margin-bottom: 4px;
    }

    .single-order-card {
      padding: 20px 0;
    }

    /* empry order */
    .empty-order-wrapper {
      padding: 24px 16px;
      min-height: unset;
    }
  }

  /* -- INNER ORDER -- */
  .my-account-content-wrapper {
    .single-order-inner {
      padding: 24px 16px;
    }

    .order-inner-head a {
      gap: 8px;
    }

    .order-inner-head a svg {
      height: 28px;
      width: 28px;
    }

    .order-details-header {
      padding: 13px 0;
      position: relative;
      background: unset;
      z-index: 1;
    }

    .order-details-header::before {
      content: "";
      position: absolute;
      top: 0;
      left: 50%;
      transform: translateX(-50%);
      height: 100%;
      width: 100vw;
      background: var(--black_white100);
      z-index: -1;
    }

    .order-inner-status {
      flex-direction: column;
    }

    .order-details-items {
      padding: 24px 0;
      position: relative;
      border: unset;
    }

    .order-details-totals>div {
      padding: 24px 0;
      border: unset;
      position: relative;
    }

    .order-customer-details>div>div {
      padding: 0;
    }

    .order-inner-controller-wrapper .primary-btn-large {
      height: 40px;
    }

    .order-customer-details {
      margin-top: 20px;
    }

    .order-customer-details .order-customer-title {
      padding: 0;
    }
    .order-details-invoice {
      padding: 20px 0;
      position: relative;
      border-bottom: 0;
    }
    .order-details-invoice .primary-btn-large {
      height: 40px;
    }
    .order-details-items::after,
    .order-details-totals>div::after,
    .order-details-invoice::after {
      content: "";
      position: absolute;
      height: 1px;
      width: 100vw;
      bottom: 0;
      left: 50%;
      transform: translateX(-50%);
      background: var(--black_white100);
    }
  }

  /* -- Address List -- */
  .my-account-content-wrapper {
    .my-addresses-wrapper {
      padding: 24px 16px;
      min-height: unset;
    }

    .addresses-inner-wrapper {
      gap: 16px;
    }

    .address-wrapper {
      padding: 16px;
    }

    .edit-address-inner {
      padding: 24px 16px;
    }

    /* Container box (visible select) */
    #shipping_country_field .select2-container .select2-selection--single,
    #billing_country_field .select2-container .select2-selection--single {
      height: 45px;
    }

    /* Text inside select */
    #shipping_country_field .select2-container .select2-selection__rendered,
    #billing_country_field .select2-container .select2-selection__rendered {
      height: 45px;
    }

    /* Inputs */
    #shipping_first_name,
    #shipping_last_name,
    #shipping_address_1,
    #shipping_address_2,
    #shipping_city,
    #shipping_postcode,
    #shipping_phone,
    #shipping_email,
    #billing_first_name,
    #billing_last_name,
    #billing_address_1,
    #billing_address_2,
    #billing_city,
    #billing_postcode,
    #billing_phone,
    #billing_email,
    #company_name,
    #company_code,
    #company_address,
    #company_vat {
      height: 45px;
    }
  }
}