/******* Do not edit this file *******
Woody Code Snippets CSS and JS
Saved: Oct 10 2026 | 14:33:07 */
/* AKTEC - Header account icon: rounded square */

/* Căn giữa nút tài khoản */
.header .account-item > a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

/* Ô nền bo góc cho icon tài khoản */
.header .account-item .icon-user {
    display: inline-block !important;
    box-sizing: border-box !important;

    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    line-height: 40px !important;

    font-size: 0 !important;
    border: none !important;
    border-radius: 12px !important;

    background-color: rgba(255, 255, 255, 0.16) !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4 21v-2a8 8 0 0 1 16 0v2z'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 25px 25px !important;

    box-shadow: none !important;
    transition: background-color .2s ease, transform .2s ease;
}

/* Hiệu ứng rê chuột */
.header .account-item:hover .icon-user {
    background-color: rgba(255, 255, 255, 0.25) !important;
    transform: translateY(-1px);
}

/* Ẩn icon mặc định */
.header .account-item .icon-user::before {
    content: none !important;
}

/* Mobile */
@media (max-width: 549px) {
    .header .account-item .icon-user {
        width: 36px !important;
        height: 36px !important;
        min-width: 36px !important;
        line-height: 32px !important;
        border-radius: 10px !important;
        background-size: 22px 22px !important;
    }
}