/* ===== SIGN IN ===== */
.nav-top-not-logged-in.circle {
    border: none !important;
    border-radius: 0 !important;
    background: transparent !important;
    display: flex !important;
    align-items: center;
    gap: 8px;
    padding: 0 !important;
    color: #000 !important;
}

.nav-top-not-logged-in.circle i {
    display: none !important;
}

.nav-top-not-logged-in.circle::before {
    content: "";
    display: inline-block;
    width: 22px;
    height: 22px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='2' stroke='%23000'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M15.75 6a3.75 3.75 0 11-7.5 0 3.75 3.75 0 017.5 0zM4.501 20.118a7.5 7.5 0 0114.998 0A17.933 17.933 0 0112 21.75c-2.676 0-5.216-.584-7.499-1.632z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
    flex-shrink: 0;
}

.nav-top-not-logged-in.circle::after {
    content: "Sign In";
    font-size: 14px;
    text-transform: none !important;
    letter-spacing: 0.05em;
    color: #000 !important;
}

.nav-top-not-logged-in.circle:hover {
    background: transparent !important;
    opacity: 0.6;
}





/* ===== ACCOUNT (đã đăng nhập) ===== */
.account-login.circle {
    border: none !important;
    border-radius: 0 !important;
    background: transparent !important;
    display: flex !important;
    align-items: center;
    gap: 8px;
    padding: 0 !important;
    color: #000 !important;
}

.account-login.circle i {
    display: none !important;
}

.account-login.circle::before {
    content: "";
    display: inline-block;
    width: 22px;
    height: 22px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='2' stroke='%23000'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M15.75 6a3.75 3.75 0 11-7.5 0 3.75 3.75 0 017.5 0zM4.501 20.118a7.5 7.5 0 0114.998 0A17.933 17.933 0 0112 21.75c-2.676 0-5.216-.584-7.499-1.632z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
    flex-shrink: 0;
}

.account-login.circle::after {
    content: "Account";
    font-size: 14px;
    text-transform: none !important;
    letter-spacing: 0.05em;
    color: #000 !important;
}

.account-login.circle:hover {
    background: transparent !important;
    opacity: 0.6;
}