/* Account nav */

.woocommerce-MyAccount-navigation {
    padding-bottom: .75rem;
    margin-bottom: calc(var(--space-3) - .75rem);
    font-size: var(--h6);
}

.woocommerce-MyAccount-navigation ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    align-items: flex-start;
    flex-wrap: nowrap;
    gap: .5em .75em;
}

.woocommerce-MyAccount-navigation ul li:last-child {
    margin-left: auto;
}

@media (max-width: 768px) {
    .woocommerce-MyAccount-navigation {
        margin-inline: calc(var(--site-padding) * -1);
        overflow-x: auto;
        padding-inline: calc(var(--site-padding) - .5rem);
    }

    .woocommerce-MyAccount-navigation ul li:last-child {
        padding-right: calc(var(--site-padding) - .5rem);
    }
}

.woocommerce-MyAccount-navigation a {
    display: inline-block;
    color: var(--green-dark);
    background-color: var(--white);
    text-decoration: none;
    font-weight: var(--bold);
    box-shadow: inset 0 0 0 3px currentColor;
    padding: .625em 1em .5em;
    line-height: 1.25;
    border-radius: 1.5em;
}

.woocommerce-MyAccount-navigation a:hover {
    color: var(--green);
    text-decoration: none;
}

.woocommerce-MyAccount-navigation a:active {
    transform: translateY(1px);
    background-color: var(--dim);
}

.woocommerce-MyAccount-navigation .is-active a {
    color: var(--white);
    background-color: var(--green);
    box-shadow: inset 0 0 0 3px var(--green);
}


/* Account content */

.woocommerce-MyAccount-content {
    padding: calc(var(--space-3) * 1.5) var(--site-padding);
    margin-inline: calc(var(--site-padding) * -1);
    background-color: var(--dim);
    position: relative;
    min-height: max(40vh, 20rem);
}

.woocommerce-MyAccount-content:after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: calc(100% - 2px);
    height: 1.375rem;
    background-image: url('data:image/svg+xml,<svg width="60" height="30" viewBox="0 0 60 30" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M-5 29.2162V7.86781e-06L0 8.58307e-06L60 0L65 7.15256e-07V29.2162C63.5302 29.7149 61.8833 30 60 30C52.5 30 48.75 25.4783 45 20.9565C41.25 16.4348 37.5 11.913 30 11.913C22.5 11.913 18.75 16.4348 15 20.9565C11.25 25.4783 7.5 30 0 30C-1.88334 30 -3.53021 29.7149 -5 29.2162Z" fill="%23F6EFE0"/></svg>');
    background-size: auto 100%;
    background-position: center;
}

.woocommerce-MyAccount-content>*:first-child, .woocommerce-MyAccount-content form>*:first-child {
    margin-top: 0;
}

.woocommerce-MyAccount-content>*:last-child {
    margin-bottom: 0;
}

.woocommerce-MyAccount-content h2 {
    font-size: var(--h3);
}


/* Order history */

.woocommerce-orders-row {
    border-bottom: 1px dotted var(--gray);
    margin-bottom: 2rem;
    padding-bottom: 2rem;
    display: flex;
    flex-direction: column;
    gap: .75em;
    font-size: var(--h5);
    line-height: 1.3;
}

.woocommerce-orders-row.latest-order {
    border: 1px solid var(--gray);
    padding: 1rem;
    margin-bottom: var(--space-4);
}

.woocommerce-orders-row .order-number {
    display: flex;
    flex-wrap: wrap;
    gap: .25rem .5rem;
    align-items: center;
}

.woocommerce-orders-row .order-number a {
    font-weight: var(--bold);
    font-size: 1.25rem;
    color: var(--green-dark);
}

.woocommerce-orders-row .order-number a:hover {
    color: var(--green);
}

.woocommerce-orders-row .status {
    font-size: .8125rem;
    padding: .125em .375em 0;
    border-radius: .25em;
    background-color: var(--yellow);
    line-height: 1.25;
}

.woocommerce-orders-row.completed .status, .woocommerce-orders-row.refunded .status {
    background-color: var(--green);
    color: var(--white);
}

.woocommerce-orders-row.processing .status {
    background-color: var(--green-dark);
    color: var(--white);
}

.woocommerce-orders-row.failed .status, .woocommerce-orders-row.cancelled .status {
    background-color: var(--invalid);
    color: var(--white);
}

.woocommerce-orders-row .order-date {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: .5rem 1rem;
}

.woocommerce-orders-row .order-date>* {
    flex: 1 1 220px;
}

.woocommerce-orders-row .order-date time {
    display: block;
    font-weight: var(--bold);
}

.woocommerce-orders-row .order-actions {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
    margin-top: .5rem;
}

.woocommerce-orders-row .amount {
    font-weight: var(--bold);
}

mark.order-status {
    background-color: var(--yellow);
}

.woocommerce-columns {
    --column-gap: 1rem !important;
    --row-gap: 1rem !important;
}


/* Customer not logged in / new password */

#customer_login {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: var(--space-4) calc(var(--site-padding) + var(--space-3));
    font-size: var(--h5);
    padding-top: 1rem;
}

#customer_login>* {
    flex-basis: 420px;
    flex-grow: 1;
}

#customer_login h2 {
    font-size: var(--h3);
    margin-top: 0;
}

#customer_login .woocommerce-form-login, .lost_reset_password {
    margin-inline: calc(var(--site-padding) * -1);
    margin-bottom: 0;
}

#customer_login .woocommerce-form-login__rememberme {
    display: block !important;
    width: fit-content;
    margin-bottom: 1rem;
}