/**
 * Account
 *
 * We are using the 'vo-' prefix to avoid potential conflicts with WooCommerce
 * classes. Better safe than sorry!
 * ----------------------------------------------------------------------------
 */

.vo-account {
    padding: $spacing--xxlarge 0;
    @include breakpoint(large) {
        padding: $spacing--xxxlarge 0;
    }

    h2, h3 {
        margin-bottom: $spacing;
    }

    .woocommerce-MyAccount-navigation {
        margin-bottom: $spacing;
        ul {
            display: block;
            margin: 0 auto;
        }
        li {
            display: block;
            @include breakpoint(medium) {
                display: inline-block;
            }
            a {
                color: $color-gray-85;
                background: transparent;
                border: 1px solid $color-gray-85;
                display: block;
                padding: $spacing/2 $spacing;
                margin-bottom: 4px;

                &:hover, &:focus {
                    color: $white;
                    background: $color-gray-85;
                    border: 1px solid $color-gray-85;
                }
            }
        }
        li.is-active {
            a {
                color: $white;
                background: $color-gray-85;
                border: 1px solid $color-gray-85;
            }
        }
    }

    /**
     * Addresses
     */
    .woocommerce-Address.col-1 {
        margin-bottom: $spacing;
        @include breakpoint(medium) {
            margin-bottom: 0;
        }
    }
    .woocommerce-address-fields__field-wrapper {
        margin-bottom: $spacing--xlarge;
    }

    /**
     * Order details - view order
     */
    .table-scroll--orders {
        table {
            width: 100%;
        }
        @include breakpoint(small only) {
            @include table-scroll;
            table {
                width: 100%;
                min-width: calc(640px - 30px);
            }
        }
    }
    .woocommerce-order-details {
        margin-bottom: $spacing;

    }

    /**
     * Edit Account
     */
    .woocommerce-MyAccount-content {
        fieldset {
            margin: $spacing--xlarge 0;
        }
        legend {
            font-weight: bold;
            font-size: rem-calc(24);
            margin-bottom: $spacing;
        }
    }

    /**
     * Login
     */

    .woocommerce-form-login, .woocommerce-ResetPassword {

        .woocommerce-Button {
            margin-top: $spacing;
        }
    }

}