.woocommerce-account .wp-block-post-title,
.woocommerce-account main .woocommerce {
    max-width: var(--wp--style--global--wide-size);
}


.woocommerce-MyAccount-navigation {
    font-family: var(--wp--preset--font-family--heading);
    text-transform: uppercase;
    font-size: var(--wp--preset--font-size--x-small);
    /* border: 1px solid var(--wp--custom--color--base5);  */
}


.woocommerce-MyAccount-navigation li {
    padding-top: var(--wp--preset--spacing--small);
    padding-bottom: var(--wp--preset--spacing--small);
    border-bottom: 1px solid var(--wp--custom--color--base5);
    cursor: pointer;
}

.woocommerce-account .woocommerce-MyAccount-navigation li:first-child {
    padding-top: var(--wp--preset--spacing--small);
    border-top: 1px solid var(--wp--custom--color--base5);

}


.woocommerce-MyAccount-navigation li.is-active {
    background-color: var(--wp--custom--color--base2);
    border-right: 5px solid var(--wp--custom--color--base5);
    border-left: 1px solid var(--wp--custom--color--base5);
    text-decoration: none;
    font-weight: 500;
    cursor: default;
    transition: border-color 0.3s ease;
    animation: slideIn 0.3s ease forwards;
}

.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a {
    cursor: default;
    text-decoration: none;

}

.woocommerce-account .woocommerce-MyAccount-navigation li a {
    text-decoration: none;
    color: inherit;
    padding-left: var(--wp--preset--spacing--small);
    display: block;
    width: 100%;
    height: 100%;
    transition: background-color 0.3s ease, color 0.3s ease; 
}


.woocommerce-account .woocommerce-MyAccount-navigation li:not(.is-active):hover {
    text-decoration: none;
    background-color: var(--wp--custom--color--base3);
    animation: fadeIn 0.3s ease forwards;
}

.woocommerce-account .woocommerce-MyAccount-navigation li:not(.is-active) a:hover {
    text-decoration: none;
}

@keyframes slideIn {
    from {
      transform: translateX(-10px); /* Start slightly off to the left */
      opacity: 0;
    }
    to {
      transform: translateX(0);
      opacity: 1;
    }
  }

  @keyframes fadeIn {
    from {
      opacity: 0.2; 
    }
    to {
      opacity: 1; 
    }
  }
/* FINE Menu section */
/* Content section */
  #customer_login,
  .woocommerce-MyAccount-content {
    font-size: 80%;
  }

  .woocommerce-account .addresses .title .edit {
    font-family: var(--wp--preset--font-family--heading);
    text-transform: uppercase;
    font-size: var(--wp--preset--font-size--x-small);
    float: none;
  }
  #customer_login h2,
  .woocommerce-Address-title h2 {
    font-size: var(--wp--preset--font-size--x-large);
  }

  .woocommerce-account a.button {
    font-family: var(--wp--preset--font-family--heading);
    text-transform: uppercase;
    font-size: var(--wp--preset--font-size--x-small);
  }

  #add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment {
    background-color: transparent;
  } 

  @media (max-width: 768px) {
    .woocommerce table.shop_table tbody th,
    .woocommerce table.shop_table tfoot td,
    .woocommerce table.shop_table tfoot th,
    .woocommerce table.shop_table_responsive tr td::before, 
    .woocommerce-page table.shop_table_responsive tr td::before {
        font-weight: var(--wp--custom--font-weight--medium);
        font-family: var(--wp--preset--font-family--heading);
        text-transform: uppercase;
        color: var(--wp--custom--color--base5);

    }
    .woocommerce table.shop_table_responsive tr td:last-child::before, 
    .woocommerce-page table.shop_table_responsive tr td:last-child::before {    
        content: "";
    }
}