/* MY ACCOUNT */

body.woocommerce-account .woocommerce:has(>.woocommerce-MyAccount-navigation) {
    margin: 2rem 0 4rem 0;
    display: grid;
    gap: 2rem;
    grid-template-columns: auto 1fr;
}

.woocommerce-MyAccount-navigation ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: 0.5rem;
}

li.woocommerce-MyAccount-navigation-link a {
    display: block;
    padding: 0.5rem;
    background-color: var(--color-white-dirty);
    color: var(--color-text);
}

li.woocommerce-MyAccount-navigation-link.is-active a {
    background-color: var(--color-green-a);
    color: var(--color-white);
}

.woocommerce-MyAccount-navigation-link--downloads {
    display: none !important;
}

.woocommerce-ResetPassword {
    width: 100%;
    max-width: 24rem;
}

.woocommerce-ResetPassword .woocommerce-Button {
    width: 100%;
}

.woocommerce-orders-table__row {
    font-size: 0.875rem;
}

.woocommerce-orders-table__header th {
    font-weight: 600;
}

.woocommerce-MyAccount-content {
    font-size: 0.875rem;
}

@media screen and (max-width: 1024px) {
    body.woocommerce-account .woocommerce:has(>.woocommerce-MyAccount-navigation) {
        grid-template-columns: 1fr;
    }

    .woocommerce-MyAccount-navigation ul {
        display: flex;
        flex-wrap: wrap;
        gap: 0.5rem;
        position: relative;
        padding-right: 7rem;
    }

    .woocommerce-MyAccount-navigation ul .woocommerce-MyAccount-navigation-link--customer-logout {
        position: absolute;
        right: 0;
        top: 0;
    }
}


@media screen and (max-width: 768px) {
    body.woocommerce-account .woocommerce {
        margin: 2rem 0 4rem 0;
        display: grid;
        gap: 2rem;
        grid-template-columns: 1fr;
    }

    .woocommerce-MyAccount-navigation ul {
        display: flex;
        flex-wrap: wrap;
        gap: 0.5rem;
    }
}