/* --------------------------------------------
    MY-ACCOUNT
-------------------------------------------- */

.woocommerce-info,
.woocommerce-message {
    border-color: var(--primary_color);

    >a {
        font-weight: bold;
    }

    &:before {
        color: var(--primary_color);
    }
}

.woocommerce-account {
    .woocommerce-MyAccount-navigation {
        width: 26%;

        ul {
            padding: 0;
            margin: 0;

            li {
                list-style: none;
                margin-bottom: 15px;
                overflow: hidden;

                &:last-child {
                    margin-bottom: 0;
                }

                a {
                    display: block;
                    padding: 15px 25px;
                    font-size: calc(var(--primary_font_size) - 2px);
                    text-transform: uppercase;
                    letter-spacing: 0.1em;
                    background-color: @bg_color;
                    color: var(--heading_color);

                    &:hover {
                        background-color: var(--primary_color);
                        color: @white;
                        border-color: var(--primary_color);
                    }
                }

                &.is-active {
                    a {
                        background-color: var(--primary_color);
                        color: @white;
                        border-color: var(--primary_color);
                    }
                }
            }
        }

        @media(max-width: 768px) {
            width: 100%;

            ul {
                li {
                    width: 49%;
                    display: inline-block;
                }
            }
        }
    }

    .woocommerce-MyAccount-content {
        color: #515151;
        p {
            a {
                font-weight: 600;
            }
        }

        >p {
            &:before {
                content: "\e017";
                color: var(--primary_color);
                font-family: "WooCommerce";
                font-weight: bold;
                margin-right: 20px;
                border: 1px solid var(--primary_color);
                .rounded(50%);
                padding: 3px;
            }

            padding: 1em 2em 1em 1.5em;
            margin: 0 0 2em;
            position: relative;
            background-color: #f7f6f7;
            border-top: 3px solid var(--primary_color);
            list-style: none outside;
            width: auto;
            word-wrap: break-word;
        }
    }
}

.woocommerce-page,
.woocommerce {
    .col2-set {

        .col-2,
        .col-1 {
            max-width: 48%;
            padding: 0;

            @media (max-width: 768px) {
                width: 100%;
                max-width: 100%;
            }

            &.woocommerce-Address {
                @media(max-width: 768px) {
                    width: 100%;
                }
            }
        }
    }
}

.woocommerce-account .addresses .title .edit {
    margin-top: 20px;
    text-decoration: underline;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    font-size: calc(var(--primary_font_size) - 2px);
}

.woocommerce table.my_account_orders {
    font-size: 14px;
    border: 2px solid @border_color;

    th {
        font-size: 13px;
        color: #222222;
        text-transform: uppercase;
        text-align: center;
        line-height: 2.4;
        padding: 14px 12px;
        font-weight: normal;
        border-bottom-width: 2px;
    }

    td {
        text-align: center;
    }

    .order-actions .button {
        margin: 0;
        min-width: 120px;
    }
}

.woocommerce-account .customer_login_form_wrap {
    margin-bottom: 80px;

    .col2-set {
        margin-top: 5%;
        margin-bottom: 10%;

        .col-1,
        .col-2 {
            background: @white;
            border: 2px solid @border_color;
            padding: 50px 45px 30px 45px;
        }

        p {
            text-align: left;
        }

        h2 {
            position: relative;
            text-align: left;
            text-transform: uppercase;
            font-weight: 900;
            margin-bottom: 20px;
            line-height: 1;

            &:before {
                content: "";
                position: absolute;
                left: -10px;
                width: 2px;
                height: 100%;
                background: var(--primary_color);
            }
        }

        label {
            text-align: left;
        }
    }

    form.login,
    form.register {
        padding: 0;
        margin: 0;
        text-align: left;
        border: none;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;

        .form-row {
            margin-bottom: 20px;

            label.inline {
                display: inline-block;
                margin-top: 10px;
            }
        }

        label {
            margin-bottom: 5px;
        }

        .woocommerce-form-login__rememberme {
            display: block;
            margin-bottom: 15px;
        }

        .input-text {
            border-radius: 0px;
            text-align: left;
            background: @white;
        }

        label[for="rememberme"] {
            display: block;
            text-transform: none;
            margin-top: 12px;
            color: var(--text_color);
            font-weight: normal;

            input {
                margin-right: 5px;
            }
        }
    }
}