body .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link a:before {
    content: '';
    display: block;
    flex: 0 0 20px;
    width: 20px;
    height: 20px;
    aspect-ratio: 1 / 1;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin: 0;
    vertical-align: baseline;
}

/* Replace Dashboard Icon with custom SVG and align icon and text */
body .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--dashboard a:before {
    background-image: url('../../../images/my-account/My-Account_Dashboard.svg');
}
/* My Formula Icon with Leaf SVG */
body .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--my-formula a:before {
    background-image: url('../../../images/my-account/My_Account_Leaf.svg');
}
body .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--nfa-affiliate a:before {
    background-image: url('../../../images/my-account/My_Account_Affiliate.svg');
}
/* Replace Orders Icon with custom SVG and align icon and text */
body .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--orders a:before {
    background-image: url('../../../images/my-account/My-Account_Orders.svg');
}
/* Replace Account Details Icon with custom SVG and align icon and text */
body .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--edit-account a:before {
    background-image: url('../../../images/my-account/My-Account_Account-details.svg');
}
/* Replace Payment Methods Icon with custom SVG and align icon and text */
body .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--payment-methods a:before {
    background-image: url('../../../images/my-account/My-Account_Payment-methods.svg');
}
/* Replace Addresses Icon with custom SVG and align icon and text */
body .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--edit-address a:before {
    background-image: url('../../../images/my-account/My-Account_Adress.svg');
}
/* Replace Logout Icon with custom SVG and align icon and text */
body .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--customer-logout a:before {
    background-image: url('../../../images/my-account/My-Account_Logout.svg') !important;
}
/* My Account sidebar card look (no icon changes) */
.woocommerce-MyAccount-navigation {
    margin-bottom: 25px;
}
.woocommerce-account .entry-title {
    display:none;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul {
    margin: 0;
    padding: 0;
    list-style: none;
    background: #F7F8F8;
   border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, .25);
}
/* Link look (keep icons as-is) */
.woocommerce-account .woocommerce-MyAccount-navigation a {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0 20px;
    flex-wrap: nowrap;
    color: #222;
    text-decoration: none;
    height: 50px;
    line-height: 1px;

}
/* Slim dividers between items */
.woocommerce-account .woocommerce-MyAccount-navigation li {
    margin: 0;
    height: 50px;
}
.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a {
    font-weight: 500;
}
.woocommerce-account .woocommerce-MyAccount-navigation li:hover,
.woocommerce-account .woocommerce-MyAccount-navigation a:hover
{
    font-weight: 400;
}

.woocommerce-account .woocommerce-MyAccount-navigation li:first-child {
    border-top: 0;
}
/**
Affiliate styles
 */
.woocommerce-account .woocommerce-MyAccount-content .affiliate_info_wrapper {
    max-width: 600px;
    background: #F7F8F8;
}
.woocommerce-account .woocommerce-MyAccount-content .affiliate_info_outer_wrapper h3 {
    font-size: 20px;
}
.woocommerce-account .woocommerce-MyAccount-content .affiliate_info_outer_wrapper h2 {
    font-weight: 500;
    font-size: 20px;
}
.woocommerce-account .woocommerce-MyAccount-content .unpaid_affiliate_table_wrapper p {
    color: #A7A7A7;
}
.woocommerce-account .woocommerce-MyAccount-content .paid_affiliate_table_wrapper table,
.woocommerce-account .woocommerce-MyAccount-content .unpaid_affiliate_table_wrapper table,
.woocommerce-account .woocommerce-MyAccount-content .master_paid_table_wrapper table,
.woocommerce-account .woocommerce-MyAccount-content .master_unpaid_table_wrapper table
{
    width:100%;
    table-layout:fixed;
    border-collapse:collapse;
}
.woocommerce-account .woocommerce-MyAccount-content .paid_affiliate_table_wrapper table thead,
.woocommerce-account .woocommerce-MyAccount-content .unpaid_affiliate_table_wrapper table thead,
.woocommerce-account .woocommerce-MyAccount-content .master_paid_table_wrapper table thead,
.woocommerce-account .woocommerce-MyAccount-content .master_unpaid_table_wrapper table thead
{
    background: #F7F8F8;
}
.woocommerce-account .woocommerce-MyAccount-content .paid_affiliate_table_wrapper table thead th,
.woocommerce-account .woocommerce-MyAccount-content .unpaid_affiliate_table_wrapper table thead th,
.woocommerce-account .woocommerce-MyAccount-content .master_paid_table_wrapper table thead th,
.woocommerce-account .woocommerce-MyAccount-content .master_unpaid_table_wrapper table thead th
{
    padding: 10px 5px;
    box-sizing: border-box;
    overflow: hidden;
    white-space: pre-wrap;
    text-overflow: ellipsis;
}
.woocommerce-account .woocommerce-MyAccount-content .paid_affiliate_table_wrapper table tbody tr td,
.woocommerce-account .woocommerce-MyAccount-content .unpaid_affiliate_table_wrapper table tbody tr td,
.woocommerce-account .woocommerce-MyAccount-content .master_paid_table_wrapper table tbody tr td,
.woocommerce-account .woocommerce-MyAccount-content .master_unpaid_table_wrapper table tbody tr td
{
    background-color: #FFF;
    height: 40px;
}
.woocommerce-account .woocommerce-MyAccount-content .paid_affiliate_table_wrapper p {
    margin-bottom: 0;
}
/**
My Account content styles
 */
.woocommerce-account .woocommerce-MyAccount-content,
.woocommerce-account .woocommerce-MyAccount-content strong {
    color: #222;
}

.woocommerce-account .woocommerce .woocommerce-MyAccount-content p a {
    color: #222;
    text-decoration: underline;
}
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-MyAccount-orders thead th
{
    padding: 20px 20px;
    border: none;
}
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-MyAccount-orders thead tr {
    border-bottom: none;
}
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-MyAccount-orders th p a
{
   text-decoration: none;
    line-height: 0;
}
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-MyAccount-orders tbody th,
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-MyAccount-orders tbody td,
.woocommerce-account .woocommerce-MyAccount-content table.shop_table tbody th,
.woocommerce-account .woocommerce-MyAccount-content table.shop_table tbody td
{
    background: #fff;
}
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-MyAccount-orders tbody td p,
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-MyAccount-orders tbody th p
{
    height: 20px;
    margin-bottom: 0;
}
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-MyAccount-orders tbody th p,
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-MyAccount-orders tbody td p
{
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
}
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-MyAccount-orders tbody td
{
    height: 40px;
}
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-MyAccount-orders tbody td p
{
   text-align: center;
}
.woocommerce-account .woocommerce table.shop_table_responsive.my_account_orders tbody tr {
    border-top: none;
    border-left: none;
    border-right: none;
}
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-MyAccount-orders .woocommerce-button.button.view {
    background: none;
    font-weight: 300;
    padding: 10px 0;
    color: #222;
    text-decoration: underline;
}
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-MyAccount-orders .woocommerce-button.button.view:hover,
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-MyAccount-orders tbody th a:hover
{
    font-weight: 400;
}
.woocommerce-account .woocommerce-MyAccount-content table.shop_table {
    border: unset;
    border-radius: unset;
    box-shadow: unset;
    border-collapse: collapse;
    border-spacing: 0;
}
.woocommerce-account .woocommerce-MyAccount-content table.shop_table th,
.woocommerce-account .woocommerce-MyAccount-content table.shop_table td
{
    border: none;
    text-align: center;
}
/* Single line after each order row */
.woocommerce-account .woocommerce-MyAccount-content table.shop_table tbody tr,
.woocommerce-account .woocommerce-MyAccount-content table.shop_table_responsive.my_account_orders tbody tr {
    border-bottom: 1px solid #D9D9D9;
}
.woocommerce-account .woocommerce-MyAccount-content table.shop_table tbody tr:last-child,
.woocommerce-account .woocommerce-MyAccount-content table.shop_table_responsive.my_account_orders tbody tr:last-child {
    border-bottom: none;
}

/* Status badge styles - colored pills */
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-orders-table__cell-order-status p,
.woocommerce-account .woocommerce-MyAccount-content table.shop_table td.woocommerce-orders-table__cell-order-status p,
.woocommerce-account .woocommerce-MyAccount-content table.shop_table td.order-status p {
    display: flex;
    padding: 0px 10px;
    border-radius: 20px;
    font-size: 14px;
    font-weight: 400;
    margin: 0;
    text-align: center;
    white-space: nowrap;
    min-height: 26px;
}

/* Processing status - light green */
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-orders-table__row--status-processing .woocommerce-orders-table__cell-order-status p,
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-orders-table__row--status-pending .woocommerce-orders-table__cell-order-status p,
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-orders-table__row--status-on-hold .woocommerce-orders-table__cell-order-status p,
.woocommerce-account .woocommerce-MyAccount-content table.shop_table tbody tr.woocommerce-orders-table__row--status-processing td.woocommerce-orders-table__cell-order-status p,
.woocommerce-account .woocommerce-MyAccount-content table.shop_table tbody tr.woocommerce-orders-table__row--status-pending td.woocommerce-orders-table__cell-order-status p,
.woocommerce-account .woocommerce-MyAccount-content table.shop_table tbody tr.woocommerce-orders-table__row--status-on-hold td.woocommerce-orders-table__cell-order-status p {
    background-color: #D4EDDA;
    color: #155724;
}

/* Delivered/Completed status - light gray */
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-orders-table__row--status-completed .woocommerce-orders-table__cell-order-status p,
.woocommerce-account .woocommerce-MyAccount-content table.shop_table tbody tr.woocommerce-orders-table__row--status-completed td.woocommerce-orders-table__cell-order-status p {
    background-color: #E9ECEF;
    color: #495057;
}

/* Cancelled status - light red */
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-orders-table__row--status-cancelled .woocommerce-orders-table__cell-order-status p,
.woocommerce-account .woocommerce-MyAccount-content table.shop_table tbody tr.woocommerce-orders-table__row--status-cancelled td.woocommerce-orders-table__cell-order-status p {
    background-color: #F8D7DA;
    color: #721C24;
}

/* Refunded status - light red */
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-orders-table__row--status-refunded .woocommerce-orders-table__cell-order-status p,
.woocommerce-account .woocommerce-MyAccount-content table.shop_table tbody tr.woocommerce-orders-table__row--status-refunded td.woocommerce-orders-table__cell-order-status p {
    background-color: #F8D7DA;
    color: #721C24;
}

/* Failed status - light red */
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-orders-table__row--status-failed .woocommerce-orders-table__cell-order-status p,
.woocommerce-account .woocommerce-MyAccount-content table.shop_table tbody tr.woocommerce-orders-table__row--status-failed td.woocommerce-orders-table__cell-order-status p {
    background-color: #F8D7DA;
    color: #721C24;
}

/* All rows have white background - no alternating colors */
.woocommerce-account .woocommerce-MyAccount-content table.shop_table_responsive.my_account_orders tbody tr,
.woocommerce-account .woocommerce-MyAccount-content table.shop_table tbody tr {
    background: #fff;
}

/* Pagination button styling - match other buttons */
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-button--next,
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Button--next,
.woocommerce-account .woocommerce-MyAccount-content button.woocommerce-button--next,
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-button.woocommerce-button--next {
    background-color: #1FB25A;
    border-radius: 50px;
    padding: 10px 20px;
    color: #fff;
    font-weight: 400;
    text-decoration: none;
    border: none;
    cursor: pointer;
    transition: all 0.2s ease;
}

.woocommerce-account .woocommerce-MyAccount-content .woocommerce-button--next:hover,
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Button--next:hover,
.woocommerce-account .woocommerce-MyAccount-content button.woocommerce-button--next:hover,
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-button.woocommerce-button--next:hover {
    background-color: #1A9B4D;
    color: #fff;
    text-decoration: none;
}

/* Previous button styling - match other buttons */
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-button--previous,
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Button--previous,
.woocommerce-account .woocommerce-MyAccount-content button.woocommerce-button--previous,
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-button.woocommerce-button--previous {
    background-color: #1FB25A;
    border-radius: 50px;
    padding: 10px 20px;
    color: #fff;
    font-weight: 400;
    text-decoration: none;
    border: none;
    cursor: pointer;
    transition: all 0.2s ease;
}

.woocommerce-account .woocommerce-MyAccount-content .woocommerce-button--previous:hover,
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Button--previous:hover,
.woocommerce-account .woocommerce-MyAccount-content button.woocommerce-button--previous:hover,
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-button.woocommerce-button--previous:hover {
    background-color: #1A9B4D;
    color: #fff;
    text-decoration: none;
}
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-order-details thead th,
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-order-details tfoot tr:last-child
{
    background: #F7F8F8;
}
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-order-details tbody td
{
    background: #FFF;
}
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-order-details .wc-item-meta,
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-order-details tbody td p
{
   display:none;
}
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-order-details h2
{
   font-size: 20px;
}
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-order-details h2,
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-customer-details h2

{
    font-weight: 300;
   font-size: 20px;
}

.woocommerce-account .woocommerce .woocommerce-MyAccount-content .order-again a
{
    background-color: #1FB25A;
    border-radius: 50px;
    padding: 10px 20px;
    color: #fff;
    font-weight: 400;
    margin-top: 15px;
    min-width: 140px;
    text-decoration: none;
}


/**
ADDRESSES styles
 */
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Addresses {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Addresses div {
    border-radius: 20px;
    padding: 15px;
    background: #F7F8F8;
}
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Addresses .woocommerce-Address-title {
    display: flex;
    flex-direction: row;
    align-items: start;
    margin-bottom: 10px;
}
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Addresses.col2-set .col-2,
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Addresses.col2-set .col-1 {
width: 100%;

}
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Addresses .woocommerce-Address-title address {
    font-size: 14px!important;
}

.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Addresses .woocommerce-Address-title h2 {
   font-size: 16px;
    align-self: center;
    margin: 0;
    line-height: unset;
    display: flex;
    align-items: center;
    gap: 8px;
}

/* Billing address icon (first address block) */
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Addresses > div:first-child .woocommerce-Address-title h2::before {
    content: '';
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url('../../../images/my-account/My_Account_File_Document.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    flex-shrink: 0;
}

/* Shipping address icon (second address block) */
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Addresses > div:nth-child(2) .woocommerce-Address-title h2::before {
    content: '';
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url('../../../images/my-account/My_Account_Cart.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    flex-shrink: 0;
}
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Addresses .woocommerce-Address-title br {
    display: none;
}
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Addresses .woocommerce-Address-title p {
   margin-bottom: 0;
    margin-left: auto;
}
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Addresses .woocommerce-Address-title p a {
    font-size: 14px;
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Addresses .woocommerce-Address-title p a::after {
    content: '';
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url('../../../images/my-account/My_Account_Note_Edit.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Addresses .woocommerce-Address-title p a:hover {
    font-weight: 400;
}

.woocommerce-account .woocommerce-MyAccount-content form .woocommerce-address-fields  .form-row .input-text,
.woocommerce-account .woocommerce-MyAccount-content form .woocommerce-address-fields  .form-row select {
border-radius: 20px;
border: 1px solid #8B8B8B;
}
.woocommerce-account .woocommerce-MyAccount-content form 
 {
max-width: 550px;
}
.woocommerce-account .woocommerce-MyAccount-content form .woocommerce-address-fields button {
    background-color: #1FB25A;
    border-radius: 50px 50px 50px 50px;
    padding: 10px 20px 10px 20px;
    color:#fff;
}

/**
Payment method styles
 */
/* Only when the “Payment methods” nav item is active */
@supports selector(:has(*)) {
    .woocommerce:has(.woocommerce-MyAccount-navigation-link--payment-methods.is-active)
     .woocommerce-MyAccount-content {
        background-color: #F7F8F8;
        float: left;
        max-width: 600px;
        margin-left: 20px;
        padding: 10px 15px;
    }
    .woocommerce:has(.woocommerce-MyAccount-navigation-link--payment-methods.is-active)
    .woocommerce-MyAccount-content .woocommerce-info {
        border-top: unset;
        padding: 0;
        background-color: unset;
        margin-bottom: 20px;
    }

    .woocommerce:has(.woocommerce-MyAccount-navigation-link--payment-methods.is-active)
    .woocommerce-MyAccount-content a.button {
        background-color: #1FB25A;
        border-radius: 50px;
        padding: 10px 20px;
        color: #fff;
    }

    .woocommerce:has(.woocommerce-MyAccount-navigation-link--payment-methods.is-active)
    .woocommerce-MyAccount-content p a.button {
        color: #fff;
        text-decoration: none;
        font-weight: 400;
    }

    .woocommerce:has(.woocommerce-MyAccount-navigation-link--payment-methods.is-active)
    .woocommerce-MyAccount-content p a.button::after {
        content: ' ->';
    }

    .woocommerce:has(.woocommerce-MyAccount-navigation-link--payment-methods.is-active)
    .woocommerce-MyAccount-content .woocommerce-info::before {
        content: unset;
    }
}
/**
   Account details styles
 */
.woocommerce-account .woocommerce .woocommerce-EditAccountForm {
    max-width: 500px;
}
.woocommerce-account .woocommerce .woocommerce-EditAccountForm p {
    line-height: 0;
}
.woocommerce-account .woocommerce .woocommerce-EditAccountForm p input {
    border: 1px solid #8B8B8B;
    border-radius: 20px;
}
.woocommerce-account .woocommerce .woocommerce-EditAccountForm #account_display_name_description {
    display: block;
    margin-top: 5px;
    margin-bottom: 15px;
    font-size: 0.875em;
    line-height: 1;
}
.woocommerce-account .woocommerce .woocommerce-EditAccountForm legend {
   font-weight: 500;
   display: flex;
   align-items: center;
   gap: 8px;
}

.woocommerce-account .woocommerce .woocommerce-EditAccountForm legend::before {
    content: '';
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url('../../../images/my-account/My_Account_Lock_Open.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    flex-shrink: 0;
}
.woocommerce-account .woocommerce .woocommerce-EditAccountForm fieldset {
   border: unset;
    margin-top: 30px;
    padding: 0;
}
.woocommerce-account .woocommerce .woocommerce-EditAccountForm .button {
    background-color: #1FB25A;
    border-radius: 50px;
    padding: 10px 20px;
    color: #fff;
    margin-top: 10px;
}
.woocommerce-account .woocommerce form .form-row-first, .woocommerce form .form-row-last
{
    width: 49%;
}
/**
 user log in page style
 */
.woocommerce-account .woocommerce #customer_login h2 {
    font-size: 16px;
}
.woocommerce-account .woocommerce #customer_login form {
    margin-top: 0;
    min-height: 330px;
}
.woocommerce-account .woocommerce #customer_login form,
.woocommerce-account .woocommerce #customer_login input
{
    border: 1px solid #D9D9D9;
    border-radius: 0;
}
.woocommerce-account .woocommerce #customer_login p.form-row
{
   line-height: 0;
}
.woocommerce-account .woocommerce #customer_login .woocommerce-form__label-for-checkbox {
    line-height: 0;
}
.woocommerce-account .woocommerce #customer_login .button
{
    background-color: #1FB25A;
    border-radius: 50px;
    padding: 10px 20px;
    color: #fff;
    font-weight: 400;
    margin-top: 15px;
    min-width: 140px;
}
.woocommerce-account .woocommerce #customer_login .woocommerce-LostPassword.lost_password a
{
    font-size: 13px;
    color: #000;

}
.woocommerce-account .woocommerce #customer_login .woocommerce-form-register p
 {
     font-size: 14px;
     line-height: 20px;

 }
.woocommerce-account .woocommerce #customer_login .woocommerce-form-register .woocommerce-privacy-policy-text a
 {
    color: #8B8B8B;
    text-decoration: underline;
 }
.woocommerce-account .woocommerce #customer_login .woocommerce-form-register .woocommerce-privacy-policy-text a:hover
 {
    color: #000;
 }
.woocommerce-account .woocommerce #customer_login .woocommerce-form-login__rememberme {
    font-size: 14px;
}
.woocommerce-account .woocommerce form.woocommerce-form-register > p:nth-of-type(2),
.woocommerce-account .woocommerce form .form-row .required
{
    color: #000000;
    font-weight: 300;
}

.woocommerce-account .woocommerce #customer_login .woocommerce-form-login__rememberme label a {
    color: #000;
    text-decoration: underline;
}
.woocommerce-account .woocommerce #customer_login .woocommerce-form-login__rememberme label a:hover {
    color: #1FB25A;
}
.woocommerce-account .woocommerce #customer_login .woocommerce-form-login input[type="checkbox"][name="rememberme"]{
    -webkit-appearance: none;
    appearance: none;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background: #fff;
    display: inline-block;
    vertical-align: middle;
    margin-right: 4px;
    position: relative;
    cursor: pointer;
}
/* Hover (optional) */
.woocommerce-account .woocommerce #customer_login .woocommerce-form-login input[type="checkbox"][name="rememberme"]:hover{
    border-color: #9aa5ad;
}

/* Checked = filled green circle */
.woocommerce-account .woocommerce #customer_login .woocommerce-form-login input[type="checkbox"][name="rememberme"]:checked{
    background-color: #1fb25a;    /* fill */
    border-color: #1fb25a;        /* ring matches fill */
    box-shadow: inset 0 0 0 2px rgba(255,255,255,.0); /* keeps edges crisp */
}

/* Keyboard focus */
.woocommerce-account .woocommerce #customer_login .woocommerce-form-login input[type="checkbox"][name="rememberme"]:focus-visible{
    outline: 2px solid #1fb25a;
    outline-offset: 2px;
}
/**
on mobile woocommerce adds content as title in table and hides main table head.
This is css for mobile only.
 */
@media screen and (max-width: 768px) {
    .woocommerce-account .woocommerce .woocommerce-EditAccountForm {
        margin: auto;
    }
    .woocommerce-account .woocommerce table.shop_table_responsive tr th::before {
        content: attr(data-title) ": ";
    }
    .woocommerce-account .woocommerce table.shop_table_responsive tr:nth-child(2n) th {
        background-color: rgba(0, 0, 0, .025);
    }
    .woocommerce-account .woocommerce-MyAccount-content table.shop_table th,
    .woocommerce-account .woocommerce-MyAccount-content table.shop_table td {
        /*border: 1px solid #D9D9D9;*/
        display: flex;
        justify-content: space-between;
        align-items: center;
        height: 40px;
    }
    .woocommerce-account .woocommerce table.shop_table_responsive tbody tr:first-child td:first-child
    {
        border-top: 1px solid #D9D9D9;
    }
    .woocommerce-account .woocommerce .affiliate_info_outer_wrapper table tbody tr:nth-child(even) td {
        background: #F7F8F8;
    }
}

/**
 * My Formula Tab Styles
 */
.nf-my-formula-container {
    max-width: 600px;
}

.nf-my-formula-header {
    margin-bottom: 30px;
}

.nf-my-formula-greeting {
    font-size: 18px;
    color: #222;
    margin: 0;
    font-weight: 400;
}

.nf-my-formula-list {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 20px;
}

.nf-my-formula-card {
    background: #F0F7F3;
    border: 1px solid #D9E5DD;
    border-radius: 8px;
    padding: 10px 20px;
    display: flex;
    flex-direction: column;
    width: 100%;
    transition: box-shadow 0.2s ease;
    max-width: 290px;
}

.nf-my-formula-card:hover {
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.nf-my-formula-card-content {
    display: flex;
    align-items: center;
    gap: 9px;
}

.nf-my-formula-image img {
    width: 100%;
    height: 100%;
    max-width: 80px;
    object-fit: contain;
}

.nf-my-formula-details {
    flex: 1;
    line-height: 15px;
}

.nf-my-formula-quiz-name {
    font-size: 12px;
    font-weight: 400;
    color: #1FB25A;
    margin: 0 0 4px 0;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.nf-my-formula-name {
    font-size: 18px;
    font-weight: 500;
    color: #222;
    margin: 0 0 8px 0;
}

.nf-my-formula-last-ordered {
    font-size: 14px;
    color: #666;
    margin: 0;
}

.nf-my-formula-not-ordered {
    font-size: 14px;
    color: #999;
    margin: 0;
    font-style: italic;
}

.nf-my-formula-actions {
    display: flex;
}

.nf-my-formula-actions a {
   justify-content: center;
}

.nf-my-formula-reorder-btn br {
    display: none;
}
.nf-my-formula-reorder-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background-color: #1FB25A;
    color: #fff !important;
    padding: 5px 24px;
    border-radius: 50px;
    text-decoration: none !important;
    font-weight: 400;
    font-size: 16px;
    transition: all 0.2s ease;
    border: none;
    cursor: pointer;
    width: 100%;
}

.nf-my-formula-reorder-btn:hover {
    background-color: #1A9B4D;
    color: #fff !important;
    text-decoration: none !important;
}

.nf-my-formula-reorder-btn svg {
    flex-shrink: 0;
}

.nf-my-formula-empty {
    text-align: center;
    padding: 40px 20px;
    background: #F7F8F8;
    border-radius: 8px;
}

.nf-my-formula-empty p {
    font-size: 16px;
    color: #666;
    margin: 0;
}


/* Mobile Responsive */
@media screen and (max-width: 768px) {
 
    .nf-my-formula-image {
        flex: 0 0 100px;
        width: 100px;
        height: 100px;
    }

    .nf-my-formula-actions {
        justify-content: center;
    }

    .nf-my-formula-reorder-btn {
        width: 100%;
        justify-content: center;
    }
}

/* Mobile Responsive */
@media screen and (min-width: 769px) {
    .woocommerce-account .woocommerce-MyAccount-content .woocommerce-Addresses.col2-set .col-2,
    .woocommerce-account .woocommerce-MyAccount-content .woocommerce-Addresses.col2-set .col-1 {
    width: 65%;
    
}

}