/* My Account sidebar
   Moved out of the inline <style> in resources/views/front/sidebar_myaccount.blade.php
   Shared partial: included by my_order, my_order_detail, profile, wishlist,
   manage-address and order-trake. */

.vk-acct-card {
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 2px 12px rgba(21, 43, 57, .06);
    overflow: hidden;
}

.vk-acct-user {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 22px 20px;
}

.vk-acct-user__img {
    width: 54px;
    height: 54px;
    min-width: 54px;
    border-radius: 50%;
    object-fit: cover;
    background: #ECEFF1;
}

.vk-acct-user__name {
    margin: 0;
    font-size: 15px;
    font-weight: 600;
    color: #152B39;
    line-height: 1.3;
    word-break: break-word;
}

.vk-acct-user__sub {
    margin: 2px 0 0;
    font-size: 13px;
    color: #8A949C;
}

.vk-acct-nav {
    list-style: none;
    margin: 0;
    padding: 0;
    border-top: 1px solid #EDEFF1;
}

.vk-acct-nav__item + .vk-acct-nav__item {
    border-top: 1px solid #F0F2F4;
}

.vk-acct-nav__link {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 15px 20px;
    font-size: 14.5px;
    color: #3B4A55;
    border-left: 3px solid transparent;
    transition: background .15s ease, color .15s ease;
}

.vk-acct-nav__link:hover,
.vk-acct-nav__link:focus {
    background: #FAFBFC;
    color: #152B39;
    text-decoration: none;
}

.vk-acct-nav__link i {
    width: 18px;
    text-align: center;
    font-size: 16px;
    color: #8A949C;
}

.vk-acct-nav__link.is-active {
    background: #FBF7F1;
    border-left-color: #B58A46;
    color: #152B39;
    font-weight: 600;
}

.vk-acct-nav__link.is-active i {
    color: #B58A46;
}

/* Logout sits apart from the navigation items above it. */
.vk-acct-nav__item--logout {
    border-top: 1px solid #E6E8EA !important;
}

.vk-acct-nav__link--logout {
    color: #B3413F;
}

.vk-acct-nav__link--logout i {
    color: #C96B69;
}

.vk-acct-nav__link--logout:hover,
.vk-acct-nav__link--logout:focus {
    background: #FDF4F4;
    color: #8A3535;
}

.vk-acct-nav__link--logout:hover i {
    color: #8A3535;
}