.woocommerce {
  min-height: 80dvh;
  font-size: 0.925rem;
}

.woocommerce .woocommerce-MyAccount-content .woocommerce-customer-details,
.woocommerce .woocommerce-MyAccount-content .woocommerce-table--custom-fields {
  display: none;
}

.woocommerce .form-row .input-text {
  padding: 0.75rem 0.5rem;
  height: 2.5rem;
  border-radius: 5px;
  line-height: 1;
  border: 1px solid #ced4da;
}
.woocommerce .form-row .select2-container .select2-selection--single {
  padding: 0.75rem 0.5rem;
  height: 2.5rem;
  border-radius: 5px;
  line-height: 1;
  border: 1px solid #ced4da;
}
.woocommerce .form-row .select2-container .select2-selection--single {
  padding: 0;
}
.woocommerce .form-row .select2-container .select2-selection--single {
  padding: 0;
}
.woocommerce .form-row .select2-container .select2-selection {
  padding: 0.25rem 0.25rem;
}
.select2-container--default
  .select2-selection--single
  .select2-selection__arrow {
  height: 2.5rem;
}

.woocommerce-message,
.woocommerce-info,
.woocommerce-error {
  color: #8fae1b;
  background-color: rgba(142, 174, 27, 0.1);
  line-height: 1.2;
  margin-bottom: 1rem;
  outline: none;
  font-size: 0.925rem !important;
}
.woocommerce-info {
  color: var(--primary);
  border-color: var(--primary);
  background-color: var(--tertiary);
}
.woocommerce-info::before {
  color: var(--primary);
}
.woocommerce-error {
  color: tomato;
  background-color: #ffe9e5;
  border-color: tomato;
}
.woocommerce-error::before {
  position: absolute !important;
  top: 1rem !important;
  left: 1.5rem !important;
}
.woocommerce-error li {
  padding-left: 2rem !important;
}
.woocommerce-error::before {
  color: tomato;
  position: relative;
  top: 0;
  left: 0;
}
.woocommerce-checkout .required {
  color: tomato !important;
  font-size: 0.65rem;
}

.woocommerce-account .woocommerce-form {
  max-width: 350px;
  /* margin: auto !important; */
  padding: 1.5rem 2rem !important;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  background: var(--tertiary) !important;
  border: 2px solid var(--primary) !important;
  border-radius: 0.5rem;
}
.woocommerce-account .woocommerce-form.screen-reader-text {
  display: none;
}
.woocommerce-account .woocommerce-form label {
  color: var(--primary);
  font-weight: 500;
  line-height: 1 !important;
  margin-bottom: 0.5rem;
}
.woocommerce-account .woocommerce-form a {
  color: var(--primary);
}
.woocommerce-account .woocommerce-form p {
  margin: 0 !important;
  padding: 0 !important;
}

.woocommerce-account .woocommerce-form .woocommerce-form__label {
  font-size: 0.85rem;
  line-height: normal !important;
  font-weight: 400 !important;
  color: var(--primary);
}
.woocommerce-account .woocommerce-form .form-row .input-text {
  width: 100%;
  border: 1px solid #ced4da !important;
  outline: none;
}
.woocommerce-account .woocommerce-form.form-row {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.woocommerce-account .woocommerce-form .woocommerce-form-login__rememberme {
  width: 100%;
  font-size: 0.9rem !important;
  color: var(--font-primary) !important;
}
.woocommerce-account .woocommerce-form .lost_password a {
  display: block;
  text-decoration: none;
  text-align: center;
  font-size: 0.9rem;
}
.woocommerce .woocommerce-form .woocommerce-button,
.woocommerce .woocommerce-form .woocommerce-Button {
  margin: 1rem auto 0 auto !important;
  width: 100% !important;
}

#user_panel {
  gap: 0 4rem;
}
#user_panel a {
  color: var(--primary);
}
#user_panel .woocommerce-MyAccount-navigation ul {
  list-style: none;
  padding: 0;
}
#user_panel .woocommerce-MyAccount-navigation li {
  border-bottom: 1px solid var(--secondary);
  margin: 0;
}

#user_panel .woocommerce-MyAccount-navigation a {
  display: flex;
  gap: 0 0.75rem;
  align-items: center;
  text-decoration: none;
  padding: 0.5rem;
  color: var(--primary);
  font-weight: 500;
  font-size: 1rem;
  transition: background-color 0.3s ease-in-out;
}
#user_panel .woocommerce-MyAccount-navigation a::before {
  display: block;
  content: '';
  width: 1.5rem;
  height: 1.5rem;
  background-color: var(--secondary);
}
#user_panel .woocommerce-MyAccount-navigation a:hover {
  background-color: var(--tertiary);
}
#user_panel .woocommerce-MyAccount-navigation .dashboard:before {
  -webkit-mask-image: url('../img/dashboard.svg');
  mask-image: url('../img/dashboard.svg');
}
#user_panel .woocommerce-MyAccount-navigation .orders:before {
  -webkit-mask-image: url('../img/orders.svg');
  mask-image: url('../img/orders.svg');
}
#user_panel .woocommerce-MyAccount-navigation .edit-address:before {
  -webkit-mask-image: url('../img/edit-address.svg');
  mask-image: url('../img/edit-address.svg');
}
#user_panel .woocommerce-MyAccount-navigation .edit-account:before {
  -webkit-mask-image: url('../img/edit-account.svg');
  mask-image: url('../img/edit-account.svg');
}
#user_panel .woocommerce-MyAccount-navigation .customer-logout:before {
  -webkit-mask-image: url('../img/customer-logout.svg');
  mask-image: url('../img/customer-logout.svg');
  background-color: tomato !important;
}
#user_panel .woocommerce-MyAccount-navigation .is-active a {
  color: var(--bg) !important;
  background: var(--secondary);
}
#user_panel .woocommerce-MyAccount-navigation .is-active a::before {
  background-color: var(--tertiary);
}

.woocommerce-orders-table__row a.button {
  background: none !important;
  border: none !important;
  padding: 0;
  color: var(--primary) !important;
  font-size: 0.8rem !important;
  box-shadow: none !important;
  text-align: center !important;
}

.woocommerce a.button {
  text-align: center !important;
}

#user_panel .addresses::before,
#user_panel .addresses::after {
  display: none;
}

#user_panel .addresses {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  gap: 1rem 2rem;
  font-size: 0.9rem;
}
#user_panel .woocommerce-Address {
  width: 100%;
  padding: 1rem;
  background: var(--tertiary);
  border-radius: 0.5rem;
}
#user_panel .woocommerce-Address h2 {
  font-size: 1.25rem;
}
#user_panel .woocommerce-Address a {
  display: block;
  color: var(--primary);
  margin-bottom: 1rem;
}

#user_panel .edit-account .form-row {
  display: flex;
  flex-direction: column;
}
#user_panel .edit-account .form-row span em {
  font-size: 0.85rem;
}
#user_panel .edit-account .form-row label {
  color: var(--primary);
  font-size: 0.9rem;
  font-weight: 500;
}

.woocommerce ul {
  margin: 0;
  padding: 0;
}
.woocommerce-order-overview {
  padding: 1rem 0;
}
.order-resume {
  font-size: 0.9rem;
}
.order-resume h4 {
  font-size: 1.25rem;
  color: var(--primary);
}
.order-resume .order-item {
  margin-bottom: 2rem;
}

.woocommerce ul.order_details::before,
.woocommerce ul.order_details::after {
  display: none;
}
.woocommerce ul.order_details {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem 1rem;
  margin: 0 !important;
  padding: 1rem 0 !important;
}
.woocommerce ul.order_details li {
  font-size: 1rem !important;
  padding: 0 !important;
  margin: 0;
  border: none !important;
  width: calc(33.33% - 0.7rem);
  line-height: normal;
}

.woocommerce .order_details,
.woocommerce-customer-details,
.woocommerce .order_details li,
.woocommerce .order_details li strong {
  font-size: 1rem !important;
  padding: 0;
}

.order-resume {
  padding: 1rem 0;
}

.woocommerce-account h2 {
  font-size: 1.5rem !important;
}

/* SMARTPHONES PORTRAIT */
@media only screen and (min-width: 300px) {
}

/* SMARTPHONES LANDSCAPE */
@media only screen and (min-width: 480px) {
}

/* TABLETS PORTRAIT */
@media only screen and (min-width: 768px) {
}

/* TABLET LANDSCAPE / DESKTOP */
@media only screen and (min-width: 1024px) {
  #user_panel .woocommerce-MyAccount-navigation {
    width: 25%;
  }
  #user_panel .woocommerce-MyAccount-content {
    width: 75%;
  }
  .woocommerce-account h2 {
    text-align: center;
    color: var(--font-primary) !important;
  }
  .woocommerce-account .woocommerce-form {
    /* aspect-ratio: 1/1; */
    margin: 1rem auto !important;
  }

  #user_panel .addresses {
    flex-direction: row;
  }
  #user_panel .woocommerce-Address {
    width: calc(50% - 2rem);
  }
}